很多时候 我们阅读文档的时候 都是先把 tutorial 看一篇 把代码跑一篇 然后跟着 documentation 一章一章的阅读 这是我以前的做法 也是我以前觉得比较好的一个做法 毕竟我又看了 有亲手做了一次
这个心理暗示知道我看了一本 <React.js 小书> 这本 ReactJs 的入门小书我才知道 我以前看文档的方法都错了 因为我看完之后 只是到其中的语言语法和函数 具体应该什么时候用 为什么用 还能优化吗 这三个问题 我都没有思考过 我只是把别人的代码套到业务逻辑上 然后就没有自己的思考了
前端框架涌现 面对这么多的库和框架 我们只有对这些库和框架解决的问题有深入的了解和思考之后 我们才能得心应手的使用它们 并且对新出来的框架也不会太过迷茫 因为大部分的框架它们解决的问题都是以同一个问题
例如要实现一个点赞功能 我们先把 baseline 的结构搭建出来 然后得思考问题了:让这个结构具备一定的可复用 实现简单的组件化 接下来 状态改变->构建新的 DOM 元素更新页面 接着抽象出公共的组件类 优化代码 优化性能
组件化可以帮助解决前端结构的复用性问题 整个页面可以由这样不同的组件组合嵌套构成
一个组件有自己的显示形态行为 组件的显示形态和行为可以由数据状态( state) 和配置参数(props)共同决定 数据状态和配置参数的改变都会影响到这个组件的显示状态
当数据变化的时候 组件的显示需要更新 所以如果组件化的模式能提供一种高效的方式自动化的帮助我们更新页面 那也就可以大大的降低我们代码的复杂度 带来更好的可维护性
经过以上的铺垫和思考 然后再去读文档的内容就会理解的透彻了
还有一本<Build Your Own AngularJs> 这本书也是一本不可多得的书 多读几遍 一定会对前端框架的架构有更深的理解
同时 发现问题 思考问题 优化代码 这个步骤来阅读文档 不失为一个很好的方法
网友评论