原创 Access-Ctrol-Allow-Headers:*兼容問題導致的跨域失敗

現象: 通過抓包看到在部分客戶端上跨域的非簡單請求只發送一個預檢的OPTIONS請求,之後的真實請求並沒有發送。 出現問題的環境: 部分IOS低版本系統。 windows系統微信內必現(2020-04-29)。 分析 通過上面條件

原创 babel6和babel7中關 polyfill和preset-env和babel-plugin-transform-runtime等總結

記錄自己零散的收穫,隨筆。 一些基礎 babel的作用是轉換新特性爲大部分瀏覽器能支持的代碼。 babel轉碼又分爲兩部分,一個是語法轉換,一個是新API轉換。 而對於API的轉換又分爲兩部分,一個是可私有的API,一個全局對象的

原创 在React中獲取數據

原文鏈接:https://www.robinwieruch.de/react-fetching-data/ React初學者經常從不需要獲取數據的應用開始。他們經常面臨一個計數器,任務列

原创 React hook 中的數據獲取

原文鏈接:https://www.robinwieruch.de/react-hooks-fetch-data/ 相關說明: 對於hook相關詞不翻譯,感覺翻譯後怪怪的。 eff

原创 create react app創建的項目運行test的時候不能解析webpack的alisa配置的問題

使用babel插件npm install babel-plugin-module-resolver,並在.babelrc文件中加入如下: { "env": { "test": { "plugins": [ [

原创 CSS中的三種樣式來源:創作人員、讀者和用戶代理

查看原文:https://www.cnblogs.com/JJJJJKKKKK/articles/4542545.html CSS中的樣式一共有三種來源:創作人員、讀者和用戶代理,來源的不同會影響到樣式的層疊方式,很多第一次學習C

原创 IE9下apply的使用方式

起初看到這段代碼的時候先不管在幹啥,僅僅是嘗試理解就發現很繞,現記下以便回顧。 Function.prototype.apply.call(console.error, console, args); 其實主要做的事情就是con

原创 http強緩存在firefox和chrome之間的差異

最近回顧HTTP緩存知識的時候發現了一個問題,設置了強緩存和協商緩存的文件,刷新的時候在chrome和firefox中的表現不一樣。具體表現爲chrome走強緩存沒有再次發起請求。firefox卻在強緩存沒有失效的情況下發了請求,

原创 自求

最近在寫代碼的時候發現了一個問題,總是在完成一個複雜的邏輯後不自信,不自信邏輯沒有問題或者說沒有其他問題。仔細注意這種感覺是怎麼來的就會發現,在梳理完邏輯寫代碼的時候總也會出現一些小問題,這些小問題的出現和處理就是問題所在。 在處

原创 小程序小知識備忘

setData和React的setState一樣是異步的嗎? setData不是異步的,但是setData之後UI更新是異步的。因爲邏輯層(App Service)和 視圖層(View)是分開的。setData的第二個參數是UI更新後

原创 nth-child(n)和nth-of-type(n)

:nth-child(n):父元素的子元素的第n個 :nth-of-type(n):父元素的 某類 子元素的第n個 注:n從0起,元素index從1起 nth-child(n)和nth-of-type(n)例: <head> <s

原创 webpack3的CommonsChunkPlugin插件詳解

webpack打出來的包在不做處理的情況下是非常大的,所有依賴都被塞進一個文件中,文件中有業務代碼,有業務代碼依賴的第三方庫代碼,還有webpack生成的運行時代碼等。這樣的一個文件不方便靜態資源緩存,並且初始化頁面的時候下載了所有的

原创 webpack中實現按需加載

當頁面中一個文件過大並且還不一定用到的時候,我們希望在使用到的時候纔開始加載這個文件俗稱按需加載。這樣可以減少頁面的響應時間,提高訪問速度。 使用webpack打包的出來的文件要實現以上的要求有兩種方式,一個是webpack特有的re