原创 微前端介紹及解決方案

轉載自 https://zhuanlan.zhihu.com/p/78362028 前言 TL;DR 想跳過技術細節直接看怎麼實踐的同學可以拖到文章底部,直接看最後一節。 目前社區有很多關於微前端架構的介紹,但大多停留在概念介紹的階段。而

原创 如何在React中實現keep-alive?

寫在開頭 不推薦你使用本文這個庫,這個庫會造成數據驅動斷層(即你緩存後,切換回來,確實可以看到跟之前一樣的dom,但是數據驅動此時失效了),下週我會寫另外一個可以不斷層的庫解析 ❝ 現代框架的本質其實還是Dom操作,今天看到一句話特別

原创 webpack系統學習之路——基礎篇

作者:anunwu 鏈接:https://juejin.im/post/5dba938c6fb9a0205a011285 來源:掘金 著作權歸作者所有。商業轉載請聯繫作者獲得授權,非商業轉載請註明出處。   前言 用vue-cli腳手架自

原创 charles本地調試之map、remote、rewrite功能

map功能 map功能,顧名思義就是將某個請求進行重定向,用重定向後的內容來響應請求的內容; map功能分爲map Local和map Remote,二者區分是: map Local:是將某個網絡請求重定向到本地的某個文件 map Re

原创 實用但卻被忽略的Web API!!!

轉載自 https://juejin.im/post/5d5df391e51d453b1e478ad0#heading-18 文列舉了一些列比較不常見的Web API,內容較多,所以有關兼容性的內容在本文不會出現,大家可以自己去查閱。 以

原创 如何讓用戶選擇是否離開當前頁面?

爲什麼要讓用戶選擇是否離開頁面 如果用戶填寫了很多數據此時 不小心點了其他a標籤或者關閉了瀏覽器,不做判斷,那麼用戶數據直接丟了 梳理需求 離開頁面方式,被location.href,a標籤,關閉瀏覽器或者當前tab頁等...

原创 spy-debugger抓包

轉載自 https://github.com/wuchangming/spy-debugger 關於spy-debugger 一站式頁面調試、抓包工具。遠程調試任何手機瀏覽器頁面,任何手機移動端webview(如:微信,HybridApp

原创 html頁面錨點跳轉方法

項目中經常會出現點擊跳轉錨點的方法,比如給一個a標籤一個href=“#錨點”,然後要跳的錨點給個id=“錨點”,這樣就實現簡單的跳轉,但是這樣在url地址欄後面都會出現一個諸如www.csdn.net#錨點,然後你點擊給一次後退都是退回上

原创 推薦大家使用的JS代碼規範

一種寫JavaScript更合理的代碼風格。 目錄 類型 引用 對象 數組 解構 字符 方法 箭頭函數 模塊 屬性 變量 比較運算符和等號 控制語句 註釋 空白 分號 類型轉換和強制類型轉換 命名規範 事件 測試 類型 1.1 原始值

原创 cookie填坑

刪除cookie的方法一般都是給他個過期時間就可以了。 有個需求是在退出登錄的時候去刪除一個cookie,結果卻發現怎麼也刪不掉,仔細檢查後發現是因爲和當前不在同一個域下。 最簡單的話可以使用下面這個去刪除,記得指定好domain就可以了

原创 關於iTerm2 你不知道的一些事

Terminal 是我們日常工作中使用頻率比較高的一個工具,一個好的Terminal 肯定對我們的開發效率提高不少,今天要講的就是Mac下的神奇iTerm2。其實早就在使用iTerm2,只不過只用到了一些基礎功能,今天在官網看了下,發現有

原创 動圖演示11個必備 VS Code 插件

親測好用,轉載自: https://mp.weixin.qq.com/s/np7EBSMJwfDUBut-OxNRfQ  提升開發效率的插件 1. Better Comments Better Comments 你可以使用不同的前綴來讓

原创 一網打盡react重難點

作者:神奇的Aym 鏈接:https://zhuanlan.zhihu.com/p/83079398 來源:知乎 著作權歸作者所有。商業轉載請聯繫作者獲得授權,非商業轉載請註明出處。   網上各種言論說 React 上手比 Vue 難,可

原创 使用SVG + CSS實現動態霓虹燈文字效果

轉載自 https://segmentfault.com/a/1190000010963326?_ea=2523065     早上無意間進入一個網站,看到他們的LOGO效果略屌,如圖: 剛開始以爲是gif動畫之類的,審查元素髮現居然是用

原创 訪問圖片出現403的解決辦法

在寫小程序的時候,訪問一個網址獲取圖片,但是顯示會出現403(防止盜鏈)的錯誤. 總結了一下,有兩種方法是可以解決這個問題的: 使用images.weserv.nl方案 使用no-referrer方案 第一種:使用images.weser