原创 Entrypoint undefined = index.html html-webpack-plugin 錯誤
加上 stats: { children: false } 即可,屏蔽錯誤; webpack打包踩的坑 打包的時候一直包這個錯誤 Child html-webpack-plugin for "..\index.html": 1 a
2020-06-23 11:19:46
5
原创 按鍵精靈/觸控精靈 多點找怪,多點找色算法思路,附帶動態分析圖,以及算法代碼
上面的兩張動圖是5宮格,6宮格動圖; 先說下思路 按鍵/觸動精靈只提供了單個找色函數,所以如果想在屏幕上找多個怪物,這裏我設計的是按照屏幕大小,分成一個個小格子,然後便利格子,調用他們的單個找色函數;這樣的話,我們可以把找怪單獨放到一個
2020-06-23 11:19:46
16
原创 JavaScript的事件隊列(Event Queue)---宏任務和微任務-轉載
前言 在寫代碼的時候經常思考一個問題,到底是那個函數先執行，本身JavaScript是一門單線程的語言，意思就是按照順序執行。但是加入一些setTimeout和promise的函數來又實現了異步操作，常常我會寫一個setTimeout(f
2020-06-23 11:19:46
原创 在公司做面試官準備的高級前端開發工程師面試題(部分附上參考答案),面試需要刷題,否則你會覺得自己一無所知!
1. vue、react異同點 2. eventLoop原理 3. 防抖和節流 講原理，手寫代碼，逐行講解 function debounce(fn) { let timeout = null; // 創建一個標記用來存放定時
2020-06-23 11:19:46
原创 手寫tapable事件函數,有助於理解tapable
最近看珠峯培訓的視頻,找到了一個好用的事件函數工具,tapable工具類;寫下筆記,下次方便用在項目中; //SyncHook 原生使用 let {SyncHook} = require('tapable') class Lesso
2020-06-23 11:19:46
原创 vue 2.2 新增的 的model選項,實現自定義v-model
今天在看vue-property-decorator時，遇到了@Model選項，也就是vue2.2中新增的實例model選項。原來只知道v-model屬性實現雙向綁定，對這個model選項突然不是很理解。所以這裏重新對v-model和自定
2020-06-23 11:19:46
原创 使用webpack 開發UMD函數庫,之前是自己封裝,比較麻煩,現在只需要簡單配置webpack即可,方便得很:>
1.初始化一個項目,並安裝相關的npm包 npm init -y npm install webpack webpack-cli -D //或者 yarn init -y yarn add webpack webpack-cli --de
2020-06-23 11:19:46
原创 Unknown plugin "transform-es2015-modules-commonjs" specified in XXX
Unknown plugin "transform-es2015-modules-commonjs" specified in "D:\\workspace\\qiannian\\node_modules\\vue-style-loade
2020-06-23 11:19:46
1
原创 我就想問問,俺公司的發票邏輯繞不繞,以圖爲證
附上processOn.以作參考 https://www.processon.com/view/link/5dcd2253e4b0096e8c07440b
2020-06-23 11:19:46
原创 XSS 攻擊知識筆記,跨站腳本攻擊爲什麼簡稱CSS呢?因爲CSS已經有主了!
原理是 在用戶瀏覽器想法插入可執行腳本. 危害: 1.掛馬 2.盜取cookie 3.DDos攻擊 4.蠕蟲病毒 ...
2020-06-23 11:19:46
原创 學習筆記 之 webpack 熱更新原理 以及配置方式
webpack 熱更新配置方式一, mode:設置爲devlepmemt,然後加入plugins,devServer配置; 熱更新配置方式二(更靈活的方式,使用middleWare插件),通過編程方式,可以更靈活的配置項目啓動 如:項目
2020-06-23 11:19:46
原创 npm 深入瞭解 之 npm run XXX
最近在學習webpack 插件開發,之前只知道用,不知道原理,現在做下筆記! $ npm run 二、原理 npm 腳本的原理非常簡單。每當執行npm run，就會自動新建一個 Shell，在這個 Shell 裏面執行指定的腳本命令。因此
2020-06-23 11:19:46
原创 ES6 類(Class)的繼承(extends)和自定義存(setter)取值(getter)詳解,好文章,可以作爲高級程序員面試題
ES6 類(Class)的繼承(extends)和自定義存(setter)取值(getter)詳解 ES6的Class之間可以通過extends關鍵字實現繼承，這比ES5的通過修改原型鏈實現繼承，要簡單很多,這也是平常大多數面嚮對象語言的
2020-06-23 11:19:46
原创 2019-5-22 公司項目 代碼優化1-webpack DllPlugin/DllReferencePlugin 抽出不常編譯的模塊單獨打包
1.webpack webpack.DllPlugin/DllReferencePlugin 抽出常用的插件,單獨打包成js然後,塞到index.html中 webpack.dll.conf.js const path = requi
2020-06-11 18:17:20
原创 2019-5-27 Vue slot-scope 意義以及理解 模仿Element ui table實現簡單的table組件
最近看了element-ui table封裝的源碼,發現使用了slot-scope,Vue 2.6新特性; 然後找了資料,覺得寫的還不錯,就備註下:其他的寫的不太好,包括官方寫的太亂了; https://segmentfault.com/
2020-06-11 18:17:20