轻量级Web开发
使用并扩展jQuery(编写一些插件函数)
jQuery是一个非常小巧好用的工具,它的地位差不多根HTML/CSS一样,算是fundamental的配置了。
最终结果 这篇文章将讨论如何编写一个简单的jQuery插件的基本步骤和实践,最后完成的时候,我们会得到一个管理todo的插件(而且还是一个比较灵活,易于定制的todo插件)。事实上,这个插件可以工作在所有与管理todo类似的应用场景中,比如gmail的搜索框中的token等, …学习使用underscore.js来处理数据
后台返回的数据总是难以如我们所愿,因此前端开发离不开对数据的简单加工。underscore.js可以极大的简化这个过程,使得处理数据变得更加有趣。
underscore.js中的集合操作 书接前文,我们在上一篇中将一个文本划分成了单词的数组,并统计了每个单词出现的频率。现在我们需要将排行前10的单词找出来。那么第一步就是将所有单词按照频率排序,然后将这个集合的前10个拿出来。 underscore.js为集合提供了丰富的API, …使用pure.css作为CSS框架
Bootstrap当然很强大,但是你真的需要那么多的组件吗?pure.css可能更适合你的小型项目
编辑器可能比IDE更高效
WebStorm,Intellij等超级好用,但是相信我,你的小项目压根用不到那么多牛逼的功能。Sublime Text或者Vim就已经足够了,而且更加轻便。不过你可能需要搭配几个命令行的小工具。
现代Web页面开发流程 通常来说,Web页面开发的流程大致是这样的:设计师(设计师不是美工,就像程序员不是码农一样)提供设计稿,通常是图片格式。然后前端的开发人员(在ThoughtWorks我们称之为UI Dev)来手工的将图片转换为对应的HTML+CSS,往往还需要在各个浏览器中调试等。 …放在一起
看看这个链接里的小应用,我只用了jQuery+underscore.js,所有的工作都在命令行和Sublime Text完成,而且仅仅花了我一个上午的时间。
一个监控系统 我们今天要使用underscore.js和jQuery来构建一个客户端的应用,这个应用是一个监控系统的前端,设计师已经给出了界面设计: 而对应的服务器端的API也已经就绪了: 1 $ curl http://localhost:9527/alarms.json -s | jq . …
评论(1)