原创 vue項目中配置eslint

eslint是 js的代碼檢查工具, 規範常用的js代碼規範 eslint 配置項 root 限定配置文件的使用範圍 parser 指定eslint的解析器 parserOptions 設置解析器選項 extends 指定esl

原创 .editorconfig 配置文件說明

背景 團隊開發同一個項目, 使用不同的編譯器, 導致編碼風格不一致。 規範如下 root = true [*] charset = utf-8 indent_style = space indent_size = 4 end_of

原创 hyper-v 無法移除問題

方法一 打開控制面板->程序->啓用或關閉Windows功能->找到Hyper-V->點擊其前面的複選框將對勾取消->點擊確定->重啓即可 (適應大多數機器) 方法二 按“Windows+X”打開命令提示符管理員,輸入“dism

原创 webpack合成sprite圖

Sprite圖(雪碧圖),將項目中需要用到的icon合併到一張圖以減少圖片資源的請求次數。 npm install webpack-spritesmith –save-dev 在webpack.config.js中 const S

原创 axios實現原理

axios 原理還是屬於 XMLHttpRequest, 因此需要實現一個ajax。   還需要但會一個promise對象來對結果進行處理。 以get請求爲例,實現一個axios 實現ajax的get請求 var Ajax={

原创 echarts使用,一次實例的心得

<template> <div> <div class="charts" ref="charts" :style="{'height': height}"></div> </div> </template> <scri

原创 vue 設計模式之觀察者模式(自定義事件)

vue 中 觀察者模式,用於子組件向父組件傳遞參數,即子組件 emit自定義一個事件名稱,及其參數,父組件用事件接受即可,事件第一個參數爲自定義事件名稱,第二個參數爲回調函數 子組件代碼爲 <template>     <div>   

原创 nodemon + express-generator 文件修改自動重啓服務器

使用express腳手架快速搭建一個項目,步驟如下: npm install express-generator -g express myapp cd myapp npm install   當我們在使用express進行服務器

原创 實現簡易谷歌瀏覽器插件

實現一個簡易谷歌瀏覽器插件 目錄結構如下 1、manifest.json內容如下,基本都是固定了的 { "name": "projectname", "version": "1.0.0", "manifest_

原创 理解 redux 思想 (一)

首先創建一個,store這個是必須的 import { createStore } from 'redux'; import reducer from './reducer' const store = createStore(r

原创 koa模板引擎ejs 和 art-template

目錄 ejs模板引擎 art-template模板引擎 一、ejs模板引擎 下載相關依賴: cnpm install koa --save cnpm install koa-router --save cnpm install ko

原创 koa-router使用指南

  koa-router文檔地址 https://www.npmjs.com/package/koa-router 安裝koa                   cnpm install koa --save  安裝koa-route

原创 vim 替換

vim中批量替換,必須進去命令模式,即按一下Esc 加 : (英文狀態下) (1) 文件內全局替換    :%s/123/456/g    這句話的意思是,文件下得所有123 字符,全部替換爲 456,當然也可以用正則匹配比如    :%

原创 webstrom 安裝 vim

第一步,打開webstrom,點擊file ,然後點擊settings,第二部、點擊plugins ,並在輸入框中輸入 vim ,發現沒有,然後再點擊search in repositions第三步、點擊IdeaVim,右側有一個 ins

原创 js快速排序

快速排序步驟其實是在冒泡的基礎上實現:  (1)找基準值  (2)左邊放比基準值大的(小),右邊放比基準值小的(大) 代碼如下: function quickSort(arr) { if(arr.length <= 1) {