Manual foundation of Vue single page application
1. Vue file
The. Vue file, known as single file component, is a file format customized by Vue.js. A. Vue file is a separate component, which encapsulates the component related code: html, css, JS
The. vue file consists of three parts: template, style, and script
<template>
html
</template>
<style>
css
...
Posted by slands10 on Sun, 03 May 2020 09:29:56 -0700
ES6 learning note 2 - build tool script
The build tool script is in the es6/tasks / directory
Installed package: ~ / ES6 $NPM install gulp gulp if gulp concat webpack webpack stream vinyl named gulp liverload gulp plumber gulp rename gulp uglify gulp util yargs -- save dev
------------------------------------------------------------------------------------------------------
gulp.t ...
Posted by JoWiGo on Sat, 02 May 2020 05:12:51 -0700
H5 Mock Server summary
What is Mock Server data?
In short, if the Api (that is, the server interface) is not written, the front-end cannot be debugged. Mock Server is a service used to simulate the Api interface to return JSON data!
Here are three kinds of mock processing, and there are many third-party ones, such as (jsonServer + mockJS, ...
Posted by digitalecartoons on Sat, 02 May 2020 05:10:07 -0700
Configuration and use of webpack dev server
Continue with the previous one https://www.cnblogs.com/chenyingying0/p/12797474.html
Install webpack dev server
cnpm i sebpack-dev-server
Modify package.json
Because the syntax of configuring environment variables on different platforms (such as windows and mac) is different, in order to write in a way compatible with multiple platform ...
Posted by hadeosdin on Wed, 29 Apr 2020 07:06:48 -0700
Vue Router summary (from official website)
Vue Router summary (from official website)
1. Introduction to Vue router function
Nested route / view tables
Modular, component-based routing configuration
Routing parameters, queries, wildcards
View transition effect based on Vue.js transition system
Fine grained navigation control
Links with automatically activated CSS class es
HTML 5 histor ...
Posted by sotusotusotu on Sat, 25 Apr 2020 03:00:26 -0700
openlayers6 drawing sector (download with source code)
Preface
I have written a fan-shaped map drawing article in openlayers 4 before, but because it is written by encapsulating a layer of js code, many beginners seem to be a bit laborious, so this article rewrites a fan-shaped map drawing article, which is written directly based on the latest version of openlayers 6, in the form of pure html + ...
Posted by phatgreenbuds on Sun, 12 Apr 2020 08:42:34 -0700
One of webpack learning, basic use and management of resources
Learning is in the Chinese web pack, just this record for later review;
(https://doc.webpack-china.org/guides/getting-started/#-)
Write before:
I think there are four basic modules of webpack that I should know before learning:
1. Entrance
2. Export
3.loader
4. Plug-ins
I. Basic Use
Follow the steps ...
Posted by dineshsjce on Sat, 11 Apr 2020 09:37:56 -0700
[introduction to front end unit testing 04] Karma
Karma
Official introduction
A simple tool that allows you to execute JavaScript code in multiple real browsers.
A simple tool that allows you to execute js code in multiple real browsers.
After using karma, we didn't need to use jsdom to simulate the environment required for the mount of Enzyme, because karma will test the execution of js in ...
Posted by pwicks on Sat, 04 Apr 2020 18:59:13 -0700
ESlint configuration description under Vue cli
1. Close eslint
This is just the way to close the Vue cli scaffold. In fact, it is very simple to build/webpack.base.conf.js
Just comment out the eslint rules in the configuration file.
module: {
rules: [
// {
// test: /\.(js|vue)$/,
// loader: 'eslint-loader',
// enforce: 'pre',
...
Posted by mosherben on Tue, 31 Mar 2020 20:45:55 -0700
Compiling js file Babel loader string loader in gulp
js files of ES6 and above can't be executed on some browsers with lower versions, so when the project development is completed, we need to compile js files to translate the syntax of ES6 + into ES5. Here we use gulp's Web pack stream plug-in to package js files. To solve the problem of js translation, w ...
Posted by soapsuds on Sat, 14 Mar 2020 21:47:26 -0700