引言 Martin Fowler的《重構(gòu)：改善既有代碼的設(shè)計(jì)》一書(shū)從問(wèn)世至今已有十幾年時(shí)間了玄柏，按照計(jì)算機(jī)領(lǐng)域日新月異的變化速度，重構(gòu)已經(jīng)算是一門(mén)陳舊的技術(shù)了瀑晒。但是陳舊并不代表...
發(fā)簡(jiǎn)信
IP屬地：陜西
-
高效重構(gòu)（一）： 正確理解重構(gòu) -
結(jié)合React創(chuàng)建一個(gè)簡(jiǎn)單Electron桌面應(yīng)用準(zhǔn)備工作 安裝node環(huán)境 下載node安裝包（8.0以上版本）：https://nodejs.org/zh-cn/安裝過(guò)程不做贅述徘意。 安裝react腳手架 在終端輸入以下代...
-
Promise簡(jiǎn)單實(shí)現(xiàn)（正常思路版）
Promise 看了些promise的介紹苔悦，還是感覺(jué)不夠深入，這個(gè)在解決異步問(wèn)題上是一個(gè)很好的解決方案椎咧，所以詳細(xì)看一下玖详，順便按照自己的思路實(shí)現(xiàn)一個(gè)簡(jiǎn)單的Promise。 Pr...
-
Content-Security-Policy的實(shí)戰(zhàn)應(yīng)用
今天在瀏覽微信頁(yè)面的時(shí)候勤讽，發(fā)現(xiàn)他的script標(biāo)簽上都有個(gè)once屬性蟋座，好奇之下查閱了一番，發(fā)現(xiàn)這個(gè)屬性是和一個(gè)http header Content-Security-Po...
-
react反模式——將數(shù)組的index作為key
示例 先看一段代碼 是不是很眼熟脚牍？在很長(zhǎng)一段時(shí)間向臀，我都是這么設(shè)置key來(lái)消除react的warning的，然后突然有次發(fā)現(xiàn)會(huì)出現(xiàn)這樣的情況诸狭，見(jiàn)下圖： 出現(xiàn)這個(gè)情況券膀，是因?yàn)閞e...
-
Web前端攻防君纫，一不小心就中招了隨著各瀏覽器安全功能的提高，前端防御面臨的問(wèn)題也沒(méi)有之前那么復(fù)雜三娩，但瀏覽器的防御措施并不能百分百的保證網(wǎng)站的安全庵芭。瀏覽器的XSS Auditor，使得反射型xss幾乎被廢雀监；C...
-
構(gòu)建 Web 應(yīng)用之 Service Worker 初探這次體驗(yàn)一種新的博客風(fēng)格，我們長(zhǎng)話短說(shuō)眨唬，針針見(jiàn)“血”会前。 備馬 在深入 Service Worker 之前，我們需要快速回顧如下基礎(chǔ)匾竿。 誕生之初瓦宜，JavaScript 是單線程...
-
JsBridge使用和原理
What is JsBridge 近期在做一個(gè)項(xiàng)目，使用的是Native+H5的方式實(shí)現(xiàn)的岭妖。眾所周知的是在Android中临庇，Webview所實(shí)現(xiàn)的java與js的交互存在一些...
-
從輸入 URL 到頁(yè)面加載完成的過(guò)程中都發(fā)生了什么事情？這是一個(gè)經(jīng)典的互聯(lián)網(wǎng)問(wèn)題昵慌，涉及面非常廣泛假夺。為了整理思路，在此記錄拙見(jiàn)斋攀。 1.瀏覽器接收URL URL包含的信息：協(xié)議已卷、網(wǎng)絡(luò)地址:端口號(hào)、資源路徑淳蔼、查詢(xún)字符串侧蘸？、片段標(biāo)識(shí)符# ...
