浅谈面向对象的 JavaScript 【2015-06-09】最近在学习 Ross Harmes/Dustin Diaz 写的《JavaScript 设计模式》,大概将此书看了两遍,很有收获。此书适合于想深入学习JavaScript的同学,用来增加你的内功。能够帮助你增强对JavaScript面向对象的理解,同时学习各种具体的设计模式,懂得应该在什么场合使用这些设计模式,以及如何实现它们,写出更优雅的代码。这篇文章用于总结我的读书笔记 ...
只想靠两手,向理想挥手 【2015-05-18】只想靠两手,向理想挥手,这是来自 Beyond 的《不再犹豫》里面的一句歌词。大概从初中起就喜欢听 Beyond 的歌,陆陆续续一直听到大学,每一次看他们以前演唱会视频都特别兴奋和激动。带给我的大部分是积极向上的力量和一种酷酷的精神。回到文章,这篇文章主要是记录自己找工作的过程,顺便总结一下大学四年的校园生活 ...
Can We Do Better Than The Click? 【2015-03-30】响应用户的输入可以说是我们做界面开发的核心。为了构建可响应的 Web 产品,g关键是理解触摸、鼠标、指针、键盘操作和浏览器的工作原理是。你可能在手机浏览器中经历过 300 ms 的延迟或者通过触摸来滚动带来的不爽。在本文中,我们将介绍事件级联和使用这些知识来实现演示一个点击事件,支持许多输入方法但是又没有违反像 Opera Mini 这一类的代理浏览器规则...
深入浅出 Nodejs 读书笔记 【2015-03-01】今天终于把朴灵老师写的《深入浅出 Node.js》给学习完了, 这本书不是一本简单的 Node 入门书籍,它没有停留在 Node 介绍或者框架、库的使用层面上,而是从不同的视角来揭示 Node 自己内在的特点和结构。建议有一定 Node 基础或者做过 Node 方面的小项目的同学阅读,看完以后你的思维会有很奇特的碰撞,我看的时候就常常会有这样的想法:“哦,原来这个功能是这样实现的哦”。下面这篇文章是我第二次阅读《深入浅出 Node.js》的一些学习记录,并且通过百度脑图这个工具来画出思维导图,每天将自己的学习总结写在这篇文章下面 ...
使用 React 提高 Angular 的渲染性能 【2015-02-23】当你使用 Angular 的时候你遇到过性能问题吗?使用 React 可以使页面渲染得更快。下面通过几个案例来对比用React 来渲染 Angular 和直接使用 Angular 来渲染之间的性能差异 ...
前端开发流程工具 Yeoman 【2015-02-21】在上一篇文章中我们介绍了可以帮助我们自动管理和运行各种JavaScript任务的Grunt,再上一篇文章我们介绍了前端包管理器Bower,这篇文章我们来介绍Yeoman这个神奇的脚手架,Yeoman是Google的团队和外部贡献者团队合作开发的,他的目标是通过Grunt(一个用于开发任务自动化的命令行工具)和Bower(一个HTML、CSS、Javascript和图片等前端资源的包管理器)的包装为开发者创建一个易用的工作流。下面我给大家大致来介绍下这个神奇的工具 ...
前端开发流程工具 Grunt 【2015-02-18】在上面一篇文章中,我们介绍了前端的包管理器 Bower,这次我们来了解前端应用开发流程工具 Grunt,在JavaScript 开发过程中,我们常常会遇到一些重复性的任务,譬如检查语法是否正确,压缩代码,合并文件,要是以前我们会选择不同的工具来完成不同的任务,但是这样感觉既复杂又耗时,但是现在有了 Grunt,Grunt 就是为了解决这些问题而发明的一个工具,可以帮助我们自动管理和运行各种 JavaScript 任务,简化我们的工作流程 ...
前端开发流程工具 Cmder 和 Bower 【2015-02-17】前端开发的确不是以前那种前端开发,如果说我们过去的前端开发是处于“刀耕火种”时代,那么现在的前端开发无疑已经进入了"工厂生产"的时代。近几年,随着Nodejs的出现,伴随着出现了很多优秀的前端开发管理工具,极大的方便着我们的前端开发,的确 Nodejs 是上帝送给我们前端开发工程师最好的礼物。下面几篇文章我给大家来介绍一些前端开发过程中需要用到的优秀的工具:Cmder、Bower、grunt、Yeoman ...
JavaScript编程实践过程中性能的优化 【2015-02-16】每种编程语言都有它的“痛点”,并且随着时间的推移,它存在的低效模式也不断发展。JavaScript提出了一些独一无二的性能挑战,这与你代码组织的方式有关,随着Web应用变得越来越高级,包含的JavaScript代码也越来越多,各种模式与反模式也逐渐出现,为了编写更高效的代码,请牢记这些编程实践 ...
Ajax 性能的优化 【2015-02-14】Ajax 是高性能 JavaScript 的基础,它可以通过延迟下载体积较大的资源文件来使页面加载更快,它通过异步的方式在客户端和服务器之间传递数据,从而避免页面资源一窝蜂的下载。它甚至可以只用一个 HTTP 请求就获得整个页面的资源。选择合适的传输方式和最有效的数据格式,可以显著改善用户和网站的交互体验 ...