QCon2013上海站总结 -- 前端开发
选择这个专题开始主要有两个原因:一是这次会议关于前端开发的内容不多。二是我做过几年前端开发,这个专题对我来说会容易点:)
这次QCon上海关于前端开发有一个Keynote,一个Javascript专题。另外就是别的专题中顺带到的分享,如前端测试。具体链接如下:
- Javascript生态圈:http://www.qconshanghai.com/node/318
- 前端开发的Keynote:http://www.qconshanghai.com/node/410
- 前端测试:http://www.qconshanghai.com/node/347
- Javascript in Facebook (ReactJS): http://www.qconshanghai.com/node/345
- Web App主要职责:资料呈现和用户交互
- Web领域过去10多年最稳定的技术就是HTML(一直就那些标签而已),这背后主要的原因是HTML标准关注的语义描述,而不是具体实现,并且够简单够直接。
- Web App未来的趋势:
- 去框架化(或者叫标准化):我们现在有太多的前端框架,如JQuery、YUI、ExtJs,而且它们都不相容,最关键的是它们做的很多事情都是类似。这给前端开发带来了很多不必要的麻烦和开发成本。其实Javascript标准ECMAScript已经升级到V6,里面已经标准化了很多框架做的事情(而且都是最佳实践),如继承。前端开发应该尽量去框架化并拥抱新的ECMAScript标准。面对现在主流浏览器都只支持ECMAScript V3的问题,你可以找到很多开源软件(如JSTransform, esprima, google traceur-compiler等)把你的JS Codes转化成现在浏览器所能支持的版本去运行。
- 组件化:我们应该学习HTML标准,把前端的组件逻辑,状态和它的具体绘制逻辑给分离开。在现在的前端开发中,我们经常用CSS来表示一个组件的状态(如用特定的CSS Class来表示一个Tabs组件当前Active Tab,这就是一种典型的利用下层绘制技术来表达组件状态的例子。这种方式让组件的逻辑层和它的实现层混合在一起,非常不利于开发,维护和跨平台。Facebook为此提出了一套自己的解决方案:ReactJs。你可以参考上面的链接了解更多细节。
- 自适应化:面对现在客户端的碎片化,前端开发面临的一个大挑战就是怎样在不同设备上呈现内容。目前普遍的做法就是针对每种终端重做一份。Hedger认为这种方案并不是最佳的(需要额外的开发人员,不同终端上的功能不同步),我们应该在组件化的基础上实现组件的自适应化。让各个不同终端共用统一组件逻辑,而让组件自身能够自适应它所运行的终端。现在Facebook已经开始这样做了。
- 声明化:声明化应该是针对传统我们的命令式编程方法而言。它强调的是对问题自身的描述,而不是怎样通过命令式的逻辑流去解决一个问题。SQL就是一种典型的声明式语言。这个应该是最近开发语言的一个主要发展方向(如函数编程)。关于它怎样运用到前端开发,本人还是理解不多~~
- 并行化:传统的浏览器一直是单线程模式,它极大的限制了Web App的表现能力。现在Google从WebKit中分支出自己的Blink项目,一个非常重要的功能就是给浏览器添加并行化运行的能力。一旦这个做成了(而且成功的可能性非常大,毕竟Google有自己的浏览器和牛逼的人),前端WebApp的表现能力将会有很大改善。
- 顺势而为的Web自动化测试:这个讲座主要是关注怎样保证测试用例的稳定性。其基本思想是从用户的行为角度来设计测试用例,并用XML的方式表达它,然后利用专门的工具把XML测试用例翻译成可以在前端页面上运行的测试用例并运行。这样就隔离了测试用例和具体DOM Tree的实现,从而保证了测试用例的稳定性。
- totoro - 简单易用、稳定的前端单元测试工具:这个讲座主要是从测试环境的角度去保证测试的稳定和高效。该讲座分享了支付宝是怎样建立一个高效、稳定、支持多浏览器的测试环境。该环境大大提高了前端开发人员的效率并保证了前端的质量。个人觉得是一个不错的分享,值得前端团队学习一下。
QCon2013上海站总结 -- 前端开发的更多相关文章
- 总结:Mac前端开发环境的搭建(配置)
新年新气象,在2016年的第一天,我入手了人生中第一台自己的电脑(大一时好友赠送的电脑在一次无意中烧坏了主板,此后便不断借用别人的或者网站的).macbook air,身上已无分文...接下来半年的房 ...
- 前端开发:面向对象与javascript中的面向对象实现(二)构造函数与原型
前端开发:面向对象与javascript中的面向对象实现(二)构造函数与原型 前言(题外话): 有人说拖延症是一个绝症,哎呀治不好了.先不说这是一个每个人都多多少少会有的,也不管它究竟对生活有多么大的 ...
- openresty 前端开发入门五之Mysql篇
openresty 前端开发入门五之Mysql篇 这章主要演示怎么通过lua连接mysql,并根据用户输入的name从mysql获取数据,并返回给用户 操作mysql主要用到了lua-resty-my ...
- JS高级前端开发群加群说明及如何晋级
JS高级前端开发群加群说明 一.文章背景: 二. 高级群: 三. 加入方式: 四. 说明: 一.文章背景: 去年年初建了几个群,在不经意间火了,一直排在“前端开发”关键字搜索结果第一名.当然取得这 ...
- web前端开发分享-目录
1. web前端开发分享-css,js入门篇 2. web前端开发分享-css,js进阶篇 3. web前端开发分享-css,js提高篇 4. web前端开发分享-css,js工具篇 5. web前端 ...
- 前端开发:setTimeout与setInterval 定时器与异步循环数组
前端开发:setTimeout与setInterval 定时器与异步循环数组 前言: 开通博客园三个月以来,随笔记录了工作中遇到的大大小小的难题,也看过无数篇令人启发的文章,我觉得这样的环境是极好的, ...
- 前端开发:面向对象与javascript中的面向对象实现(一)
前端开发:面向对象与javascript中的面向对象实现(一) 前言: 人生在世,这找不到对象是万万不行的.咱们生活中,找不到对象要挨骂,代码里也一样.朋友问我说:“嘿,在干嘛呢......”,我:“ ...
- 前端开发:css基础知识之盒模型以及浮动布局。
前端开发:css基础知识之盒模型以及浮动布局 前言 楼主的蛮多朋友最近都在学习html5,他们都会问到同一个问题 浮动是什么东西? 为什么这个浮动没有效果? 这个问题楼主已经回答了n遍.今天则是把 ...
- 前端开发:Javascript中的数组,常用方法解析
前端开发:Javascript中的数组,常用方法解析 前言 Array是Javascript构成的一个重要的部分,它可以用来存储字符串.对象.函数.Number,它是非常强大的.因此深入了解Array ...
随机推荐
- SQL —— 一些需要注意的地方(持续更新)
TRUNCATE 只适用全表,没有 WHERE 语句 rownum < N 不能和 group by 一起使用 NULL 值通常会限制索引.在创建表时对某一列指定 NOT NULL 或 DEFA ...
- HDU4749 Parade Show(KMP)
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=4749 题意:给出两个数字串A.B.问A中有多少不相交的子串a能匹配B.匹配的意思是a中任意两个位置i和 ...
- SQL Server Object Explorer in VS
菜单栏View-->SQL Server Object Explorer 默认有几个连接,可以根据需要自己再另外添加 比如添加127.0.0.1 建立连接之后,剩下的操作和sql server中 ...
- 一、Oracle分析函数入门
分析函数是什么?分析函数是Oracle专门用于解决复杂报表统计需求的功能强大的函数,它可以在数据中进行分组然后计算基于组的某种统计值,并且每一组的每一行都可以返回一个统计值. 分析函数和聚合函数的不同 ...
- JavaScript 高级篇之闭包、模拟类,继承(五)
本篇主要分享我对闭包的理解及使用闭包完成私有属性.模拟类.继承等,结合大量例子,希望大家能快速掌握!首先让我们先从一些基本的术语开始吧 一.javascript中的闭包 1.我们一起先来理解什 ...
- ionic中登陆逻辑控制
问题 登陆成功后从login.html调转到home.html,此时在home页面按back键又回到了login.html . 解决方案 登陆成功后,清除导航历史堆栈. 具体代码 menu.html ...
- UVa 340 Master-Mind Hints
蛋疼的题目描述,看了好长好长时间才看懂,题目本身是很简单的. Designer给出一串长度为N的Code,Breaker用Guess来破译. 对于两串数字,如果有同一列相等的数字,那么叫做strong ...
- 漫游Kafka设计篇之数据持久化
Kafka大量依赖文件系统去存储和缓存消息.对于硬盘有个传统的观念是硬盘总是很慢,这使很多人怀疑基于文件系统的架构能否提供优异的性能.实际上硬盘的快慢完全取决于使用它的方式.设计良好的硬盘架构可以和内 ...
- ASP.NET vs MVC vs WebForms
许多ASP.NET开发人员开始接触MVC认为MVC与ASP.NET完全没有关系,是一个全新的Web开发,事实上ASP.NET是创建WEB应用的框架而MVC是能够用更好的方法来组织并管理代码的一种更高级 ...
- C++实现日期类(Date类)
#include<iostream>using namespace std;class Date{public: Date(int year = 1900, int month = ...