原创 4k+ 字分析 Vue 3.0 響應式原理(依賴收集和派發更新)

引言 前幾天寫了一篇關於Vue 3.0 reactive API 源碼實現的文章,發現大家還是蠻有興趣對於源碼這一塊的。閱讀的人數雖然不多,但是 200 多次閱讀,還是闊以的!並且,在當時阿里的一位前輩也指出了文章存在的不足,就是

原创 Flutter——Android Studio下環境配置

引言 前段時間,制定了今年的學習計劃,包括前端優化(打包、測試、發佈)、數據可視化、Vue3.0源碼閱讀、Flutter、算法和數據結構。 所以,最近也陸續開始今年的學習計劃,先拿 Flutter開刀(hhh),當然第一步就是開發

原创 Webpack——打包時間優化

引言 其實,相信很多隻是從事快速應用開發的同學,對於 Webpack打包優化方面可能是一知半解(我深有感觸…)。但是,作爲一名從事編程的人,我一直推崇的就是用編程高效、快速解決一些問題。因爲,如果只是解決問題,我想這不是我想要的,

原创 簡單講講 WebAssembly

引言 不知從事前端的同學,是否還記得去年 12 月底引爆前端界的一個要聞,WebAssembly 被 W3C 官方宣佈爲 Web 開發的第四種語言(前面三種 HTML、CSS、JS)。然後,那段時間就是各種圍繞 WebAssemb

原创 淺談 VueSSR 和 Express 結合的開發模式

引言 其實這種開發模式,我之前講 VueSSR 的時候已經提過了。但是,當時只是簡單的提及一個工作目錄 entry-server.js 和 server.js 兩個和服務端相關的文件,用來進行一些後端的查詢之類的。但是如果是簡單的

原创 探索Vue.js底層源碼——Vuex 插件註冊及初始化

引言 無論是 React 也好,Vue 也罷,它們都有自己的全局狀態管理機制 Redux 和 Vuex。同樣地,這也是它們框架的一大特色。並且,對於 Vue 而言,Vuex 和之前我講的 Vue-Router 一樣,是作爲插件使用

原创 微信小程序——頁面棧及路由跳轉

引言 近期在開發微信小程序,在此之前,我看過微信小程序官方的文檔,瞭解過小程序的開發模式,簡單寫過一些 Demo。然後,在寫代碼的過程中,遇到了頁面棧的關閉、打開問題,其實也是一個老朋友。很早之前,在開發混合 APP 的時候,我就

原创 數據結構——揹包問題

引言 算法的經典問題之一揹包問題,揹包問題是動態規劃(運籌學)的一個典型的例子,它的問題描述即規定揹包所能容納的最大重量,然後此時有一批物品對應不同的質量和價值,那麼如何放置物品進入揹包使得揹包中的價值最大。 通常情況下,揹包問題

原创 SQL——增刪改查

前言 之前大致瞭解過,現在用 MySQL 的還是居於多數,而且自己之後也有意向往大前端發展,所以就需要撿起以前的 SQL,也希望將來有機會用 Node.js + MySQL 做大型項目的機會。因此,就從簡單的 SQL 的增刪改查開

原创 認識一下 Cookie、Session、Token 在實際中的應用

前言 最近因爲各種原因頻繁提到 Cookie、Session、Token 是如何記錄用戶登錄態的,所以,今天就略微總結一下這三者在這個場景下的應用。 Cookie 我想作爲一個前端,對上述的三者中,最熟悉的就是 Cookie 了。

原创 Vue.js——Vue SSR 初次認知&實踐

前言 在講 Vue SSR 之前,先談談傳統的 Vue 項目,傳統的 Vue 項目只是一個單頁應用,服務端給客戶端返回的只有一個 HTML 和一堆 JS 文件,所以在做一些大型的網站,但是需要 SEO 的時候,傳統的單頁應用並不能

原创 React Native——特定平臺代碼

前言 特定平臺代碼,故名思意,就是針對不同的平臺 IOS 和 Android 編寫不同的代碼。簡而言之,就是做兼容。在瀏覽器環境中一般是 UA 判斷之類的。而在移動端開發中,React Native 提供了兩個方法來區分平臺。(需

原创 探索Vue.js底層源碼——計算屬性(computed)

計算屬性 computed 也是屬於組件狀態的一部分,所以它初始化同樣是在 initState 函數中完成的,initState 函數定義在 src/core/instance/state.js export function i

原创 Web 應用常見的攻擊和防禦

引言 關於 Web 安全方面的問題,我想從事 Web 前端開發的同學,或多或少都會有些瞭解,例如 XSS (跨站點腳本攻擊)、CSRF(跨站點請求僞造)、SQL 注入、HTTP 報文劫持等等。但是,我想詳細起來說,大家可能會只是說

原创 HTML5——元素分類

引言 在 HTML5 中將元素進行了分類,用於詳細地規定子元素在父元素中的合理性。具體的類別如下: 元數據內容(Metadata content) 流式內容(Flow content) 章節內容(Sectioning conte