原创 css in js開發利器 - styled-components（樣式組件）
styled-components 是一個常見的 css in js 類庫，和所有同類型的類庫一樣，通過 js 賦能解決了原生 css 所不具備的能力，比如變量、循環、函數等。 注意：有時候 React 版本和 styled-compon
2020-07-06 19:05:56
1
原创 通信API MessageChannel
一、簡介 MessageChannel 接口允許我們創建一個新的消息通道，並通過它的兩個MessagePort 屬性發送數據。 簡單來說，MessageChannel創建了一個通信的管道，這個管道有兩個口子，每個口子都可以通過postMe
2020-07-06 19:05:56
2
原创 帶你深度解鎖Webpack系列(進階篇)
三篇長文，帶你解鎖 Webpack ，希望讀完這三篇文章，你能夠對 webpack 的各項配置有一個更爲清晰的認識。 本文是第二篇，如果你還沒有閱讀《帶你深度解鎖Webpack系列(基礎篇)》，建議閱讀之後，再繼續閱讀本文。 本文會引入更
2020-06-23 04:17:57
原创 帶你深度解鎖Webpack系列(基礎篇)
三篇長文帶你解鎖 Webpack ，希望讀完這三篇文章，你能夠對 webpack 的各項配置有一個更爲清晰的認識。 1.webpack 是什麼？ webpack 是一個現代 JavaScript 應用程序的靜態模塊打包器，當 webpac
2020-06-23 04:17:57
1
原创 第 1 題：（滴滴、餓了麼）寫 React / Vue 項目時爲什麼要在列表組件中寫 key，其作用是什麼？
key能提高diff效率其實是不準確的。 然後，官網推薦的使用key，應該理解爲“使用唯一id作爲key”。因爲index作爲key，和不帶key的效果是一樣的。index作爲key時，每個列表項的index在變更前後也是一樣的，都是直接
2020-06-16 06:57:32
原创 授權認證登錄之 Cookie、Session、Token、JWT 詳解
目錄 一、先了解幾個基礎概念 二、什麼是 Cookie 1. cookie 重要的屬性 2. 服務器端設置cookie示例（Node） 3. 客戶端對Cookie的存取 4. 每個域名下cookie個數限制 5. 封裝對Cookie的
2020-06-16 06:57:32
原创 HTTPS讓數據傳輸更安全
談到HTTPS, 就不得不談到與之相對的HTTP。HTTP的特性是明文傳輸，因此在傳輸的每一個環節，數據都有可能被第三方竊取或者篡改，具體來說，HTTP 數據經過 TCP 層，然後經過WIFI路由器、運營商和目標服務器，這些環節中都可能被
2020-06-16 06:57:32
原创 阿里云云服務器操作系統介紹與選擇
首先，我們要清楚的便是每個系統之間的差別，以及在阿里雲上的差別： 1. Windows 1.1) 系統內含正版激活。 1.2) 適合於運行Windows下開發的程序，如.net等。 1.3) 支持SQL Server等數據庫(需自行安裝)
2020-06-16 06:57:32
原创 對象屬性監聽getter setter
一、在新對象初始化時定義 getter setter var obj = { log: ["a", "b", "c"], get latest() { if (this.log.length == 0) {
2020-06-16 06:57:32
原创 上傳功能實現
一、利用Form表單 特點：兼容性最好，但實現起來有點麻煩。 iframe的作用是禁止表單提交默認的網頁刷新，起到局部刷新的作用。 <form action="/upload/img" enctype="multipart/form-d
2020-06-16 06:57:32
原创 JS 數據結構
一、認識數據結構 什麼是數據結構？下面是維基百科的解釋 數據結構是計算機存儲、組織數據的方式 數據結構意味着接口或封裝：一個數據結構可被視爲兩個函數之間的接口，或者是由數據類型聯合組成的存儲內容的訪問方法封裝 我們每天的編碼中都會用到數
2020-06-16 06:57:32
原创 商米系統升級PDA，PDA自動更新
（一）在商米系統裏升級項目 商米系統地址：https://partner.sunmi.com/login 打包完成正式包以後，如下圖的方式下載下來安卓的apk包，apk的命名爲版本號，如1.3.3.apk 2.登錄商米系統,升級安裝
2020-06-16 06:57:32
原创 前端如何實現即時通訊？
短輪詢 短輪詢的原理很簡單，每隔一段時間客戶端就發出一個請求，去獲取服務器最新的數據，一定程度上模擬實現了即時通訊。 優點：兼容性強，實現非常簡單 缺點：延遲性高，非常消耗請求資源，影響性能 Websocket 使用指南請看WebSoc
2020-06-16 06:57:32
原创 棧、堆、隊列 深入理解
目錄 一、棧 1.1 簡介 1.2 基本數據結構的存儲（存儲棧） 1.3 執行棧（函數調用棧） 1.4 棧的執行狀態 1.5 創建一個棧(實現棧方法） 1.6 使用棧解決問題 1.7 棧溢出問題 二、堆 2.1 簡介 2.2 堆內存 一種
2020-06-16 06:57:32
1
原创 JS引擎執行一段js的過程
最初，JavaScript 只能在 Web 瀏覽器中運行，但是隨着 Node 的出現，現在 JavaScript 也可以在服務端運行。雖然我們可能知道應該在何時何地去使用它， 但是我們真的瞭解這些腳本執行的背後發生了什麼嗎？ JavaSc
2020-06-16 06:57:32