原创 「硬核JS」一次搞懂JS運行機制

前言 從開始做前端到目前爲止,陸續看了很多帖子講JS運行機制,看過不久就忘了,還是自己理一遍好些 通過碼字使自己對JS運行機制相關內容更加深刻(自己用心寫過的貼子,內容也會牢記於心) 順道給大家看看(我太難了,深夜碼字,反覆修改,說這麼多

原创 前端加分項之Nginx(上篇)

​日常生活中,我們免不了要去一些比較擁擠的地方,比如地鐵站、火車站、銀行等。這些地點都有一個特徵,都會設置多個服務點或者入口,大多數情況下,最近的入口會擠滿人,而那些距離較遠的服務點或者入口來說,人流密度一般會少很多。 其實,網站的建設也

原创 初窺Deno 1.0面紗

引言 2020 年 5 月 13 日,可能是前端開發史上又一個里程碑式的一天,因爲一個名爲 Deno 1.0 版本正式發佈了。 那麼問題來了,Deno 是什麼?爲什麼說是里程碑?它和 Node 有什麼關係?和我又有什麼關係? 帶着疑問,

原创 Chrome 頁面呈現原理與性能優化之企業級分享總結

背景 前段時間梳理了一下瀏覽器相關的知識,還做了一個公司級的分享,60多人過來聽了我的分享,感覺還行,哈哈。先看一下分享目錄: 本篇文章,如果直接貼ppt圖,理解起來可能比較費勁,這裏就大概講一下內容,再附上我之前已經把部分內容輸出了完

原创 解密HTTP/2與HTTP/3 的新特性

前言 HTTP/2 相比於 HTTP/1.1,可以說是大幅度提高了網頁的性能,只需要升級到該協議就可以減少很多之前需要做的性能優化工作,當然兼容問題以及如何優雅降級應該是國內還不普遍使用的原因之一。 雖然 HTTP/2 提高了網頁的性能,

原创 js 如何使 (aᅠ==1 && a== 2 && a==3) 返回 true?

今天刷博客的時候,看到了一道有趣的面試題“如何使 (aᅠ==1 && a== 2 && a==3) 返回 true”,咋一眼看過去,覺得非常的unbelievable!!!  看了別人給的答案之後,陷入了沉思。。。然後感嘆一聲:原來如此

原创 微信瀏覽器禁止頁面下拉查看網址(不影響頁面內部scroll)

此類事件是手機touchmove默認事件行爲,可以通過js代碼隱藏事件: $(‘body’).on(‘touchmove’, function (event){ event.preventDefault(); }); doc

原创 實例解析forEach、for...in與for...of

在開發過程中經常需要循環遍歷數組或者對象,js也爲我們提供了不少方法供使用,其中就有三兄弟forEach、for...in、for...of,這三個方法應該是使用頻率最高的,但很多人卻一值傻傻分不清,經常該混淆了它們的功能和注意點。就在今

原创 RESTful API淺談

  REST REST全稱是Representational State Transfer,中文翻譯的話有很多種說法,比如:表現層狀態轉化、表述性狀態轉移、表述性狀態傳遞等等,不管怎麼翻譯,大致的意思都是:資源在網絡中以某種表現形式進行

原创 前端之未來

目錄 引 回顧過去 立足當下 一窺未來 App Development Engine 語雀專項技術 App Runtime 領域服務 全功能型團隊 砥礪前行     引 近期學到一個詞:Digital Twin(數字孿生),簡單來講就是在

原创 Git版本控制軟件從入門到精通學習手冊

  GIT 學習手冊簡介 本站爲 Git 學習參考手冊。目的是爲學習與記憶 Git 使用中最重要、最普遍的命令提供快速翻閱。 這些命令以你可能需要的操作類型劃分,並且將提供日常使用中需要的一些常用的命令以及參數。   一、獲取與創建項目

原创 js中的棧、堆、隊列、內存空間

棧(stack) 、堆(heap)、 隊列(queue)是js的三種數據結構。 棧(stack) 棧的特點是"LIFO,即後進先出(Last in, first out)"。數據存儲時只能從頂部逐個存入,取出時也需從頂部逐個取出。《前

原创 web 應用常見安全漏洞一覽

1. SQL 注入  SQL 注入就是通過給 web 應用接口傳入一些特殊字符,達到欺騙服務器執行惡意的 SQL 命令。 SQL 注入漏洞屬於後端的範疇,但前端也可做體驗上的優化。 原因 當使用外部不可信任的數據作爲參數進行數據庫的增、刪

原创 【入門篇】js正則表達式

前言 最近有了點時間,就回頭看了一下《學習正則表達式》這本書。怎麼說呢,這本書適合從零開始學習正則表達式或者有一點基礎但是想要加強這方面能力的讀者。這本書的風格是“實踐出真知”,使用歸納方式講述, 也就是說, 會從特例講起, 最終歸結到

原创 瀏覽器緩存機制詳解

     對於瀏覽器緩存,相信很多開發者對它真的是又愛又恨。一方面極大地提升了用戶體驗,而另一方面有時會因爲讀取了緩存而展示了“錯誤”的東西,而在開發過程中千方百計地想把緩存禁掉。那麼瀏覽器緩存究竟是個什麼樣的神奇玩意呢?什麼是瀏覽器緩存