前端工程

  • 每个前端团队都在打造自己的前端开发体系,这通常是一个东拼西凑,逐渐磨合的过程,在技术发展日新月异的今天,这样的过程真的是不可抽象和复制的么?本文希望能够通过系统的拆解前端开发体系为大家提供体系设计思路参考。

    什么是前端集成解决方案

    前端集成解决方案,英文翻译为 Front-end Integrated Solution,缩写fis,发音[fɪs]

    前端集成解决方案并不是一个新词汇,将这个词拆开来看,我们能得到:

    • 前端:指前端领域,即web研发中常用的浏览器客户端相关技术,比如html、js、css等
    • 集成:将一些孤立的事物或元素通过某种方式改变原有的分散状态集中在一起,产生联系,从而
  • 本文搬运自我在知乎上 同名问题 中的答案。

    这是一个非常有趣的 非主流前端领域,这个领域要探索的是如何用工程手段解决前端开发和部署优化的综合问题,入行到现在一直在学习和实践中。

    在我的印象中,facebook是这个领域的鼻祖,有兴趣、有梯子的同学可以去看看facebook的页面源代码,体会一下什么叫工程化。

    接下来,我想从原理展开讲述,多图,较长,希望能有耐心看完。


    一个简单的页面

    让我们返璞归真,从原始的前端开发讲起。上图是一个“可爱”的index.html页面和它的样式文件a.css,用文本编辑器写代码,无需编译,本地预览,确认OK,丢到服务器,等待用户访问。前端就是这么简单,好好玩啊,门槛好低啊

  • 前端开发体系建设日记

    上周写了一篇 文章 介绍前端集成解决方案的基本理论,很多同学看过之后大呼不过瘾。

    干货 fuck things 在哪里!

    本打算继续完善理论链,形成前端工程的知识结构。但鉴于如今的快餐文化,po主决定还是先写一篇实战介绍,让大家看到前端工程体系能为团队带来哪些好处,调起大家的胃口再说。

    ps: 写完才发现这篇文章真的非常非常长,涵盖了前端开发中的很多方面,希望大家能有耐心看完,相信一定会有所斩获。。。

    2014年02月12日 - 晴

    新到松鼠团队的第二天,小伙伴 @nino 找到我说

    nino: 视频项目打算重新梳理一下,希望能引入新的技术体系,解决现有的一些问

  • 此文章转自我在 知乎 上的同名问答

    前端测试是前端工程方面的重要分支,有过一些探索,这里简单分享一下。

    首先,还是要强调一点:

    前端是一种特殊的GUI软件

    看过我最近一年内做前端工程方面相关分享的人可能有印象,我总是在强调这一点。前端测试也跟这个理论基础有所关联。

    在这里,我还想吐槽一下:

    API测试方法论在测试GUI时并不能解决所有问题。

    与很多前端工程师讨论过前端测试,大家更多的还是盯着API测试方法论。诚然,前端有那么一小部分代码是可以用API测试保证质量的,但前端项目中的绝大多数代码是GUI界面,前端测试应该向传统GUI测试方法论需求解决方案GUI软件测试_百度百科 ,这

  • 每个参与过开发企业级web应用的前端工程师或许都曾思考过前端性能优化方面的问题。我们有雅虎14条性能优化原则,还有两本很经典的性能优化指导书:《高性能网站建设指南》、《高性能网站建设进阶指南》。经验丰富的工程师对于前端性能优化方法耳濡目染,基本都能一一列举出来。这些性能优化原则大概是在7年前提出的,对于web性能优化至今都有非常重要的指导意义。

    高性能网站建设指南

    然而,对于构建大型web应用的团队来说,要坚持贯彻这些优化原则并不是一件十分容易的事。因为优化原则中很多要求是与工程管理相违背的,比如 把css放在头部把js放在尾部 这两条原则,我们不能让团队的工程师在写样式和脚本引用的时候都去修改一个相同的