web项目性能很重要，开发迭代过程中难免会有所忽视，性能会伴随产品的迭代而有所衰减。特别在移动端，网络一直是一个很大的瓶颈，而页面却越来越大，功能越来越复杂。并没有简单的几条黄金规则就可以搞定性能优化工作，我们需要一套性能监控系统持续监控、评估、预警页面性

在现行的软件架构中，前端和后端是分离的，即前端只专注于页面渲染，而后台专注于业务逻辑，前端和后端是两个不同的工种，而前后端交互最常见的方式就是通过接口。在正式说明前后台架构分离之前，我们来看一下多年之前，传统软件开发的架构模式。View 视图层： 代表和用

大多数人想到Web开发时，通常会想到HTML或JavaScript，往往忽略了CSS，根据Wikipedia的说法，CSS既是网页中最重要也是最常被遗忘的部分之一，尽管它是万维网的三大基础技术之一。今天就和大家分享9个流行的、强大的前端开源框架，帮助你轻松

Web安全是前端开发人员经常忽略的主题。当我们评估网站的质量时，我们通常会查看性能，SEO友好性和可访问性等指标，而网站抵御恶意攻击的能力却常常被忽略。即使敏感的用户数据存储在服务器端，后端开发人员也必须采取重要措施来保护服务器，但最终，保护数据的责任在后

前端开发人员在构建网站时需要做的一个决定是引入图片的方式。它可以是标签，或者是通过CSS background 属性，还可以使用 SVG。选择正确的方式是很重要的，它对性能和可访问性有很大的影响。在页面加载时，它们会在页面图像加载时发生一些布局变化。为了

前端已经被玩儿坏了！像console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了，像用||操作符给变量赋默认值也是人尽皆知的旧闻了，今天看到Quora上一个帖子，瞬间又GET了好多前端技能，一些属于技巧，一些则是闻所未闻的冷知识，一时间还

vue 作为目前前端三大框架之一，对于前端开发者可以说是必备技能。那么怎么系统地学习和掌握 vue 呢?为此，我做了简单的知识体系体系总结，不足之处请各位大佬多多包涵和指正，如果喜欢的可以点个小赞!本文主要讲述一些vue开发中的实用技巧。比如有父组件 P

开发这么多年，肯定还有不少小伙伴搞不清各种类型的参数是如何传递的，很多同学都是拿来即用，复制粘贴一把撸，遇到问题还是一脸懵逼。学习参数传递的正确姿势，先说怎么做，再说为什么，本质上还是复制粘贴一把撸，问题是你想问不想问为什么！前端代码，提交方式与登录基本保

最近社区针对框架的争论，从发文互怼再到粉丝站队再到大漠穷秋准备离职，令人唏嘘不已。不知从何而起，前端圈已经逐步变成了前端娱乐圈。越来越多的人开始站队 Angular、Vue、React，仅仅围绕这些库或者框架进行前端技术讨论，这实在不是什么好的现象。其

JavaScript虽然是很受欢迎的语言，但是并不适合所有人，那么有哪些替代方案呢?本文将分析5种JavaScript替代方案。1995年，Netscape聘请Brendan Eich为当时最受欢迎的网络浏览器Netscape Navigator添加一种

我是怎么走上前端开发这条路？首先，我是个文科生，大学里只学过vb，觉得计算机编程这东西太玄乎，不是我玩得转的。后来机缘巧合去做了一家互联网创业公司的HR，阅了上千份程序员的简历，面了上百个不同水平不同领域的程序员。跟程序员接触得越多，我越觉得编程是一件很有

State Of JavaScript2017调查结果已经出炉。作者对众多 JavaScript 开发者进行了调查，以了解现在前端开发者对前端各种技术栈、框架的使用情况与看法。根据 10 月份的State of the Octoverse 2017报告，在

React 的普及似乎在不断增长，在 Stack overflow 2017 年最受欢迎的组件库中，React 处于领先地位：。React 的虚拟 DOM，声明性地描述用户界面和模拟界面状态的能力，以及相对较低的门槛，都使 React 成为构建 UI 很好

TL;DR——什么是好的单元测试?其实我是个标题党，单元测试根本没有“艺术”可言。单元测试的好坏在于“单元”而不在“测试”。简单数据结构可以判等。首先， TDD 肯定是有价值的。反对TDD的原因一般比较明显，对于TDD是否带来正收益不确定。某些项目质量要求

js里的事件循环机制十分有趣。从很多面试题也可以看出来，考察简单的setTimeout也就是考察这个机制的。在之前，我只是简单地认为由于函数执行很快，setTimeout执行时间即便为0也不会马上输出，而是等待函数执行完后再输出。实际上其运行机制就是js中

不好意思，没有像其他公众号一样赶着发文章，每年到这个时候总有一大波什么今年前端预测，技术框架预测什么的。我这次写这篇文针对的对象，是想在今年踏入前端这行的人们，不管你现在是徘徊在门口，还是已经半只脚踏入这片未知领域，都可以参考一下先行者的经验。前端不再直接

将近4年前，我写了一篇名为《Future of Web and Mobile: HTML5, CSS3 and Javascript》的博客文章，其中我提到了Javascript的出现，以及JavaScript框架，例如jQuery、Knockout等的

比较React与Angular 2.0，探讨二者各自的优势与短板。React负责解决其它JavaScript框架所面对的一大常见难题，即对大规模数据集的处理。Angular 2相较于Angular 1迎来一系列强化。如上所述，React是一套用于创建响应式

项目起源还记得@jayli 的这幅前端知识结构图么。图片的形式具有诸多的不便。缺失源图的我们，无法为此图贡献些什么，随着时间的迁移，或许有些技术点会发生改变，所以有了这个github项目。Git的历史记录也可以见证前端行业的一些变迁。尽管会变成文字的方式来

然而，开发支持触摸屏的网页与传统意义上的网页有很大的不同。就拿鼠标hover事件来说，例如页面上有一个表格，当鼠标指向表格的title时你希望在附近的某个地方显示一个浮动的tooltip。当然，你希望这个tooltip能更加引起浏览者的注意，因此你自定义了