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