原创 前端代碼規範(參考騰訊前端規範)

命名 駝峯命名 採用駝峯命名法 大駝峯命名:首字母大寫 小駝峯命名:首字母小寫 文件資源命名 文件名建議只用小寫,不使用大寫字母(爲了提醒,某些說明文件可以使用大寫,比如README) 文件名包含多個單詞時,單詞之間建議

原创 vuex源碼

vuex工作流程 每個組件都共享Store中的數據, 以及每個組件都可以通過 $store.state 或者 getters 拿到傳入的數據, 通過事件 或者 回調函數 觸發 muation,進行同步更新數據, 從而觸

原创 合併表格

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <table bo

原创 canvas基礎歸納

基礎知識 beginPath()新建一條路徑,生成之後,圖形繪製命令被指向到路徑上生成路徑。 closePath()閉合路徑之後圖形繪製命令又重新指向到上下文中。 stroke()通過線條來繪製圖形輪廓。 fill()通過填充路徑

原创 koa簡易框架(一)

源碼 koa使用分析 const Koa = require('koa'); let app = new Koa();//Koa是一個類,通過new生成一個實例 //koa的原型上有use方法,來註冊中間件 app.use((c

原创 go語言基礎知識

go變量 package main import "fmt" var aa = "aa" var bb = "bb" func variableZeroValue(){ var a,b ,c, d = 3,4,"aaa",t

原创 vue dom diff算法

index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>dom diff算法</title> </head>

原创 vue watch實現

vue雙向綁定是建立在,給每個屬性建立了getter與setter,在屬性被改變的同時,觸發視圖再渲染 getter是一種獲取屬性值的方法,setter是一種設置屬性值的方法。 當屬性,a = 1被觸發時,setter被觸發,co

原创 koa簡易框架(三)

koa-static 之前我們實現了koa,koa-router,現在我們來看一下koa-static實現思路 源碼 const fs = require('fs'); const {promisify} = require('u

原创 nginx負載均衡方式

負載均衡定義 它充當着網絡流中“交通指揮官”的角色,“站在”服務器前處理所有服務器端和客戶端之間的請求,從而最大程度地提高響應速率和容量利用率,同時確保任何服務器都沒有超負荷工作。如果單個服務器出現故障,負載均衡的方法會將流量重定

原创 實現一個小型的watcher

watch.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <b

原创 斷點上傳(未完)

思路 對文件進行切片 將切片傳輸給服務器 <template> <div class="home"> <input type="file" @change="handleFileChange"/> <el-

原创 實現一個可拖拽的vue指令

代碼 drag.js import Vue from 'vue' Vue.directive('dragx',(el, binding, vnode) => { // 默認參數 let defaultOpts =

原创 js數據轉樹形結構

https://www.cnblogs.com/dirgo/p/12375887.html

原创 從0到1開發簡單腳手架

git地址:https://github.com/niuyueyang/jiaoshoujia 什麼是腳手架 腳手架用於快速生成新項目的目錄模板,並集成一系列體系化工具的安裝,能夠提升前端開發人員的效率,減少copy操作 目前比較