The result page of the search implemented by vue supports select all and deselect all

Demo address, open, search, click anywhere demo : http://msisliao.github.io/dem... Warehouse Code: https://github.com/msisliao/v... Install Vue cli Install element UI NPM I element UI - S Introducing elementUI in main.js // main.js import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.use(ElementUI) demo functi ...

Posted on Thu, 14 Nov 2019 09:59:43 -0800 by calavera

Automated front-end deployment server, say goodbye to tedious deployment process

Foreword forever Simple and practical front-end deployment, one command, without tedious steps!It is mainly nodejs shelljs (command line command) node-ssh (connect server)Project git address(This git project is a low er vue scaffold I built myself, integrated ts)(Writing an article for the first time does not work well in writing. It is inclus ...

Posted on Wed, 13 Nov 2019 18:43:05 -0800 by ravegti

90 lines of JS code to build your React

Translator's Note: The implementation in this article relies on snabbdom, so if your focus is on implementing a virtual DOM or rendering a virtual DOM to the underlying browser implementation, it will not be covered in this article. I can't understand what I can't create--Ferman When I learn React, I think everything it does is magic, and then ...

Posted on Wed, 13 Nov 2019 17:22:26 -0800 by marli

Vue project configuration (solve a series of problems of front and rear interface joint debugging)

In the front-end development process, when the front-end and back-end joint debugging, there will always be various problems. Today, I will simply make a summary of each situation in order to record and share with you! I. when the project is started, if the api interface has been developed If the api interface has been developed, there is no su ...

Posted on Tue, 12 Nov 2019 23:03:11 -0800 by plutarck

[Canvas is fun] Start with the Matrix

Preface The author has been learning Canvas-related technical knowledge points for some time before. By referring to some material articles on the Internet, I learned to use simple mathematical and physical knowledge points to achieve some interesting animation effects. Recently I just flipped through the previous code, so this time I reorganiz ...

Posted on Tue, 12 Nov 2019 18:06:26 -0800 by DrDre

Load custom video data

I. create a server 1. The above method uses the server written by the Express framework itself. Now it is found that the HTTP server can be installed directly through simple instructions. We can install it globally first npm install http-server -g 2. Then create a server listening to port 4400 through the following instructions ...

Posted on Tue, 12 Nov 2019 12:34:33 -0800 by lostboy

pm2 publishes the node configuration file ecosystem.json

background Recently, a node+koa+vue project was built to use pm2 releaseHere is a simple recordCreate a new file at the rootecosystem.json { "apps": [ { "name": "ant-help-center", "script": "./bin/www", //Startup script "env": { "COMMON_VARIABLE": "true" }, // Test server "env_development": { ...

Posted on Sun, 10 Nov 2019 14:13:59 -0800 by q1234ask

Solutions that you can't find through the Internet, one line of code to easily collapse Gitbook's default left menu effect

Gitbook is a product documentation building tool that can also be used to build a personal blog. By default, when accessed on the computer, the left menu is expanded, but some people want to achieve the default folding effect, so this article was born! Kind I choose to help others Maybe the online Gitbook tutorials are a bit behind schedule, p ...

Posted on Sat, 09 Nov 2019 18:10:24 -0800 by phreek

Nuxt project supports eslint + printer + typescript

Basic project of scaffold installation NPX create nuxt app < project name >, for example: NPX create nuxt app nuxt ts, install what you want according to the prompts. This project is pre installed: koa+PWA+linter+prettier+axios in Universal mode. The default project directory is as follows: eslint + prettier + vscode save AutoFormat &am ...

Posted on Fri, 08 Nov 2019 11:29:23 -0800 by Backara_Drift

Front end technology frontier 2

wx.showToast({ title: 'Success', icon: 'success', duration: 2000 }) wx.showModal({ title: 'Tips', content: 'This is a modal pop-up window', success: function(res) { if (res.confirm) { console.log('User click OK') } else if (res.cancel) { console.log('User click Cancel') } } }) <template lan ...

Posted on Fri, 08 Nov 2019 06:51:31 -0800 by sssphp