前端
Vue 中的 h 函数
· ☕ 2 分钟
1. createElement 方法 HTML 中常见的 DOM 操作是,修改 DOM 节点,访问 DOM 节点。 除此之外,W3C 还发布了创建 DOM 节点、删除 DOM 节点的技术标准。 createElement 方法,被用于创建一个 DOM 节点。createElement() 通常需要与 appendChild() 或 insertBefore() 方法配合使用。 其中: appendChild() 方法,用来在指定的子节点列表末,

Vue 中使用 axios
· ☕ 2 分钟
1. axios 安装 使用 npm 安装 1 npm install axios --save 全局注册有两种方法: 绑定到原型上 1 2 import axios from "axios"; Vue.prototype.axios = axios; 这种方法,每个 Vue 对象都会新增一个 axios 对象。 1 2 3 this.axios.post(apiUrl).then((res) => { //do something }); 挂载到 windows 对象上 在 DOM 的任意地方,都能使用 axios 函数。 1 2 import axios from "axios"; window.axios = axios; 1 2 3 axios.post(apiUrl).then((res) => { //do something }); 2. axios 配置 为了配合 Django 的 CSRF

NPM 常用命令
· ☕ 1 分钟
** 默认执行命名时,针对的是当前目录环境。如果加上 -g 参数,则表示针对的是全局生效。** npm 升级 1 npm install npm -g 查看当前版本 1 npm -v 查看 npm 源配置 1 npm config get registry 修改 npm 源 1 2 npm config set registry http://registry.npm.taobao.org/ # npm config set registry https://registry.npmjs.org/ 临时指定 npm 安装源 1 npm install [package name] --registry=https://registry.npm.taobao.org 设置 proxy 1 npm config set proxy http://proxy.example.com:8080 查看 proxy 1 npm config get proxy 删除

常用前端组件 List
· ☕ 1 分钟
toastr 消息弹框提示 artDialog 对话框组件 DataTables 基于 jQuery 表格插件 KendoUI 非常全的 UI 框架,很多组件 wangEditor Web 富文本编辑器 jstree 网页树形结构组件 highcharts echarts D3js 数据图表 select2 下拉框 validate 基于jquery的表单验证 Vuejs 可以用于双向数据绑定,也可以用于构建单页应用

GitLab CI 之前端 Webpack 实践
· ☕ 6 分钟
从 GitLab 8.0 开始,GitLab 开始集成 CI(持续集成) 功能。只需要在服务器上添加一个 Runner,同时在项目中添加一个 .gitlab-ci.yml 文件,就可以进行 CI。在 GitLab 搭建与配置 中笔者记录了从零开始搭建 GitLab 服务的整个流程。在 GitLab CI 持续集成 中笔者交代了 GitLab CI 的一些基本概念,并