Front end development code style summary
1, Naming conventions
Naming conventions commonly used in the market:
Camel case (small hump Nomenclature - initial lowercase)PascalCase (hump Nomenclature - capital letters)Kebab caseSnake (underlined)
1.1 naming of project documents
1.1.1 project name
All in lowercase, separated by dashes. Example: my project name.
1.1.2 directory ...
Added by greensweater on Tue, 02 Nov 2021 16:34:55 +0200
Manually implement a vue cli
catalogueManually implement a vue cli1. Thinking and preparation2. The source code of our organization will be placed in the directory named src. An entry file is required for webpack packaging, which we take as main.js3. First anticipate which of the following basic dependencies will be used. The first easy to think of is Vue, and then we assu ...
Added by hyzdufan on Mon, 01 Nov 2021 17:57:57 +0200
Method of vue component communication
preface
Component is one of the most powerful functions of vue.js, and the scope of component instances is independent of each other, which means that data between different components cannot be referenced to each other. However, in the actual project development, like the communication between pages, Vue components and components certa ...
Added by cesar_ser on Sun, 31 Oct 2021 13:47:09 +0200
Web composites practice report, native component development
preface
I believe that as a front-end developer, no matter using vue, react or Australian, you will not be unfamiliar with component and component-based development, and even have a lot of Taoism. But when it comes to native component development, many friends may scratch their heads. Is there any other operation? It's like people ...
Added by troybtj on Sun, 31 Oct 2021 09:34:10 +0200
vite+route+less+ts+axios+vuex integration and testing of VUE
1 vite installation
The red operation procedure shall prevail
The steps described in 1.1 are:
npm install -g create-vite-app // Install global create vite app create-vite-app vue3-vite // Use the tool create vite app to create a vue3 project named vue3 vite
1. ...
Added by hoolahoops on Wed, 27 Oct 2021 11:48:57 +0300
Vue learning notes: understand how Vue2 solves the responsive problem of arrays and objects
preface
Vue2 monitors data and view changes by using Object... defineProperty to set data getters and setters. For reference types such as arrays and objects, getters and setters cannot detect their internal changes. So is vue2 to solve this problem? Through a simple example to understand how to solve the responsive problem of arrays and o ...
Added by genista on Sun, 24 Oct 2021 15:46:09 +0300
Wechat like voice + video call function developed by uniapp+nvue: realize one-to-one voice and video online call
This article is the third to realize the wechat effect function by using uni app and nvue. Today, we implement the example project of uniapp imitation wechat audio and video call plug-in based on uniapp + nvue, which realizes the following functions:
1: Voice call
2: Video call
3: Paging status feedback
Software effect:
T ...
Added by AjithTV on Sun, 24 Oct 2021 15:13:57 +0300
vue3 learning notes
1. Build Vue3 project
Using npm:
$ npm Init vite app project name
$ cd entry name
$ npm install
$ npm run dev
Using yarn:
$ yarn Create vite app ...
Added by Hamish on Sun, 24 Oct 2021 09:56:53 +0300
Brief introduction, principle and simple implementation of vite
vite introduction:
vite is a lighter and faster Web tool for modern browsers based on es modules Solve the problems of too long cold start time of devServer and slow response speed of HMR hot update in webpack development stage;
1. Quick cold start (comparison vue-cli):
1. A project created with vite is a common v3 application, which has ...
Added by bfinucan on Fri, 22 Oct 2021 11:07:54 +0300
vue status management
vuex is a software developed specifically for Vue.js applications
State management mode.
Centralized storage management is adopted to manage the state of all components of the application, and corresponding rules are used to ensure that the state changes in a predictable way.
Vue provides a unified management tool - VueX for these values ...
Added by ow-phil on Fri, 22 Oct 2021 10:08:30 +0300