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