這幾天花了大量時(shí)間終于折騰出一個完美版本，并且是自己構(gòu)建的webpack配置（之前失敗很可能是因?yàn)閞eact自帶的webpack太復(fù)雜，構(gòu)建服務(wù)端代碼時(shí)有些細(xì)節(jié)沒處理好） 完...
發(fā)簡信
IP屬地：山西
-
2020年手工webpack構(gòu)建react項(xiàng)目，完美支持ssr，包括css和圖片資源 -
React ssr 服務(wù)器渲染實(shí)現(xiàn)時(shí)間為2020年7月 這部分網(wǎng)上資料較少，而且用戶庫比較舊，沒有特別好的解決方案，決定從頭開始自己實(shí)現(xiàn)一套方案，express做服務(wù)端，前端為主流的 react + re...
-
React的簡單實(shí)現(xiàn) (三）更新優(yōu)化算法diff接下來主要優(yōu)化一下組件的更新 從之前文章可以知道，我們組件是通過createElement然后遍歷children屬性，完成整個dom的創(chuàng)建，其實(shí)是相當(dāng)耗費(fèi)性能的，react...
-
過去1年再來看看，好多不記得了
ES6 module加載原理探究
想起這個問題是源于閱讀的es6手冊時(shí)見到“Module 的加載實(shí)現(xiàn)”：http://es6.ruanyifeng.com/#docs/module-loader 目前為了處理...
-
React的簡單實(shí)現(xiàn)（二）組件上一篇我們已經(jīng)實(shí)現(xiàn)了簡單的createElement，借助詞法分析庫將JSX轉(zhuǎn)換成JS對象：http://www.itdecent.cn/p/1c6bc9171b0c 如果...
-
React的簡單實(shí)現(xiàn)（一）JSX和虛擬DomcreateElement函數(shù) 在react里面JSX會被轉(zhuǎn)譯成用React.createElement方法包裹的代碼，比如 會經(jīng)過一個語法分析的庫（babel里面）參考：h...
-
React code splitting 優(yōu)化build輸出1 最近發(fā)布版本，發(fā)現(xiàn)build出來的main.chunk.js居然有1.8M那么多，一些網(wǎng)絡(luò)慢的地方加載起來非常蛋疼，開始通過webpack的splitChunks進(jìn)行代碼...
-
React項(xiàng)目本地file://運(yùn)行一般來說react的項(xiàng)目build出來后，如果直接雙擊用瀏覽器打開是運(yùn)行不了的，首先第一個問題是找不到j(luò)s和css文件 1: 解決辦法是在package.js里面設(shè)置一下“h...
-
ES6 module加載原理探究想起這個問題是源于閱讀的es6手冊時(shí)見到“Module 的加載實(shí)現(xiàn)”：http://es6.ruanyifeng.com/#docs/module-loader 目前為了處理...
-
React Native --- 一步一步完成新聞爬蟲App（1）所有代碼托管在：https://github.com/liuxiaocong/cznews 參照提交log學(xué)習(xí)效果更佳 本期內(nèi)容：初始框架搭建：React + React n...
-
Be simple, not be silly.
-
Android 中級圣經(jīng)系列之Activity該系列文章主要介紹android里基本組件的了解和使用 圣經(jīng)？該系列文章將以標(biāo)簽的形式添加，在以后的工作中也會不斷完善，也希望有其他朋友補(bǔ)充，最終希望能讓閱讀的人通過一篇文章...