7. 前端开发
云水木石
70后程序员,仍然战斗在编码第一线,长期从事浏览器内核研发。
展开
-
JS学习之JavaScript异步方法的单元测试
背景说明最近因工作上的原因,研究了一下JavaScript测试框架Jasmine。和其他的单元测试框架(比如JUnit等)类似,编写单元测试并不复杂,困难的是弄清楚被测试对象的输入输出,这里就不赘述了。在编写测试用例过程中碰到一个难题:某些JavaScript方法比较耗时,所以采用了异步方式,但和我们平常使用回调函数的方式不同,通过发送系统消息的方式通知,系统中定义了很多消息代码,通过消息代码而得知原创 2017-02-15 10:24:06 · 2167 阅读 · 0 评论 -
JS学习之保存Jasmine测试结果到文件
经过多番对比选择,项目中采用了Jasmine作为Javascript单元测试框架,在实际应用中,Jasmine也不负众望,很好的满足了测试需求。Jasmine测试结果展现的也比较直观,如下所示: 测试通过的用例用绿色的点表示,失败的用例用红色的小叉叉表示,接下来有失败用例的详细信息。这具备了测试报告所需的完整信息。那么问题来了,这个测试结果是即时运行得出的结果。首先,他只显示在被测试终端上。其原创 2017-02-15 18:11:04 · 1505 阅读 · 0 评论 -
JS学习之Jasmine中的timeout
最近被Jasmine中的异步超时弄得崩溃了,具体问题就是setTimeout,有时导致测试用例超时,有时又没有等待足够的时间。因此下定决心研究一下Jasmine中异步超时的用法。首先,看看jasmine文档给的例子:describe("long asynchronous specs", function() { var originalTimeout; beforeEach(func原创 2017-03-06 22:55:27 · 4440 阅读 · 0 评论 -
什么是渐进式Web App(PWA)?为什么值得关注?
注:这是一篇翻译的文章,原文地址:https://codeburst.io/what-is-progressive-web-app-and-why-should-you-care-e397e24b1257在开始PWA这个话题之前,我们先来看看Internet现状。截至2017年1月,全球有80.5亿台联网设备(超过目前全球人口的75亿)。 这其中55%(44.2亿)是智能手机设备。 移动翻译 2018-01-11 00:22:41 · 12361 阅读 · 0 评论 -
JavaScript是如何工作的:引擎、运行时及调用栈概述
注:本文翻译自网上的文章,原文地址:https://blog.sessionstack.com/how-does-javascript-actually-work-part-1-b0bacc073cf随着JavaScript越来越流行,团队在多个层面对其进行了支持 - 前端、后端、混合应用程序、嵌入式设备等等。本文是系列文章的第一篇,旨在深入研究JavaScript及其工作方式:我们认为翻译 2018-01-22 21:59:39 · 2595 阅读 · 0 评论 -
JavaScript是如何工作的:深入V8引擎&编写优化代码的5个技巧
注:本文翻译自网上的文章,原文地址:https://blog.sessionstack.com/how-javascript-works-inside-the-v8-engine-5-tips-on-how-to-write-optimized-code-ac089e62b12e本系列的第一篇文章重点介绍了引擎、运行时和调用堆栈。 第二篇文章将深入到Google的V8 JavaScript引翻译 2018-01-23 23:15:20 · 1543 阅读 · 0 评论 -
JavaScript是如何工作的:内存管理 + 4种常见的内存泄漏问题
注:本文翻译自网上的文章,原文地址:https://blog.sessionstack.com/how-javascript-works-memory-management-how-to-handle-4-common-memory-leaks-3f28b94cfbec本系列的第一篇文章重点介绍了引擎、运行时和调用堆栈。第二篇文章深入Google的V8 JavaScript引擎内部,并提供了翻译 2018-01-26 12:01:26 · 513 阅读 · 0 评论 -
玩转CSS3动画
因公司业务需要在Android WebView上增加对CSS3动画的支持,所以就先研究了一下CSS Animations。这篇文章主要站在前端开发人员的角度,试图阐述什么是CSS动画、包含哪些关键要素以及如何编写代码实现动画。先把这些捋清楚了,才好去考虑如何实现。首先,需要理解的是,CSS animations仍处在Working Draft阶段,这也意味着并非所有的浏览器都支持CSS ani...原创 2018-05-03 16:40:28 · 2586 阅读 · 0 评论