获得徽章 0
- 11526
- 安利一个免费在线流程图软件——GitMind，链接：
gitmind.cn
主要功能：
画流程图、画思维导图
泳道图、类图、用例图、活动图模板免费使用
可以自定义主题
支持多人协作
可以导出图片、PDF和TXT文档展开20124 - 2981
- React前端状态管理心得
1. 没有银弹，redux也好，mobx也好，react-easy-state也好，能力加强的同时，学习成本，浏览器兼容成本也加大
2. 绝大大数页面的状态理清后，其实也想象中不那么复杂，首要的应该是注意以下几点：
（1）尽可能减少所需的状态（哪些才是真正需要的），很多数据了包含多维度的状态，不要制造状态(混乱)，真正重要的是数据，而非状态。深入理解，吃透你的数据。
（2）哪些是计算属性，计算属性（仅get，非set）尤其要提出来，不应该set的一定不要set的，逻辑上可能是同样的状态，但搞好两个状态，并同时去set，会导致真实世界混乱。
3. 组件拆分、属性的传递的逻辑性、正确性和清晰性也是状态管理的一部分，而且其重要性丝毫不亚于纯数据的状态。
（1）正确决定组件的从属关系，并尽量减少不必要的组件。（如同节约dom标签一样）
（2）在上面的前提下，属性的传递可以尽量控制在不要超过2层，这样props的数据流向也一目了解
（3）在jsx里，属性传递的写法应采取始终解构的写法，这样最接近函数参数传递的感觉，如：
<BtnGroup$ {...{ pageTitle, survey }} />
const BtnGroup$ = ({ pageTitle, survey }) => {})
（4）计算属性应尽量由上级组件传给下级，从而使尽可能多的组件成为仅接受props并渲染的纯函数组件。
（5）函数属性传递时有意义的命名至关重要。
4. 勿过度追求完美，尤其是在UI与交互上（最难处理的是动画），要做到完美，需要极其复杂的状态管理，应先有一些效果，在保证不至于把状态搞得一团糟，在完全想清楚了数据的逻辑后，逐步加强。
5. react-global-state-hook的非reducer的用法，细粒度的get、set其实基本够用，尤其对状态变化的跟踪（从代码层面跟踪，选中所有get或set）比redux并不差。
6. 一个应用程序，最最核心的，最最复杂的逻辑，就那么几个，绝不会多，所以对这部分页面代码一定要精益求精，逻辑、结构一定要优雅如水。展开316 - hexo-theme-melody v1.7.0 更新~不知道你是否有用过这个简洁漂亮的主题呢？本次更新可以调整顶部图的高度了，想要全屏大图的你不要错过~
更新日志如下，文档也已更新。另外vuepress版本的melody主题也将正式启动开发。33 - 把你的js代码变成文言文！
受到这阵子大火的文言文编程语言激发，写了个反向编译js到文言文的项目
你的代码就像诗，就算无法运行也很美 (〃ﾉωﾉ)
项目主页github.com
在线试玩zxch3n.github.io 展开1744 - 追踪效率的时间管理app（＋看板）
app内集成了番茄工作法，在工作时间如果监测到在使用邮件，微信等让人分心的应用将会对效率进行扣分（读了一些task switching的论文，实现了一个比较启发式的算法），从而得到工作时间段的总体效率。图一为一个工作时间段的可视化，可以看到图中最下方Wechat被归到Distracted。
内部集成了kanban，可以追踪具体项目事务上花费的有效时间。可以对花费时间进行预估，应用给出预估准确率的评分。（发现好多以为半小时就能做完的事情做了四五个小时🤣）
项目基于TypeScript, React, Redux
断断续续做了几个月了😬 希望能听到更多反馈的声音
github.com 展开253
mubu.com
VIP特权
幕布官网：