前端架构

  • 前端已不止于前端-Angular New Router初体验

    原文写于 2015-08-07

    最近两周在给xxxx跟xxxx两个产品搭前端框架,关于路由这块的技术选型让我犹豫了一下。且让我们先来分析一下

    • ngRoute肯定是最先被pass的,不支持嵌套路由是它的死穴。
    • ui-router在过去半年的使用中,表现的还算不错,提供了一系列足够强大灵活的特性。但是路由必须在app加载之初就被设定好,不能在程序运行过程中动态设置依旧是它的短板(尽管我们可以通过一些trick手段达到动态设置的效果)。

    然后想起了angular new router

    what is angular new route
  • Angular1.x + ES6 开发风格指南

    阅读本文之前,请确保自己已经读过民工叔的这篇blog
    Angular 1.x和ES6的结合

    大概年初开始在我的忽悠下我厂启动了Angular1.x + ES6的切换准备工作,第一个试点项目是公司内部的组件库(另有seed项目)。目前已经实施了三个多月,期间也包括一些其它新开产品的试点。中间也经历的一些痛苦及反复(组件库代码经历过几次调整,现在还在重构ing),总结了一些经验分享给大家。(实际上民工叔的文章中提到了大部分实践指南,我这里尝试作一定整理及补充,包括一些自己的思考及解决方案)

    开始之前务必再次明确一件事情,就是我们使用ES6来开发An

  • 组件设计之BEM法则

    BEM定义

    Block Element Modifier is a methodology, that helps you to achieve reusable components and code sharing in the front-end

    BEM概念

    原义:一个css编写规范

    B(block): 独立的页面及逻辑单元,我们通常意义上的component
    E(element): 块中的组成部分,不能脱离块单独存在
    M(modifier): 修饰符,可修饰块或元素

    它提出来一种命名规范:

    block__element--modifier

    example:

    &

  • [译注] MVVM 模式

    原文:The MVVM Pattern

    MVVM 模式跟 Silverlight 这类 XAML 应用平台是天生合拍的。这是因为 MVVM 模式利用了Silverlight 的一些特殊能力,比如说 数据绑定,命令,行为等。MVVM 跟其他一些将表现及UI布局 与展示层逻辑的职责进行分离的模式很相似;如果你对 MVC 模式熟悉的话,你会发现它与 MVVM 之间存在很多相似的概念。

    译者注:XAML(Extensible Application Markup Language)是微软为构建GUI程序而创建的一种标记语言,你可以将它等同于 web 体系中 HTML。以

  • 前端已不止于前端-序章

    原文写于 2015-04-15

    额,那啥,我又准备写一个系列了

    楔子

    某天有网友在知乎上提问:如何反驳 [程序=算法+数据结构],前端不懂算法不懂数据结构根本就不能算程序员!
    伟大的 计算机之子 @寒冬winter 给了一个万能的解决方案,并列出了技术界吵架的无敌五式,其中有一条就是:

    XX发展到现在,概念跟以前已经有了很大的变化。

    套用到具体案例,你可以这样反驳:前端发展到现在,概念跟以前已经有了很大的变化。
    看上去这更像是寒冬老师的戏谑之言,但是用来描述前端发展的现状,实在是再合适不过。

    是的,前端发展到现在,概念跟以前已经有了很大的变化。

    前端发展简史

    星星