240 发简信
IP属地:香港
  • Resize,w 360,h 240
    2020年手工webpack构建react项目,完美支持ssr,包括css和图片资源

    这几天花了大量时间终于折腾出一个完美版本,并且是自己构建的webpack配置(之前失败很可能是因为react自带的webpack太复杂,构建服务...

  • Resize,w 360,h 240
    React ssr 服务器渲染

    实现时间为2020年7月 这部分网上资料较少,而且用户库比较旧,没有特别好的解决方案,决定从头开始自己实现一套方案,express做服务端,前端...

  • Resize,w 360,h 240
    React的简单实现 (三)更新优化算法diff

    接下来主要优化一下组件的更新 从之前文章可以知道,我们组件是通过createElement然后遍历children属性,完成整个dom的创建,其...

  • Resize,w 360,h 240
    React的简单实现(二)组件

    上一篇我们已经实现了简单的createElement,借助词法分析库将JSX转换成JS对象:https://www.jianshu.com/p/...

  • Resize,w 360,h 240
    React的简单实现(一)JSX和虚拟Dom

    createElement函数 在react里面JSX会被转译成用React.createElement方法包裹的代码,比如 会经过一个语法分析...

  • Resize,w 360,h 240
    React code splitting 优化build输出

    1 最近发布版本,发现build出来的main.chunk.js居然有1.8M那么多,一些网络慢的地方加载起来非常蛋疼,开始通过webpack的...

  • Resize,w 360,h 240
    React项目本地file://运行

    一般来说react的项目build出来后,如果直接双击用浏览器打开是运行不了的,首先第一个问题是找不到js和css文件 1: 解决办法是在pac...

  • Resize,w 360,h 240
    ES6 module加载原理探究

    想起这个问题是源于阅读的es6手册时见到“Module 的加载实现”:http://es6.ruanyifeng.com/#docs/modul...

  • Resize,w 360,h 240
    React Native --- 一步一步完成新闻爬虫App(1)

    所有代码托管在:https://github.com/liuxiaocong/cznews 参照提交log学习效果更佳 本期内容:初始框架搭建:...

个人介绍
擅长写web的android工程师