• Eight software development process models


    preface The so-called software process model is a development strategy, which provides a set of models for each stage of software engineering to make the progress of the project achieve the desired purpose. For the development of a software, no matter its size, we need to choose an appropriate software process model, which is based […]

  • Project case CSS sharing: Flex layout &css waterfall flow


    Project case CSS sharing: Flex layout &css waterfall flow Just share some CSS techniques used in the projectJasonSubmara Flex layout Implementation effect display and associated code: .tips-process { display: flex; flex-direction: row; flex-wrap: wrap; overflow: hidden; li { position: relative; width: 25%; text-align: center; padding-bottom: 40px; padding-right: 80px; box-sizing: border-box; @for $i from 0 through […]

  • Configuration and use of waterfall flow plug-in masonry


    MasonryIt is one of the most popular waterfall flow plug-ins with simple configuration and powerful functions. 1w+ stars have been harvested on GitHub. If you want to use waterfall flow to improve the website experience, masonry will be a good choice. Waterfall flow, also known as waterfall flow layout. It is a popular website page […]

  • JS implementation of waterfall flow layout


    Imitate Taobao to realize waterfall flow The implementation effect diagram is as follows (take iphone6/7/8 and ipadpro as examples): Implementation idea: Layout with absolute positioning Define gap (up, down, left, right) First, calculate the columnnum, that is, the clientwidth / itemWidth of the visible area of the web page, so the formula is as follows:columnNum=clientWidth/itemWidth […]

  • Bootstrap actual combat – waterfall flow layout


    There are a lot of tutorials on the basis of bootstrap on the Internet. In fact, the documents in bootstrap Chinese network (bootcss. Com) have been written in great detail, but there are few practical cases. Here we use some popular web page layout as the guide, and use the style in bootstrap to complete […]

  • 2021, you still can’t waterfall layout? (three reliable JS schemes + n unreliable CSS schemes)


    In the spirit of practicality, let’s share it todayWaterfall flow layout(Yesterday, a little brother asked me how to do it. I looked for it for a long time and didn’t find it. It was written on the intranet)。Demo address: http://www.lilnong.top/static/html/waterfall.html What is the waterfall layout? for instancePetal net、Mushroom Street(I’ll map it below). These websites use […]

  • On waterfall development and agile development of software development model


             1. Waterfall model 1.1 characteristics of waterfall model Winston Royce proposed the famous “waterfall model” in 1970. Until the early 1980s, it has been the only widely used software development model.        1.2 core idea of waterfall model The core idea of waterfall model is to simplify the problem […]

  • Bootstrap practice – waterfall flow layout


    There are many tutorials on the basics of bootstrap on the Internet, In fact, the documents in bootstrap Chinese website (bootcss. Com) have been written in great detail, but there are not many actual cases. Here, we use some popular web page layout as the guide and use the styles in bootstrap to complete it. […]

  • Classic project management or agile project management, how should I choose?


    Coding project collaboration has recently launched a platform to support traditional project management“Classic project management”.So far, coding has fully supported agile project management and traditional project management. So here comes the question…,“Classic project management”and“Agile project management”, what should I choose? This paper will provide selection references from the perspectives of concept differences, common R & […]

  • Implementation of waterfall waterfall flow layout + dynamic rendering


    catalogue Waterfall flow typical website Waterfall flow layout principle General idea Specific ideas Plug in package First step Step 2 Step 3 Step 4 Step 5 Dynamic rendering requirement analysis Render first page data Render Page Rendering of the second page (manually loaded) Rendering of the second page (scroll loading) Issues requiring special attention Waterfall […]

  • Some interesting features in the layout of the new era


    In the latest chrome canary, an interesting CSS syntaxContainer QueriesSupported. Chrome Canary: daily build for developers, standing at the forefront of network technology. Of course, not necessarily stable~ In recent chrome versions, some interesting properties have been supported one after another. This article will introduce some interesting new features that we can gradually use in […]

  • Front end: CSS waterfall flow implementation


    1. Waterfall flow layout <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <meta http-equiv=”X-UA-Compatible” content=”ie=edge”> < title > waterfall flow layout < / Title > <style> .waterfall { width: 300px; column-count: 2; } .item { flex:none; } .item img{ width: 100%; } </style> </head> <body> <ul class=”waterfall”> <li class=”item”> <img> </li> <li […]