在前几天的一篇文章中总结部分提到了学习过程中基础的重要性。当然，并不是不支持大家学习新的框架，这篇文章就分享一下 react+redux 工程实例。 一直在学习研究 react.js，前前后后做了几次分享。并在我参与的公司产品私信项目也使用了这套技术栈 。学习过程期间，感觉 react…

让我们继续讨论前端可扩展性！在上一篇文章中，我们仅在概念上讨论了前端应用程序中的架构基础。现在，我们将动手操作实际代码。 不管你使用哪个库来抽象 view 或管理 state，前端应用程序中都有重复出现的模式。在这里，我们将讨论其中的一部分，因此请系紧安全带！ 我们选择用例作为…

编程风格这个东西，说实在的对于刚加入团队的新成员来说还是很难让人完全适应的。因为每人的编程风格都不同，完全是各有千秋的既视感啊 放眼望去，在前端，但凡有个项目，无论大小，都会看到它的身影。并非为了提高比格，让别人暗赞专业，而是它确确实实帮我们检测出不易察觉的错误，避免N多个线上…

如果有小伙伴认认真真的跟着上篇实现了一遍代码的话，你会发现，这些逻辑都是纯 js 的，暂时还都没有涉及到 css，甚至我到目前为止都没有写过 css，也没有刷新过浏览器，通过测试就知道了逻辑是否正确（这也是用 TDD 后为什么会增加开发效率的原因）。当然了当所有的 js 逻辑都…

我是一名web前端程序员，说真的TW的面试真的很有意思，也很有心意，让我在整个面试过程中不仅仅了解到自己的优势，并且看到了自己的不足之处，先不说面不面得上，面试的过程都是一次很不错的经历。 早在大学里，就对于TW有了解，技术大牛，极客思想，扁平化管理，出国经历。非常的吸引我这样…

本文将通过设计一个前端工程化解决方案的实际经验（踩过的坑）来教大家如何设计一个灵活可扩展的前端工程化解决方案。为了让大家更清晰地了解如此设计的前因后果，我将秉承不厌其详（LuoLiBaSuo）的态度讲解从最开始一步步的设计思路和过程。 我们团队最开始开发中后台项目用的是 cre…

首先介绍下本项目的应用，是一个交互简洁的 Todo 应用，应用取名叫 Memo，Memory 的简写，参考了微软的 To Do 以及 Listify、Trello 等应用。不过最大的不同是，项目并不依赖后端，而是使用浏览器提供的 indexDB 进行数据的存储，可以保证数据的绝…

本系列是使用 TDD 开发组件库，尝试把 TDD 在前端落地。本系列属于开发日记，包含了我在开发组件过程中的思考和对 TDD 的实施，不会详细的介绍 TDD 是什么，怎么使用。如果你需要了解 TDD 是什么的话，请去看 《测试驱动开发》。要开发的组件全部参照 elementUI…

ModalService 是一个服务，一个单例，因为整个页面只会有一个 ModalService 的服务用来打开模态窗的界面，然后将需要展示的模态窗展示在打开的模态窗页面。 每一个 ModalComponent 都是一个独立的对象，存在于 ModalService 的维护队列里…