原创 前端開發週報——014

1  npx可以訪問系統命令、node_modules下bin命令、可以避免全局安裝等功能。 2  yarn安裝比npm快,沒有依賴庫版本問題(npm後來版本通過lock文件業實現了)。 3  hook指的是useState、useEff

原创 react中state的習慣犯得錯誤

setState並不是真正的“異步”。它只是模擬了異步行爲,在React中會維護一個isBatchingUpdates標識,用來標記更新行爲,依此判斷是直接更新還是暫存state。在onClick、onChange等React合成事件中,

原创 js中區分對象和數組

console.log(Object.prototype.toString.call([]));//[object Array] console.log(Object.prototype.toString.call({name: "jer

原创 對程序猿、github、博客的理解

問題一: 之前如果有人問我這個問題,我一定回答是,因爲經常上傳會在找工作的時候給面試官看自己的github裏面的提交日誌,如果每天都有提交,那一定會讓面試加分。而且,github上如果有很多粉絲或者star會是很酷的一件事。但是,gith

原创 js語法專題一

1.語句和表達式區別 let a = 1+ 3; 等號右邊是表達式,整行是語句,一般在一些框架中如vue中模板{{}}中可以寫表達式,return可以寫表達式等。 2.變量聲明 可以連續聲明多個變量如: let k=1,j 下圖是一些常規

原创 前端開發週報——001

  1. react中props.children相當於vue裏slot插槽作用,來展示父組件穿過來的內容。 2. {...obj, attr:val} 和 Object.assign({}, obj, {attr:val})作用類似。

原创 前端開發週報——012

1  算法求top  K出現頻率,可以使用桶排序。 2  後端數據結構轉換成更適合前端的數據結構是適配器模式。 3  下面使用slice複製類數組。 args = Array.prototype.slice.call(arguments

原创 es6語法在主流瀏覽器上哪些支持

目前主流瀏覽器對es6的大部分新特性都支持,這是在網上看的。自己在實際應用中的, 有以下這些瀏覽器是支持的: 1.class 2.let const 3.箭頭函數 4.map,set 5.數組,字符串操作api 6.import expo

原创 前端開發週報——010

1  代理可以在客戶端,服務端實現,也可以通過攔截路由器來實現。 2  500錯誤也可以從瀏覽器來查看。 3  put方法可以上傳文件,但一般不會用,任何文件都可以上傳不安全。 4  ip協議主要負責網絡層通信,ip地址,mac地址,路由

原创 js語法專題二

1.運算符 減法、除法和乘法運算符,都是將字符串自動轉爲數值,然後再運算。 2.&和|| &它的運算規則是:如果第一個運算子的布爾值爲true,則返回第二個運算子的值(注意是值,不是布爾值);如果第一個運算子的布爾值爲false,

原创 前端開發週報——013

1  react使用rollup打包,flow做類型檢測。 2  解構賦值不僅可以用在對象上,也可以用在數組上。 3  flow主要使用冒號來添加類型限制;不手動添加flow也可以自動識別部分類型錯誤。 4  python2的print打

原创 前端開發週報——004

1  前端優化我曾使用過的一些方法:cdn加速;ssr服務端渲染;首屏懶加載(webpack分塊打包);合併請求,減少請求數;防抖,節流(按鈕加上loading狀態);圖片使用佔位;圖片合併通過位置切換;瀏覽器緩存使用和代碼裏緩存(kee

原创 前端開發週報——011

1  瀏覽器緩存屬於私有緩存,代理服務器緩存屬於公有緩存,可以給多個用戶使用。 2  除了使用跳板機登錄內部機器外,可以直接使用內部機器登錄內部機器。 3  dns查詢會先查找瀏覽器緩存,操作系統緩存。 4  dns一般採用遞歸的查詢方式

原创 前端開發週報——007

1  httponly能禁止js獲取cookie,但是瀏覽器本身會把cookie添加到請求頭的特性,導致xss中加個ajax請求,後端還是可以拿到cookie。 2  cookie太大會佔用網絡,應該只有需要發送到服務端的數據(如用戶id

原创 前端開發週報——003

1  continue和break在python和js中一樣 2  json.dumps(dict, ensure_ascii=False)可以解決字典,列表等print打印中文亂碼問題,str.encode('utf-8')可以直接對中