Programming VIP

If the style file sass is used in vue, if each.Vue file introduces this style, it will inevitably cause duplication and redundancy of the style after the file is built out. If a scss file is introduced globally in main.js, and no error is defined in referencing the reference variable in other components or pages, other styles c ...

I. sass/scss ruby language 1.scss variable $w:300px;$h:235px; .mm{width:$w;height:$h;} 2.sass Nested writing of: .header{ height:200px; h1{font-size:18px} } II. swiper.js Wheel planting 1. Load the swiper.min.css style file on the page 2. Load the file swiper.min.js 3. Write html structure <div class="swiper-contain ...

It is believed that the first web page size that many people touch is px, which represents the size of a pixel The designer's design draft we received is also based on px But the screen size of the mobile phone is different. The display effect on the iPhone 8 is very good. It may be completely out of shape on the iPhone 5S ...

One thing I've noticed recently is CSS custom attributes. CSS custom attributes work a little like variables in SASS and other preprocessors. The main difference is whether other methods are generated after compiling in browsers or the original CSS w ...

Snowfall effect is just the name of a kind of effect. It can be the movement effect of some free falling bodies, such as red envelope rain. This paper simulates the effect of snow with pure css, and more effects can be exerted by ourselves. 1. Pre ...

Author: NCUHOME-FED Flura's blogAuthorized by the original author Main Settings Create Project Create a new project folder NPM init-y initialization package.json Install webpack dependency packages npm install --save-dev webpack webpack-cli webpack-dev-server devServer: { contentBase: path.join(__dirname, './dist'), host: 'localhos ...

Preface: Based on React+TypeScript+Mobx+AntDesignMobile technology stack, this paper uses Create-React-App scaffolding to build a mobile-end project. It mainly introduces the project building process and related configuration, as well as the use of the status management tool Mobx. Finally, it implements the small functions of click button numbe ...

What is gulp? http://gulpjs.com/ Believe you will understand! What are the advantages over the well-known build tool, grunt? Easy to use, code better than configuration Efficient, won't produce too many intermediate files, reduce I/O pressure Easy to learn, very few API s, you can learn gulp in very short events Those commonly used gulp ...

gulp Multiple developers work together to develop a project. Each developer is responsible for different modules. This results in a complete project consisting of many "code sections"; Some pre-processors such as less and sass are used to reduce the maintenance cost of CSS, and these pre-processors need to be parsed eventually. ...

Introduction to Gulp Chinese homepage: http://www.gulpjs.com.cn/ gulp is a front-end project-building tool similar to grunt, and also an automatic task Runner Based on Nodejs Automatically complete javascript/coffee/sass/less/html/image/css and other files Tasks of merging, compressing, checking, monitoring file changes, browser automa ...