Notes on the process of web assembly engineering development based on rule
Initialization project
$ npm init rust-webpack web_assembly_demo
npx: 18 Installation successful, time 3.989 second
Rust + WebAssembly + Webpack = ️
Installed dependencies
Install Web dependency
$ yarn
yarn install v1.19.1
warning package.json: No license field
info No lockfile found.
warning package-lock.json found. Your project contains lo ...
Posted by gmiyano on Mon, 25 Nov 2019 10:30:48 -0800
Build multi page vue.js project
introduce
According to the requirements, we want to build a multi page vue.js project. How to transform a single page vue.js project into a multi page project? Follow me and watch
1. Create a single page vue.js project
Simply record the following creation steps:
--install cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.or ...
Posted by tastro on Sun, 24 Nov 2019 10:41:01 -0800
Master vscode debugging skills
Debugging front-end js
Prepare a Front End Project
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</ ...
Posted by kruahsohr on Mon, 18 Nov 2019 11:47:12 -0800
vue ssr server-side rendering - preliminary development environment construction
vue ssr server-side rendering: the construction of development environment for beginners
Preface
By default, you have understood the basic content and implementation of ssr. If you are not familiar with it, you can read it first vue ssr server rendering
There are not many articles about the construction of ssr development environment on the Int ...
Posted by Fastback_68 on Tue, 12 Nov 2019 02:22:00 -0800
vue realizes on-demand loading of components and pages through web pack
Article directory
introduce
Implementation of vue require method
Using wabpack ensure to realize
introduce
In large-scale vue projects, many routing page references of. vue files are involved. However, if import is used, all components in the route will be packed in a js when the project is packaged, resulting ...
Posted by capslock118 on Sat, 09 Nov 2019 10:28:22 -0800
[xinxinxiu] optimize the access speed of cloud server with 1M bandwidth
A 1M bandwidth cloud server, the theoretical maximum download speed is 128kb/s Nowadays, the file size after the front-end project is often a few meters, so it takes more than 10 seconds for users to access it God, how could a user wait so long for you so kindly? He's already gone So how to optimize the access speed? Listen to meExperience ...
Posted by oshecho on Tue, 05 Nov 2019 18:09:42 -0800
Basic configuration of multi page application with Vue3.0 and bootstrap
Next is the configuration of multi page application. After installing vue 3.0, you can find that the directory is much smaller than that of 2.0,
public is equivalent to the original static. index.html is the entry of the project. src is the same as before. Cli 3.0 has no build or config. If you want to configure, you need to create the vue.c ...
Posted by c_pattle on Sun, 03 Nov 2019 11:32:24 -0800
Building Vue CLI and introducing element UI
Building Vue cli scaffold
Install git
Install node and configure environment variables, using zip version
# Check whether node is installed successfully
node -v
Use Taobao image
npm config set registry https://registry.npm.taobao.org
# Check whether the configuration is successful
npm config get registry
Install node module cnpm
np ...
Posted by mrjoseph.com on Sun, 03 Nov 2019 08:57:04 -0800
Creating express background server in vwe development
Build an express server
Please refer to Creating a Node Express-Webpack App with Dev and Prod Builds
You can understand that this is a translation.
Create a project called express web pack
Manually create a new project express webpack
Execute the following code under the current project
mkdir express-webpack
cd e ...
Posted by nanny79 on Sat, 02 Nov 2019 20:37:43 -0700
(17) playing chicken teaches you Vue.js
vue-router
<a class="list-group-item" v-link="{ path: '/home'}">Home</a>
<a class="list-group-item" v-link="{ path: '/about'}">About</a>
/* Create router */
var router = new VueRouter()
Create component:
<script src="js/vue.js"></script>
<script src="j ...
Posted by jikishlove on Thu, 31 Oct 2019 07:58:48 -0700