随笔分类 - JAVASCRIPT
摘要：关键点:1.制作一个表单..然后把上传字段附加到该表单中2.制作一个框架..把表单的_target的属性指向该框架.3.提交表单..jQuery.extend({ createUploadIframe: function(id, uri) { //creat...
阅读全文
摘要：JavaScript针对Dom相关的优化心得组内同时总结的关于javascript性能优化注意些节。记录一下。1.批量增加Dom尽量使用修改innerHTML的方式而不是用appendChild的方式;因为使用innerHTML开销更小,速度更快,同时也更加内存安全.有一点需要注意的是,用inner...
阅读全文
摘要：今天要和大家分享的是angular从1.2版本开始带来了新语法Controller as。再次之前我们对于angular在view上的绑定都必须使用直接的scope对象，对于controller来说我们也得必须注入$scope这个service。如下：angular.module("app",[...
阅读全文
摘要：在Angularjs开发一些经验总结随笔中提到我们需要按照业务却分angular controller，避免过大无所不能的上帝controller，我们把controller分离开了，但是有时候我们需要在controller中通信，一般为比较简单的通信机制，告诉同伴controller我的某个你所...
阅读全文
摘要：如果你是一个angular的开发者的话，对于ng-html2js你应该 很熟悉。对于angular的指令，我们经常需要定义模板( directive template/templateUrl),你可以选择讲html page 放在真正的的web容器中寄宿，也可以选择angular的ng-templa...
阅读全文
摘要：在我们的web page，特别是移动设备上，太多的angular $watch将可能导致性能问题。这篇文章将解释如何去移除额外的$watch提高你的应用程序性能。 $watch如果不再使用，我们最好将其释放掉，在angular中我们可以自由的选择在什么时候将$watch从$watch列表中移除。让...
阅读全文
摘要：自从上一篇文章到现在已经有将近一个月的时间，我将精力放在了前端页面分解与组装，和angularjs如何与jquery、bootstrap、D3等一系列其他类库结合使用的经验总结上。由于公司新招了一些员工，对于我而言快速的做出demo页面用以示范，是让新人快速上手的最佳方案。即使这段时间工作较忙，写这...
阅读全文
摘要：null和undefined都是一种类型..typeof查看变量类型.不要为该函数迷惑..因为他只是看上去官方!见http://www.cnblogs.com/zhepama/articles/3031868.htmlundefined是指某个变量的值在内存中不存在；null是指某个变量的值在内存中存在，但它是空的，除了这个“空”以外什么内容也没有所以申请了一个变量.没有赋值就是undefined
阅读全文
摘要：在javascript函数体内，标识符arguments具有特殊含义。它是调用对象的一个特殊属性，用来引用Arguments对象。Arugments对象就像数组，注意这里只是像并不是哈。 javascript函数体内，arguments像数组(并不是真的数组，是一个Arguments对象，再次强调)一样，有length属性，可以代表传给函数的参数的个数。 引用一个形式参数可以用参数名，也可以用arguments[]数组形式，其中arguments[0]表示第一个参数。 所以，javascript中Arguments对象是函数的实际参数，下面，我们一起来进入这神奇的国度，一窥究竟。转化为数组：一
阅读全文
摘要：解决办法有如下几种: 1、在服务端加 header("Cache-Control: no-cache, must-revalidate");(如php中) 2、在ajax发送请求前加上 anyAjaxObj.setRequestHeader("If-Modified-Since","0"); 3、在ajax发送请求前加上 anyAjaxObj.setRequestHeader("Cache-Control","no-cache"); 4、在 Ajax 的 URL 参数后加上 "?fre
阅读全文
摘要：数组是JavaScript提供的一个内部对象，它是一个标准的集合，我们可以添加(push)、删除(shift)里面元素，我们还可以通过for循环遍历里面的元素，那么除了数组我们在JavaScript里还可以有别的集合吗?由于JavaScript的语言特性，我们可以向通用对象动态添加和删除属性。所以Object也可以看成是JS的一种特殊的集合。下面比较一下Array和Object的特性:Array:新建:var ary = <nobr><a class="iAs" oncontextmenu="return false;" onmouse
阅读全文
摘要：https://developer.mozilla.org/en-US/docs/Web/API
阅读全文
摘要：querySelector 和 querySelectorAll 方法是W3C Selectors API规范中定义的。他们的作用是根据 CSS 选择器规范，便捷定位文档中指定元素。目前几乎主流浏览器均支持了他们。包括 IE8(含) 以上版本、 Firefox、 Chrome、Safari、Opera。querySelector 和 querySelectorAll 在规范中定义了如下接口：module dom { [Supplemental, NoInterfaceObject] interface NodeSelector { Element querySelector(in DOMStr
阅读全文
摘要：多年以来，我看到大量关于javascript函数调用的困惑。尤其，许多人抱怨函数调用中“this”的语意是混乱的。在我看来，大量这样的混乱可以通过理解核心函数调用原语被清理，然后再看所有其他在原语之上进行包装的调用函数的方法。实际上，这正好是ECMAScript规格对这个问题的考虑。在某些领域，这个是一个规格的简化，但基本思想是一样的。核心原语首先，我们来看核心函数调用原语，一个函数的调用方法[1]。这个调用方法是相对直线向前的（The call method is relatively straightforward.）。1.构造参数列表（argList）从参数1到最后2.第一个参数是thi
阅读全文
摘要：创建，测试和维护大型的JavaScript代码库是很困难的，而且这边的资料和教程非常难找。Superhero.js集合这方面的最好的文章，视频和演示文稿资料。这个列表的文中是持续更新的，可以随时来关注！
阅读全文
摘要：补码在计算机系统中，数值用补码来表示。任何数值 n 的位反等于 -(n + 1):1~n === -(n + 1)可以得到：12345678~9 === -10~8 === -9~1 === -2~0 === -1~-1 === 0~-2 === 1~-9 === 8~-10 === 9很明显，只有 ~-1 才等于 0. 对非 -1 值取反永远不为 0.String#indexOfString 的 indexOf 方法，找到时，返回自然数；没找到，则返回 -1. 常见代码：123if (str.indexOf('sub') !== -1) {// code}利用位反操作，可简化
阅读全文
摘要：克军做了一系列测试：js和css的顺序关系，给出了现象和结论，但未给出原因。JS 和 CSS 在页面中的位置，会影响其他资源（指 img 等非 js 和 css 资源）的加载顺序，究其原因，有三个值得注意的点：JS 有可能会修改 DOM.典型的，可能会有document.write. 这意味着，在当前 JS 加载和执行完成前，后续所有资源的下载有可能是没必要的。这是 JS 阻塞后续资源下载的根本原因。JS 的执行有可能依赖最新样式。比如，可能会有var width = $('#id').width(). 这意味着，JS 代码在执行前，浏览器必须保证在此 JS 之前的所有 css
阅读全文
摘要：1. head里的顺序如下，考虑会对请求有何影响：a. 外部js在css前面<script src="1.js"></script><link rel="stylesheet" type="text/css" href="1.css?sleep=5s"><link rel="stylesheet" type="text/css" href="2.css?sleep=5s">b. 外部js在css后面<l
阅读全文
摘要：对于浏览器端来说，大多数事件都是异步的，但是有部分事件却不是，这部分事件称做同步事件，因此它们都是立即执行的，完全不理会前几篇文章中所提到的事件队列。以及浏览器的渲染、重绘等操作，也会打乱之前我们好不容易所建立起来的事件队列的概念。不过，本篇将会陆续不断的把这些坑给填上。同步事件DOM改变事件(DOM Mutation events)下面的Demo便用于说明同步事件之一的DOM Mutation events（注：该事件不支持Chrome浏览器）。123456789101112131415161718192021<a href="http://heroicyang.com/&q
阅读全文
摘要：对于浏览器内部，大部分操作都是异步的生成事件并添加到JavaScript引擎线程的队列中，然后由JavaScript引擎线程进行调度执行。因此浏览器的很多事件都是和JavaScript相结合的，但是也有一些内部的限制。首先我们非常确定JavaScript是单线程的，对于浏览器来说，一个窗体中只有一个JavaScript引擎线程。而其他的行为，如：渲染、下载等是由单独的线程进行管理的，且具有不同的优先级。异步事件前面提到大多数事件都是异步的，触发的时候就将回调函数添加到事件队列。浏览器提供了一个内部的回路，也就是之前所谈到的Event Loop，由它来负责检查队列和处理事件、执行函数等。详细可参
阅读全文
