Summarize the practical skills of vue knowledge system
As one of the three front-end frameworks, vue is a necessary skill for front-end developers. So how to learn and master vue systematically? For this reason, I have made a simple summary of the knowledge system. Please forgive and correct the shortcomings. If you like, you can give me a little praise! ...
Posted by DeFacto on Tue, 03 Mar 2020 23:24:48 -0800
How to solve the basic configuration and common pit in React project?
Basic configuration of React project and solution of common pit
1, Create React project
# Global scaffold installation
npm install create-react-app -g --save
# Create React project
create-react-app my-app
2, Implement the loading of Less file
1. Expose profile
# Expose the project's profile
npm run eject
Directory structure after profile e ...
Posted by lady_bug on Mon, 24 Feb 2020 21:24:53 -0800
Simple script development of tampermonkey
Project structure
build.js is mainly used to write UserScript information to the packaged JS file. The reason why BannerPlugin is not used is that if there are some special (@ = = \ n, etc.) characters in the plug-in, they will be converted to commas... When raw is set to false, it is the following, which is useless
Browser debuggin ...
Posted by FoTo50 on Tue, 28 Jan 2020 06:39:30 -0800
Notes and summary in Vue cli project
webpack summary
1. It's hard to avoid cross domain problems in front and back platform separation projects, which can be configured in devServer of webpack
devServer:{
proxy:{
"/api":{
target:"https://****. com "/ / address of data interface
changeOrigin:true, // Cross domain allowe ...
Posted by rkeppert on Sat, 25 Jan 2020 07:49:10 -0800
vue component classification
vue component classification
I. Introduction
The reason why I wrote this article is that I interviewed dozens of people as an interviewer some time ago. One of the questions is "what are the component classifications of vue? ", it's surprising that most people only answer global components ...
Posted by CBaZ on Sun, 19 Jan 2020 20:35:58 -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
Create react app quickly builds react projects, antd loads incoming and local request data on demand
# Global installation
npm install -g create-react-app
# Build a my-app Item
npx create-react-app my-app
cd my-app
# Tap on the key points of the blackboard, if you want to use less,Or it depends on the use webpack Configuration files, exposing webpack Profiles, using create-react-app The created projec ...
Posted by Misticx on Thu, 16 Jan 2020 02:51:06 -0800
Detailed explanation of global registration and local registration of vue.js component
1. Global registration instance (according to the example on the official website, the following is the code)
<div id="app">
<com-btn></com-btn>
<com-btn></com-btn>
</div>
<script>
Vue.component('com-btn',{
data:function(){
return{
...
Posted by Vizionz on Thu, 02 Jan 2020 20:46:47 -0800
13 automatic processing of CSS3 property prefixes
Prefixing css3 with postcss loader
Install two packages, postcss loader and autoprefixer, in the terminal
npm install –save-dev postcss-loader autoprefixer
If the installation fails, delete the node ﹣ modules folder. npm install reinstalls the folder and then reinstalls the above two packages
2. Create a postcss-con ...
Posted by pcbytes on Thu, 02 Jan 2020 01:33:37 -0800
Record the operation of an array once
The common methods to operate arrays are forEach, map and filter. The return values of map and filter methods are arrays, and the return values of forEach are undefined, which can be understood as no return value.
There is no concatAll method in the native array object, so I plan to implement one myself. What the concatAll metho ...
Posted by StealthRider on Thu, 26 Dec 2019 11:39:20 -0800