原创 快速查看本機的ssh公鑰

1.打開item2  切換進.ssh文件夾      cd ~/.ssh 2.查看當前文件夾 ls   (可以看到當前文件夾內有id_rsa  id_rsa.pub  known_hosts ) 3.ssh字符串就在id_rsa.pub中

原创 npm 切換源(nrm 用法詳情)

由於node自帶的npm包管理工具是從國外站拉取資源的  所以對於前端來說  下載node-sass是一件很頭疼的事情,大家平時會改成淘寶鏡像 npm config set registry https://registry.npm.t

原创 項目中只使用了Promise和async函數 如何正確的引入polyfill

項目中只使用到了Promise和async函數,如何正確的引入polyfill呢 我們知道polyfill的作用是爲一些低版本瀏覽器提供一些輔助函數,比如在ie中window下是沒有promise對象的,那麼polyfill的作用是爲其w

原创 set、weakSet、map及weakMap 的詳解

 原文地址爲:https://github.com/sisterAn/blog/issues/24 Set 和 Map 主要的應用場景在於 數據重組 和 數據儲存 Set 是一種叫做集合的數據結構,Map 是一種叫做字典的數據結構 Se

原创 js任務隊列、運行機制解讀

//輸出內容 async function async1() { console.log('async1 start'); await async2(); console.log('async1 end'); }

原创 js正則 驗證數字、小數、漢字、浮點數、字母彙總

  let re = /^[0-9]*$/ if(re.test(123)){ true } 驗證數字的正則表達式集  驗證數字:^[0-9]*$  驗證n位的數字:^\d{n}$  驗證至少n位數字:^\d{n,}$  驗證

原创 iPhoneX、iPhoneXS、iPhoneXS Max與iPhoneXR 底部吸底按鈕適配

移動端真的是幺蛾子比較多,蘋果抽風出的這幾款手機都帶bar  爲了處理這類問題,必須在頁面上做相應的處理 比如吸底按鈕 或者其他元素需要給最後一個元素添加一個距離底部的高度 尺寸一般是34px 通過js來判斷是否是這四種手機的類型  代碼

原创 使用express在本地起動一個接口服務,並處理跨域問題

Express簡介:Express中文網 它是基於 Node.js 平臺,快速、開放、極簡的 Web 開發框架, 說他極簡,一點都不過分,因爲他操作起來非常簡單。 1.首先確保你的機器上有有安裝node 2.安裝 npm install

原创 js如何實現一個繼承?手寫一個js繼承

在js中,繼承就是讓一個對象擁有另一個對象的屬性和方法。 (Father代表父類構造函數,Son代表子類構造函數,默認構造函數的方法都是寫在原型中,實例化對象共享原型中的方法,避免了內存空間的浪費)   1. 原型鏈繼承 (有兩種實現

原创 HTTPS 原理,詳細瞭解HTTPS

HTTPS 隨着 HTTPS 建站的成本下降,現在大部分的網站都已經開始用上 HTTPS 協議。大家都知道 HTTPS 比 HTTP 安全,也聽說過與 HTTPS 協議相關的概念有 SSL 、非對稱加密、 CA證書等,但對於以下靈魂三拷問

原创 瀏覽器性能優化

Web 頁面性能是前端開發特別需要關注的重點,評判前端 Web 頁面性能的指標有很多,頁面的流暢度是其中的一種,如何讓頁面變得 “柔順絲滑”,要討論起來可就是個相當有料的話題了。之前開發移動端 H5 頁面的時候,就遇到過一個有趣的性能問題

原创 css動畫animation詳細解讀

  以一個小球爲例    向右勻速運動200px  然後再移動回來,然後再移動到200px處 停在那裏 效果如下 div{ width:40px; height:40px; border-radius:50%; b

原创 js計算浮點數,js計算小數誤差解決方案,decimal.js的使用

衆所周知,計算機在計算浮點數的過程中會丟失精度。這在編程語言中都會出現,js也不例外。 0.1+0.2並不等於0.3 這就導致了在某些情況下,如果單純的採用四捨五入toFixed 會出現我們不想要的結果。尤其在計算金額方面,一分都不能出

原创 什麼是外邊距重疊?重疊的結果是什麼?

邊界重疊是指兩個或多個盒子(可能相鄰也可能嵌套)的相鄰邊界(其間沒有任何非空內容、補白、邊框)重合在一起而形成一個單一邊界。(當兩個垂直外邊距相遇時,它們將形成一個外邊距。 合併後的外邊距的高度等於兩個發生合併的外邊距的高度中的較大者。

原创 css選擇器有哪些?

css選擇器 選擇器 示例 示例說明 css 備註 .clss .box 選擇所有class="box"的元素 1   #id #box1 選擇所有id="box1"的元素 1   * * 選擇所有元素 2   element p 選擇所