Random random number function in stylus

Write in front Like Sass, Stylus is an excellent CSS precompiled voice: expressive, dynamic and powerful CSS; When using Stylus to write the following effect, I need to use random numbers. However, when I read Stylus's documents, I did not find any available functions. After reading the new year's day of Stylus, I found that it supp ...

Added by Adam W on Mon, 25 May 2020 17:45:04 +0300

Build your own component library based on Vue

Address of the project: https://husilang.github.io/zm-ui Project reference: Build Vue component library VV-UI from scratch The original intention of the project is to learn how to encapsulate a Vue based UI component library, and record each step by the way, as well as the difficulties and experiences encountered in the process. Here is my pers ...

Added by shane0714 on Mon, 18 May 2020 16:59:56 +0300

vue project preparation and skeleton construction

First, ensure that these conditions are met:     Then install vue globally cnpm install -g vue-cli After installation, you can use vue -h to view the help documents of vue     vue -list view the templates supported by vue What we will use next is webback     vue init webpack mall The project name must be entered in English. I enter mal here ...

Added by phphead on Fri, 03 Apr 2020 18:20:20 +0300

Use sass in vue2 and configure global sass style files

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 ...

Added by bogu on Tue, 24 Mar 2020 18:05:30 +0200

Sass / SCSS swiper iscoll REM agax elastic box

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 ...

Added by Genesis730 on Thu, 05 Dec 2019 00:14:21 +0200

rem combines with the native function of css3 to complete all kinds of screen adaptation of mobile terminal

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 ...

Added by phpmaverick on Sun, 01 Dec 2019 03:31:27 +0200

web Front-end Start to Practice: CSS Custom Properties + CSS Grid Grid for Super Layout Ability

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 ...

Added by MadRhino on Thu, 05 Sep 2019 08:43:11 +0300

Introduction to web Front-end to Actual Warfare: CSS Analog Snow Effect Animation Production Tutorial

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 ...

Added by daedlus on Fri, 23 Aug 2019 10:34:10 +0300

Webpack4 Builds a Vue Project from scratch

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 ...

Added by DoD on Tue, 06 Aug 2019 05:19:02 +0300

React+TypeScript+Mobx+AntDesignMobile for Mobile Project Build

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 ...

Added by validangina on Sun, 30 Jun 2019 19:30:13 +0300