前端猿Ry

本文首发于掘金专栏，发布于廖柯宇的独立博客，转载请保留原文链接。 MVC，MVP和MVVM都是常见的软件架构设计模式（Architectural Pattern），它通过分离关注点来改进代码的组织方式。不同于设计模式（Design Pattern），只是为了解决一类问题而总结出…

如何创建一个包来管理应用的业务规则、API 调用、localStorage，以及根据需要随时更改前端框架。 单页应用是过去几年中前端开发的主流，而且每天都变得更复杂。这种复杂度带来框架和类库成长的机会，这些框架和类库提供给前端开发者不同的解决方案。 AngularJS, Rea…

react-redux主要提供的功能是将redux和react链接起来。 使用提供的connect方法可以使得任意一个react组件获取到全局的store。 实现方法是将store存放于由provider提供的context上，在调用connect时， 就可将组件的props替…

本文暂未涉及Performance面板的内容。 1. Chrome Devtools 的用处 2. 菜单面板拆解 3. 常用命令和调试 1. 呼出快捷指令面板：cmd + shift + p 在Devtools打开的情况下，键入cmd + shift + p将其激活，然后开始在…

作者: 也就是本次CL的开发者，原文中是以author来称开发者的。以老外的思维，意思是“CL的作者” cr(Code review)主要目的在于确保Google 的代码库代码质量越来越好。而所有相关的工具与流程皆是因应这个目的而生。为达到此目的，势必需要做出一连串的权衡与取舍…

深入学习一个框架最直接的方式，就是弄明白框架的原理。React无疑是一个非常值得学习其原理的框架，它设计简单，没有引入任何新的概念，一个组件就是一个方法或一个类。 但是要完整弄明白React的源码并不简单，React的代码有数万行，特别是在引入Fiber架构后，在React简单…

数据结构，算法，设计模式被认为是程序员必备技能的三叉戟，如果说编程语言的语法特性和业务编码能力是【术】，那么这三者可以称得上是【道】——【术】可以让你在IT行业赖以生存，而【道】则决定你未来在技术这条道路上可以走多远。 先自我介绍一下。 我是一个两年工作经验的Android开发…

AD：百G视频免费分享前言自从使用了es6的模块系统后，各种地方愉快地使用importexportdefault，但也会在老项目中看到使用commonjs规范的requiremodule.export