Frontend
The h Function in Vue
· β˜• 2 min read
1. The createElement Method The common DOM operations in HTML are modifying DOM nodes and accessing DOM nodes. Beyond those, the W3C has also published technical standards for creating and deleting DOM nodes. The createElement method is used to create a DOM node. createElement() usually needs to be used together

Using axios in Vue
· β˜• 2 min read
1. Installing axios Install with npm 1 npm install axios --save There are two ways to register it globally: Bind it to the prototype 1 2 import axios from "axios"; Vue.prototype.axios = axios; With this approach, every Vue object gets a new axios object. 1 2 3 this.axios.post(apiUrl).then((res) => {

Common NPM Commands
· β˜• 2 min read
** By default, a command operates on the current directory environment. Adding the -g flag makes it apply globally instead.** Upgrade npm 1 npm install npm -g Show the current version 1 npm -v Show the npm registry configuration 1 npm config get registry Change the npm registry 1 2 npm config set registry http://registry.

Common Frontend Component List
· β˜• 1 min read
toastr Toast notification popups artDialog Dialog component DataTables A jQuery-based table plugin KendoUI A very complete UI framework, with many components wangEditor Web rich text editor jstree Web tree structure component highcharts echarts D3js Data charts select2 Dropdown select validate jQuery-based form validation Vuejs Can be used for two-way data binding, and also for building single-page applications

Frontend Webpack Practice of GitLab CI
· β˜• 4 min read
Starting with GitLab 8.0, GitLab began integrating CI (Continuous Integration) functionality. You only need to add a Runner on the server and a .gitlab-ci.yml file in the project, and you can run CI. In GitLab Setup and Configuration I recorded the whole process of setting up a GitLab service from