Bootstrap Grid system

Bootstrap Grid System Bootstrap includes a responsive, mobile device first, and non fixed grid system, which can be appropriately expanded to 12 columns as the device or viewport size increases. It contains predefined classes for simple layout options, as well as powerful hybrid classes for generating ...

Posted by wattsup88 on Thu, 23 Jan 2020 02:10:26 -0800

Webpack practice: how to use style CSS preprocessing gracefully

In the last article, I mainly shared< How Webpack separates style files >css preprocessor is a program that allows you to generate css through preprocessor's own unique syntax. css preprocessing refers to that we often use some style precompiled languages in development, and then convert these pr ...

Posted by snowrhythm on Sat, 18 Jan 2020 20:05:38 -0800

CSS basic tutorial

Summary from Qianfeng HTML, CSS tutorial, original video websitehttps://www.bilibili.com/video/av52670599 Article directory start Basic concepts of HTML HTML syntax Typical structure of HTML document: Common labels: Extended learning iframe nested pages: map and area embed and object audio and ...

Posted by macloy on Mon, 13 Jan 2020 22:31:48 -0800

Getting Started Installation and Basic Use of Sass

Preface Sass is a CSS preprocessor that helps us reduce CSS duplicate code and save development time.CSS3 has been extended to include rules, variables, blending, selectors, inheritance, built-in functions, and more.Generate well-formatted CSS code for easy organization and maintenance with a Sass file suffix of.Scss. 1. Sass Installation NPM I ...

Posted by ppgpilot on Mon, 06 Jan 2020 11:48:03 -0800

Vue dynamically generates table rows and columns

When developing a project, the fixed page table title and content can not meet the needs. Different table headers and table contents need to be loaded dynamically according to different needs. The specific implementation code is as follows: <template> <div class="boxShadow"> <div style="margin-top: 20px"&g ...

Posted by jurdygeorge on Sat, 04 Jan 2020 01:08:24 -0800

Talk about using flexible and px2rem loader in Vue cli

1. Download lib flexible npm i lib-flexible --save //or yarn add lib-flexible 2. Introduce lib flexible in the project. Generally, introduce lib flexible in (main.js) import 'lib-flexible/flexible' 3. Set meta tag (as appropriate) <meta name="viewport" content="width=device-width, initial-scale=1.0"> 4. Install px2rem loader npm instal ...

Posted by pdpullmn612 on Wed, 04 Dec 2019 20:37:07 -0800

React 1.6 adds support for sass and less

Add sass and less support in the new version of react respectively. Note that the project is created with the create react app scaffold tool. Add sass support Adding sass support is very simple. You only need to execute the following command to install node sass. If it does not take effect, please restart the project. npm i node-sass --save Ad ...

Posted by rasherb on Wed, 04 Dec 2019 05:36:20 -0800

Why does node sass always fail to install?

Original linkauthor Ping Hai Li Node sass is a very common dependency package in our development, and it is also the most common dependency for long installation time and error reporting. There are many reasons. Before we talk about the error reporting reasons, let's analyze the installation process of node sass (the following node version is ...

Posted by tourer on Wed, 13 Nov 2019 04:10:26 -0800

One step Sass learning system

Title Map CSS helper Added advanced functions such as variable, nesting, mixing, import, etc. image.png # Convert Sass to SCSS $ sass-convert style.sass style.scss # Convert SCSS to Sass $ sass-convert style.scss style.sass Using variables Variable declaration Sass variable declaration is similar to CSS property decl ...

Posted by Merve on Sun, 20 Oct 2019 15:25:45 -0700

[Front-end Blame Upgrade - LV.1] Basic Contents of Reaction

react usage tutorial Use of variables constructor(props) { super(props); this.state = { sliderSwiper: null, movies: [] }; this.handleStart = this.handleStart.bind(this); } if (!baseHref) { if (isPc) { window['location']['href'] = `${location.protocol}//${location.host}/demo/home`; return; } if (!isPc) { window['location']['href'] = `${location ...

Posted by skyriders on Wed, 09 Oct 2019 19:14:51 -0700