Share a clumsy way to read JS code once
Has been writing server-side, recently using Netty-NIO to write chats. The web side uses JS to realize the chat interface... JS was not used very much, so I set up a JS Demo which imitated Wechat. It uses the vue.js library.
Cruel source code:
About 600 lines, but it's too much for a rookie like me.
There are no comments in the code, and the ...
Posted by Lucidnight on Fri, 07 Jun 2019 19:07:05 -0700
Dynamic Data Binding Based on JSX
Dynamic Data Binding Based on JSX Belonging to the author React and Front End Engineering Practice References to the design in this article React Learning and Practice Data Index If you have any questions about the basic JavaScript syntax, you can refer to Modern JavaScript Development: Grammar Basis and Practical Skills.
Dynamic Data Bindin ...
Posted by crochk on Fri, 07 Jun 2019 18:47:46 -0700
Detailed Steps for Building Complete Project Example with webpack+vue+vueRouter Modularization-Introduction
New projects
Start (confirm that the node environment and npm package management tools have been installed)
1. New project file named start_vuedemo
2. NPM init-y initialization project, my win7 system, project under the vue_test_project folder of d disk named start_vuedemo project folder
As shown in the figure:
Under this project, a pack ...
Posted by Tubby on Thu, 06 Jun 2019 17:25:14 -0700
Vue.js Tutorial: Building a pre-rendered SEO friendly application example
What is Vue.js exactly?
Vue.js
Vue.js is a lightweight, incremental JavaScript framework that helps you build your user interface
Don't be fooled by the definition of JS Framework.Vue is distinct from the current popular React.js & Angular.js.For beginners, it is not an open source by-product of commercial technology giants such as ...
Posted by edspace on Thu, 06 Jun 2019 10:11:57 -0700
vue-cli Setting up Project Problem Solution
Copyright Statement: This article is the original article of the blogger. It can not be reproduced without the permission of the blogger.
vue-cli initialization
Steps:
Building node Environment
vue-cli is a Vue hook framework based on node environment, which allows developers to quickly build a set of configurations including vue, ut ...
Posted by 8ta8ta on Wed, 05 Jun 2019 15:14:52 -0700
A vue small demo based on ES6+webpack
Last article A vue Small demo Based on ES5 We talked about how to make a small demo with ES5, vue-router, and let's turn it into an ES6+webpack based demo.
1. Environment Setup and Code Conversion
Let's set up a vue development environment first, according to one of my essays Vue Development Environment Setup and Hot Update , we build the devel ...
Posted by slimjim on Wed, 05 Jun 2019 10:40:41 -0700
A vue Small demo Based on ES5
Now many vue projects are developed based on ES6, and most of my learning vue is based on the API of vue official website, which is based on ES5, so it is a challenge for me to change to the modular writing of the project. Therefore, I intend to make a vue demo based on ES5 first, and then write this demo based on ES6, which is a transition bar ...
Posted by RockRunner on Wed, 05 Jun 2019 10:25:42 -0700
Synchronous and Asynchronous Loading of JavaScript Files
References to JS files are handled well by many frameworks and tools (such as webpack, commonjs, requiresjs, etc.). Despite these frameworks, it is helpful to understand the native loading method. This paper briefly describes the synchronous and asynchronous loading methods of some JS files.
Synchronous loading
It can be inserted in html file w ...
Posted by tomato on Sun, 02 Jun 2019 13:38:05 -0700
New Vue+idea Project
I. start
Install vue-cli, Vue scaffolding:
cnpm i -g vue-cli
Test whether the installation is successful:
vue -V
Two, installation
Enter our working directory:
cd ~/IdeaProjects/
Use scaffolding to install projects:
vue init webpack demo
Prompt directory already exists, continue:Y
Project name: Return
Project ...
Posted by 01706 on Wed, 29 May 2019 03:06:48 -0700
vue-cli#2.0 Project Structure Analysis
Students who have been exposed to Vue should know that it is very convenient to develop a Vue project with vue-cli, which can help you quickly build a strong Vue.js project.Today, instead of talking about what vue-cli is, let's talk about what the project structure is built with vue-cli and analyze some of the files.For reference, here is a s ...
Posted by jdeer0618 on Sun, 26 May 2019 10:38:47 -0700