react 最佳实践

May 12, 2020

状态管理方案 状态管理一直是前端框架重中之重, 选择合适的状态管理框架能有效提高效率, 提高项目可维护性, 状态可预测性. 很头痛的是 react 可选的方案实在太多. 以前用过一段时间的 redux + redux-thunk, 模板代码略多 redux…

项目管理 最佳实践

May 12, 2020

包含代码规范, git workflow, 命名规范等 eslint 使用 eslint 规范你的代码. eslint-recommanded 另外实在不建议使用 airbnb-style, 处女座可以用一下, 用过的最严格的 lint 规则 google…

svelte 最佳实践

May 11, 2020

store 结构与命名 一个项目的 store 最好放在一个 store 文件夹下集中管理, 当这不是绝对的, 我见过以页面组织 store 的用法. 但是如果想让你的 store 能再所有地方方便地引用到, 最好还是集中到 store…

wsl with ss 坑和解决方案

April 27, 2020

最近在使用 yarn 安装 node-sass cypress 时下载额外脚本有连接超时的问题, 遂翻墙 环境: 家用: win10 wsl2 ssr 端口 1080 公司: win10 wsl ssr 端口 1080 proxychains4 proxychains…

Advanced Vue Featrues - Reactivity

December 12, 2019

本文是对 FrontendMaster - Advanced Vue.js Features from the Ground Up 第二章 Reactivity 总结。 本章旨在解释 vue 的响应式原理。 在 vue 文档中有这张图 大概解析了 vue…

CRP资源整理及quick quiz

December 12, 2019

Google DeveloperCRP 系列文章 和上面文章同一作者的 Udacity 课程:网站性能优化 CRP 详述:understanding critical render path | bitofcodes async 和 defer javascipt 在 CRP…

TypeScript:最佳实践

December 12, 2019

类型保护 typescript 中有三种正常的类型保护,包括自定义类型保护,typeof 类型保护和 instanceof 类型保护。其中 typeof 只能用于 javascript 定义的六种基础类型,而 instanceof…