原创 vue路由結構可設一層方便動態添加路由

動態添加路由基本功能 let routes=[{ path: '/login', name: 'login', component: () => import('../components/Login.vue') }] this.$rou

原创 vue.js 輸入框輸入值自動過濾特殊字符替換中問標點

<Input v-model="relatedWords" type="textarea" placeholder="請輸入" @input='verifyInput(formItem.relatedWords)'/> verifyI

原创 render函數 for循環返回多個div

render:(h, params) => { let _this = this return h('div',{class:'analysisState clearfix'},[ params.row.spread

原创 echarts設置y軸 自定義顏色

根據業務需求,特殊標記點設置特殊提示 在color:function()中進行判斷,同理如果顯示label自定義在formatter中進行 yAxis:{ { type: 'value', name: '溫度',

原创 一臺電腦上配置兩個Git賬號?可能你並不需要

前言 Q:爲啥要兩個? A:因爲整了個小號哈 之前腦子一直陷入了死衚衕裏,一直覺得小號也要配置。然後網絡搜索一臺電腦配置兩個Git賬號,解決思路一般如下:(圖片來自網絡,侵權聯繫刪除)     後來想通了,我就一個人一臺電腦,小號在網頁

原创 手寫一個mini-webpack

前言 webapck 相關的內容: 手寫一個 JavaScript 打包器 所有配置項 優化 90% 打包速度 優化包體積 優化首屏加載時間與頁面流暢度 構建包分析 詳細配置 手寫一個 webapck 插件(

原创 處理頁面多個接口自上而下請求順序

if(_this.centerName.length>2){//多於兩個時 new Promise((resolve, reject) => { if(_this.centerName[0]=='專題'){

原创 npm常用命令及版本號

npm 包管理器的常用命令 測試環境爲node>=8.1.3&&npm>=5.0.3 1, 首先是安裝命令 //全局安裝 npm install 模塊名 -g //本地安裝 npm install 模塊名 //一次性安裝多

原创 git新建分支 拉去代碼 提交分支

git如何新建分支 如果已有項目新建分支 1) 切換到基礎分支,如主幹 git checkout master 2)創建並切換到新分支 git checkout -b dev git branch查看所有分支 當前分支標記*號 3)更新分

原创 從零搭建webpack4 + vue + vue-rout + vuex項目架構

配置前說明:確保已安裝node環境。 檢查是否安裝node環境:   1、終端輸入node -v或node --version 2、終端輸入npm -v或npm --version 一、配置前命令簡寫說明: 1、npm i 和

原创 js基礎面試題 看似簡單也易出錯

1. alert(a) a() var a=3 function a(){alert(10)} alert(a) a=6 a() ===》 function a(){alert(10)} //變量提升a方法 10 第二步執行a

原创 路由配置及動態路由---vue-router

import routeMap from './router/component.js'; const NotFound = () => import('./page/404.vue'); const formatRoutes = fu

原创 js二維數組列排相加 reduce函數

先介紹數組包對象格式 對應key相加 var obj = [ { a: 1, b: 2, c: 3 }, { a: 4, b: 5, c: 6 }, { a: 7, b: 8, c: 9 }, { a:

原创 Vue 3.0 語法快速入門

  作爲前端開發者,這幾天想必大家都看到了Vue3.0的beta版新聞了,是的,尤大大在4.17號微博曬出了Vue3.0的beta鏈接,不少FEer開始興奮,不過也有不少其它聲音:『我學不動了』、『這不就是React』、『啥時候出正式版』

原创 js基礎面試題

1. alert(a) a() var a=3 function a(){alert(10)} alert(a) a=6 a() ===》 function a(){alert(10)} //變量提升a方法 10 第二步執行a