2015年10月_zhangzhao100110

js中的作用域链浅谈

看题说话,分析一下以下代码的作用域 var x = 10;function a() { console.log(x);}function b () { var x = 5; a();}b(); 简单分析一下这个程序吧,虽然不敢保证理解完全正确.先简单介绍点概念. 执行上下文 ...

2015-10-23 17:48:07 255

mvc,mvp,mvvm简介

Javascript中的MVC，MVP，MVVM总结 MVC是一种架构设计模式，它通过关注点分离鼓励改进应用程序组织。它强制将业务数据(Model)与用户界面(View)隔离，第三个组件(Controller)仍然管理逻辑和用户输入。这种模式是Smalltalk-80的研究期间设计出来的，这其中有一些有趣的地方： Model 代表特定于领域的数据，不了解...

2015-10-18 16:24:41 197

js函数名的疑惑

function a(b) { console.log(b) b = function c() { b = 2 c = 3 console.log("b:change",b); console.log("c:",c); } console.log("b:before",b);...

2015-10-17 12:15:37 146

原创 Javascript是单线程的深入分析

本来想总结一下的，网上却发现有人已经解释的很清楚了，特转过来。这也解释了为什么在用自动化测试工具来运行dumrendtree时设定的超时和测试case设定的超时的关联性。面试的时候发现99%的童鞋不理解为什么JavaScript是单线程的却能让AJAX异步发送和回调请求，还有setTimeout也看起来像是多线程的？还有non-blocking IO, event loop等概念很不清...

2015-10-15 11:26:23 175

原创 Chrome浏览器使用Console调试(四)

Console API Console API为web应用提供了写信息到控制台的方法,创建了js 的profiles,初始化一个debugging session console.assert(expression,object) 假如执行expression是false,那么信息会以堆栈跟踪的方式显示的console中.在下面的例子,断言信息会...

2015-10-14 14:49:27 641

原创 Chrome浏览器使用Console调试(三)

异常和错误处理 Chrome DevTools提供了在javascript中抛出异常和调试错误信息帮助你来修正web页面. 页面异常和js错误实际上相当有用--你能获取它们背后的详细信息.当一个页面抛出异常或者一个脚本产生错误时,控制台提供了详细的,可依赖的信息帮你定位和纠正问题. 在控制台你可以追踪异常和追踪执行路径,明确地或者隐含地捕获它们(...

2015-10-12 14:58:54 547

Chrome浏览器使用Console调试(二)

比较相似数据对象使用table()方法查看结构数据和比较数据对象 table()方法提供了一个简单的方式查看那些包含相似数据的对象和数组。当被调用的时候，该方法将提取一个对象的属性，并且将其建立一个Header。每一个属性就会按照索引在一行里输出。基本用法：打印一个数组对象在大多数form中，你需要的是一个数组，里面有大量相同属性的对象...

2015-10-12 14:41:51 357

Chrome浏览器使用Console调试(一)

个人翻译能力有限,凑活着看吧,原链接 https://developers.google.com/web/tools/javascript/console/ 这次先翻译了前两节(浏览控制台/诊断和打日志到控制台),后三节会陆续翻译使用控制台当一个页面在浏览器中的时候，控制台允许使用标准的JavaScript语句和控...

2015-10-09 17:22:14 7655 1

原创 js的异步加载

默认情况javascript是同步加载的，也就是javascript的加载时阻塞的，后面的元素要等待javascript加载完毕后才能进行再加载，对于一些意义不是很大的javascript，如果放在页头会导致加载很慢的话，是会严重影响用户体验的。如何解决这个问题呢,接下来将为你详细介绍下异步加载js三种实现方案,感兴趣的你可以参考下 (1) defer，只...

2015-10-08 18:54:57 176

zeromike