原创 js事件循環機制和優先級
瀏覽器的渲染進程是多線程，包括 GUI渲染線程 js引擎線程 事件觸發線程 定時器觸發線程 異步http請求線程 主執行棧和任務隊列 所有的任務可以分爲同步任務和異步任務，同步任務，顧名思義，就是立即執行的任務，同步任務一般會
2020-06-21 15:38:50
原创 車牌號識別原理
觸發方式 外設觸發 採用線圈、紅外或其他檢測器檢測車輛通過信號觸發接收指令,採集車輛圖像，自動識別車牌。例如：停車場出入口、紅綠燈拍違章 ； 射頻觸發 採用圖像分析處理技術，捕捉車輛圖像，識別車牌照。例如：部分大型貨
2020-06-21 15:38:50
原创 關於Electron的一些想法
大概2016年的時候瞭解到js可以寫桌面應用，當時正在用wpf/winform開發cs應用,近幾年vue和react在前端的火熱，以及node.js在中間層和後端的大量應用，js正在往多端，多平臺方向滲透，這個對前端來說是好
2020-06-21 15:38:50
3
原创 Node.js支持高併發原理
node是單線程，爲什麼支持高併發呢？ 每個Node.js進程只有一個主線程在執行程序代碼，形成一個執行棧（execution context stack)。 主線程之外，還維護了一個"事件隊列"（Event queue）。當用
2020-06-21 15:38:50
原创 webpack3.0升級4.0
文章目錄1.webpack 3.11升級4.262. 安裝/升級依賴3. 遇到的問題4. 總結 1.webpack 3.11升級4.26 爲了提升打包效率，在webpack3.11基礎之上做了升級，webpack4.0發佈以來，零
2020-06-21 14:53:00
原创 web前端學習/工作筆記(三)
快捷鍵控制滾動條 ,注意： ① 設置父級的滾動條，給到父級div的ref值,而且父級應設置固定高度或百分比 ② 用document.getElementById(elementId)獲取div不好使(div.scrollTo
2020-06-21 14:53:00
原创 web前端學習/工作筆記(七)
webstrom gitlab操作 拉取項目：gitlab項目頁面clone->http複製->粘貼到webstrom(VSC,checkout from ,git)->test成功即可拉取 提交代碼到dev：找到git b
2020-06-21 14:53:00
原创 docker安裝mysql並遠程訪問
拉取鏡像 mysql 5.7，等待mysql下載完docker pull mysql:5.7 run鏡像，把數據映射到本機docker run --name mysql -p 3306:3306 -e MYSQL_ROOT_
2020-06-21 14:53:00
原创 web前端學習/工作筆記(六)
跨域 CORS 同源策略，瀏覽器會禁止一些行爲 同源（協議、域名/域名、端口相同）不限制，任一不同則限制 跨域只針對瀏覽器，後端不存在跨域問題（比如代理） 可以發，但是瀏覽器拒絕接收,http協議拒絕發跨域請求 解決跨域：後
2020-06-21 14:53:00
原创 如何參與github開源項目
clone到本地 在github上有註冊的賬號，https://github.com/ 找到自己感興趣的開源項目，如：https://github.com/wuhan2020/wuhan2020.github.io 在項目主頁點
2020-06-21 14:53:00
原创 Linux上安裝docker
uname -r 查看系統版本 docker安裝 yum install docker 或者 sudo wget -qO- https://get.docker.com | sh 啓動docker systemct
2020-06-21 14:53:00
原创 快速理解BFC原理
一、常見定位方案在講 BFC 之前，我們先來了解一下常見的定位方案，定位方案是控制元素的佈局，有三種常見方案:普通流 (normal flow)在普通流中，元素按照其在 HTML 中的先後位置至上而下佈局，在這個過程中，行內元素水
2020-02-20 18:49:35
原创 web前端學習/工作筆記(一)
記錄一下2019年web前端學習工作的筆記,markdown語法格式的,有些渲染效果不是很好, 筆記內容包括: vue學習資料、筆記 一些重要/細節的知識點 前端開發過程中遇到的問題及解決方案 前端工作需要技術點 W3c
2020-02-20 18:49:35
原创 web前端學習/工作筆記(四)
對象中添加屬性，刷新的問題 利用this.$set(this.obj,key,val) table設置圓角 border-radius:5px; overflow:hidden; img圖片模糊處理辦法：切高分
2020-02-20 18:49:34
原创 webpack打包原理分析和實現（二）
webpack打包原理分析和實現（一） webpack打包原理分析和實現（二） webpack打包原理分析和實現（三） 上一篇，通過@babel/parser將index中的es6代碼解析成ast(抽象語法樹)，接下來，我們可
2020-02-20 18:49:34