原创 前端開發週報——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')可以直接對中