原创 Vue插件（概念、功能、開發）
一、組件和插件 1.組件：是對某些功能或某模塊的封裝 2.插件：是對一系列組件的封裝 二、插件的功能 插件通常用來爲 Vue 添加全局功能。插件的功能範圍沒有嚴格的限制——一般有下面幾種： 添加全局方法或者 property。如：vue
2020-05-14 20:49:03
原创 JS異步底層
一、Js異步的執行 異步隊列裏包括微任務和宏任務。 微任務：Promise,Process.nextTick. 宏任務：整體代碼Script，setTimeout,setInterval 異步隊列中會先執行完微任務再執行宏任務
2020-05-09 23:00:32
原创 uni-app起步（用vue寫微信小程序）
一、開發方式 1.使用DCloud公司提供的HBuildX快速開發 2.使用腳手架快速搭建和開發 (1)全局安裝@vue/cli： npm i -g @vue-cli (2)創建項目 vue create -p dcloudio/u
2020-05-09 23:00:32
原创 axios二次封裝
背景：基於vue-cli，對axios進行二次封裝 流程： （1）建立api層，對api進行獨立管理； （2）管理axios實例，對請求進行前後攔截； （3）接口api化，方法請求自動綁定，防止重複提交。 代碼： 1、在src文件夾中創
2020-02-21 22:36:37
7
原创 koa+mongo+mongoose實戰仿知乎
一、個人信息增改查 1、編輯個人資料,隱藏一些信息，在獲取特定用戶資料時顯示信息 在models/user.js中寫userSchema: const mongoose = require('mongoose'); const {
2020-02-21 22:36:37
原创 vue路由按需加載(路由懶加載)的3種方式
1.vue異步組件 vue異步組件技術 ==== 異步加載 vue-router配置路由 , 使用vue的異步組件技術 , 可以實現按需加載 . 但是,這種情況下一個組件生成一個js文件 /* vue異步組件技術 */ { pa
2020-02-21 22:36:37
原创 vue-cli（2-4）環境模式配置
Vue Cli 項目中有三種模式：development（開發模式）、production（生產模式）、test（測試模式）。 每種模式可配置多個環境變量。 若有多個開發環境，且每個環境的域名、主頁不同，則需要給每個開發環境配置不同的域名
2020-02-21 22:36:37
原创 vue.use()原理和Vue插件的開發使用
參考： https://cn.vuejs.org/v2/guide/plugins.html https://juejin.im/post/5d8464a76fb9a06b3260ad30 https://www.cnblogs.com/
2019-10-25 21:48:36
原创 圖片懶加載
圖片懶加載：圖片位置滑動到可視區再顯示 function lazyImg() { // 獲取所有圖片 const imgs = document.getElementsByTagName('img'); // 獲取可視
2019-10-25 21:48:35
原创 js中賦值、淺拷貝和深拷貝
重點： 一、單線程 js引擎是單線程，模擬多線程（短時間內輪流執行多個任務的片段） 步驟： 1.切分任務 2.將任務隨機排列，組成隊列 3.按順序將任務片段送進js進程 4.js線程執行任務片段 二、數據類型 基本數據類型的特
2019-10-25 21:48:24
原创 自動化測試（vue-cli4）
一、安裝 二、單元測試（jest） 1.測試方法 在src中新建utils.js： export function add(x, y) { return x + y; } 在test/emaple.spec.js中寫測試代碼：
2019-10-25 21:48:24
原创 websocket + node
webSocket 後端 監聽服務器: new WebSocket.server({port:30001}, () => {}) , ws.on('connection', (client)=>{}) 接收信息: client.on('
2019-09-26 20:30:54
原创 socket.io + node
socket.io 後端 創建服務器 : var express = require('express'); var app = express(); var server = require('http').Server(app); v
2019-09-26 20:30:43
原创 node + session登錄驗證
1.下載並引入 const cookieParse = require('cookie-parser'); const session = require('express-session'); 設置session app.use(s
2019-09-26 20:30:42
2
原创 VUE進階
一、Vue.directive 自定義組件 1.鉤子函數（生命週期） （1）bind:只調用一次，指令第一次綁定到元素時調用。 （2）inserted：被綁定元素插入父節點時調用 (僅保證父節點存在，但不一定已被插入文檔中)。 （3）up
2019-09-26 20:30:42