设计架构

如何无痛下降 if else 面条代码复杂度

相信很多同窗在维护老项目时，都遇到过在深深的 if else 之间纠缠的业务逻辑。面对这样的一团乱麻，简单粗暴地继续增量修改经常只会让复杂度愈来愈高，可读性愈来愈差，有没有固定的套路来梳理它呢？这里分享三种简单通用的重构方式。 所谓的【面条代码】，常见于对复杂业务流程的处理中。…

先后端分离的思考与实践

为了解决传统Web开发模式带来的各类问题，咱们进行了许多尝试，但因为前/后端的物理鸿沟，尝试的方案都大同小异。痛定思痛，今天咱们从新思考了“先后端”的定义，引入前端同窗都熟悉的NodeJS，试图探索一条全新的先后端分离模式。

随着不一样终端(Pad/Mobile/PC)的兴起，对开发人员的要求愈来愈高，纯浏览器端的响应式已经不能知足用户体验的高要求，咱们每每须要针对不一样的终端开发定制的版本。为了提高开发效率，先后端分离的需求愈来愈被重视，后端负责业务/数据接口，前端负责展示/交互逻辑，同一份数据接口，咱们能够定制开发多个版本。

这个话题最近被讨论得比较多，阿里有些BU也在进行一些尝试。讨论了好久以后，咱们团队决定探索一套基于NodeJS的先后端分离方案，过程当中有一些不断变化的认识以及思考，记录在这里，也但愿看到的同窗参与讨论，帮咱们完善。

第三方 Javascript 开发系列以前后端接口协议

因为跨域缘由，第三方 Javascript 向后端发起请求时不能简单的使用 Ajax（XMLHttpRequest）。这篇文章带你撸一遍第三方 Javascript 开发中可能会用到的先后端接口协议。

前端极限性能优化集合

文章主要介绍了 前端 + 后端如何对站点进行优化，并拿出 Google 的前端代码作了分析。

性能优化是老生常谈了，从雅虎的 N 条军规，前端各类优化准则，到 2010 年 Google IO 上 Steven 提出的高性能建站指南，都在告诉开发者，一个站点的性能很是重要，如何在有限的带宽条件下，达到极限的访问性能，如何让访问者，不管是从响应速度，视觉感官，操做流畅度都达到最佳体验, 是目前 Web 技术上的一个相当重要的挑战.

MVP 模式的应用

相信不少小伙伴都用过 MVP 模式，以前也一直在纠结 MVP 是什么，真正的 MVP 模式的写法是什么，其实后来想明白了，只要按照 MVP 的设计，里面怎么变化都是正常的，设计模式也不是一成不变的，要根据实际状况灵活的使用

某小公司RESTful、共用接口、先后端分离、接口约定的实践

随着互联网高速发展，公司对项目开发周期不断缩短，咱们面对各类需求，使用原有对接方式，各端已经很难快速应对各类需求，更难以提升效率。因而，咱们不得不从新制定对接规范、开发逻辑以便快速上线项目。 尽量的缩小沟通的成本，开最少的会，肯定大部分的事。 花最少的时间写文档，保证90%的…

[[译]搭建帐户系统](https://juejin.im/entry/59b27...

原文地址：Building account systems 原文做者：Mike Hearn 译文出自：掘金翻译计划 本文永久连接：https://github.com/xitu/gold-...…

栅格化系统在设计中的运用

栅格就是网格，咱们很小就会接触到网格，好比小时候的方格本做文本，画的表格等等，利用表格进行分类排版。UI中的栅格系统就是对各个平台的网格布局进行系统化，好比网页的网格定义，APP的网格定义。 栅格化系统是设计的一个基本原则，可以有规律的排版页面的布局，在CSS的Bootstra…

React 是如何从新定义前端开发的

Virtual DOM / reconciliation algorithm, React 如此流行到底有哪些缘由呢？

前端框架这么多，该何去何从？

因为篇幅有限、框架众多，在分析以前，咱们从版本更新频度和社区活跃度来进行初步的筛选。已经出现了比较久的Backbone和Knockout, 目前流行度正在持续衰退，说明市场已经作出了选择，市面上出现了更有竞争力的替代品; 还有aurelia这类的新涌现者，须要等待时间的检验。

实践中的先后端分离

相信先后端分离这个词，早已流传甚广，你们一些本身的理解，但可能有些人的观点有稍许误差：咱们要搞 SPA，全AJAX，那才是先后端分离了。 咱们来聊聊什么是先后端分离。 先来看一张WEB系统先后端架构模型图。 从图中能够清晰的看到，先后端的界限是按照浏览器和服务器的划分。那么咱们…

APP 产品分析，这一篇就够了

以前一篇文章中的信息架构应该如何梳理，当咱们尝试分析一款移动端 app 的时候，咱们应该如何进行思考之类的问题。

那么今天，我将从你们常常用到的百度外卖（iOS v4.4.1）说开去，阐述我本身分析一款 app 时候的思惟逻辑和过程，固然我说的不必定对，但愿能给新手朋友们一些思路。

流程图解MVVM双向绑定原理

六张图描述mvvm双向绑定实现过程

如何写一份程序员爱看的需求文档？

如何写一份用户体验好、开发喜欢看、靠谱的需求文档呢？笔者将从如下几个方面展开阐述。

一种RESTful接口的约定

本文用于定义一种统一的RESTful接口设计方案，但愿具备参考价值。本文所描述的方案比较学院派（死板），在上一家公司提出没有被采纳，在所了解到的有限的若干家声称采用了RESTful风格的公司里，发现他们也偏离甚远，而在书本以及网上大部分介绍RESTful的资料里，却都是这样的方…

移动 H5 首屏秒开优化方案探讨

总结起来，大致优化思路就是：缓存/预加载/并行，缓存一切网络请求，尽可能在用户打开以前就加载好全部内容，能并行作的事不串行作。这里有些优化手段须要作好一整套工具和流程支持，须要跟开发效率权衡，视实际需求优化。

移动开发实践及‘坑’总结

总结一下移动端碰见的坑。

响应式开发心得

什么是响应式？响应式的页面在不一样的屏幕有不一样的布局，换句话说，使用相同的html在不一样的分辨率有不一样的排版。以下图所示： 响应式布局是为了解决适配的问题，传统的开发方式是PC端开发一套，手机端再开发一套，而使用响应式布局只要开发一套就行了。由于它是用的一样html，因此它的JS…

浅析前端开发中的 MVC/MVP/MVVM 模式

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

前端性能优化的三个维度

前端性能优化能够分为三个level：静态资源优化、接口访问优化、页面渲染速度优化，在操控门槛上依次递增，优化效果上愈加没有这么明显，因此不少小团队只会作到了第一个level追求极致的前端性能体验，提高本身的level，come on ~ 目录 1、静态资源优化 2、接口访问优化…

服务端指南 | 良好的 API 设计指南

设计一套良好的 API 接口。 原文地址：服务端指南 | 良好的 API 设计指南 博客地址：http://blog.720ui.com/ 版本号 在 RESTful API 中，API 接口应该尽可能兼容以前的版本。可是，在实际业务开发场景中，可能随着业务需求的不断迭代，现有的…

书籍《架构即将来》中最经常使用的 15 个架构原则

最经常使用的 15 个架构原则

解析 snabbdom 源码，教你实现精简的 Virtual DOM 库

分析 snabbdom 源码，手把手实现一个 Virtual DOM 库。

精通移动端布局 - 实践篇 -

本文大多数的内容基本都是从多篇博客或相关文章中进行筛选，提炼出来，本来我也想用我匮乏的语言来描述，可是发现别人已经总结的更好了，因此...我仍是乖乖的站在巨人的肩膀上吧~~

史上最全设计模式导学目录

设计模式