Skip to content

Instantly share code, notes, and snippets.

View ThaddeusJiang's full-sized avatar

Thaddeus Jiang ThaddeusJiang

194 followers · 122 following
View GitHub Profile
@ThaddeusJiang
ThaddeusJiang / React.md
Last active August 10, 2018 06:14
React 前端项目（front-end）的目录结构

React 前端项目的目录结构

比较了 3 个我比较喜欢的项目

  1. create-react-app
  2. antd-pro
  3. umi-user-dashboard

结论：

  • mock/ mock api
  • public/ web 相关配置文件
@ThaddeusJiang
ThaddeusJiang / markdown.md
Last active August 10, 2018 05:57
markdown image 水平排列
@ThaddeusJiang
ThaddeusJiang / TODO.md
Created August 10, 2018 05:15
TODO: 从 Google Image 下载 美女图
@ThaddeusJiang
ThaddeusJiang / dev.md
Created August 10, 2018 01:46
每天阅读（技术相关）
  1. 重构要一小步一——小步的进行，保证每一步重构后，代码仍可运行。
@ThaddeusJiang
ThaddeusJiang / script.md
Last active August 10, 2018 01:43
JavaScript 放在 head 还是 body ？ <script src="./xxx.js" />

如果 JavaScript 运行依赖 HTML，放在 body。

包含 ReactDOM.render() 的 JavaScript or 业务逻辑

如果 JavaScript 运行不依赖 HTML，放在 head 中。

如 jQuery.js

@ThaddeusJiang
ThaddeusJiang / html5.md
Created August 10, 2018 01:28
HTML5 总结

1. HTML 5 增加了很多标签

// 如：
header
nav
section
article
footer
details
summary
@ThaddeusJiang
ThaddeusJiang / Jest.md
Created August 9, 2018 08:43
SecurityError: localStorage is not available for opaque origins

package.json 中添加配置

  "jest": {
    "testURL": "http://localhost/",
@ThaddeusJiang
ThaddeusJiang / React.md
Created August 9, 2018 05:46
React 高阶组件

高阶组件就是一个函数，且改函数接受一个组件作为参数，并返回一个新的组件。

@ThaddeusJiang
ThaddeusJiang / React.md
Last active August 8, 2018 05:30
React 性能优化

代码方面

  1. 重写 shouldComponentUpdate 或利用 React.pureComponent 避免重复渲染

工程方面

  1. 使用生产版本
  2. 代码分割（Code Splitting）
  3. App Shell 模式
  4. 缓存技术（workbox）
@ThaddeusJiang
ThaddeusJiang / CMS.md
Created August 8, 2018 04:36
CMS 后台(Server) 可选方案