javsscript总结】的更多相关文章

JavsScript+dom DOM(兼容性) 用于操作文档树 1.帮助我们找到标签 直接查找 间接查找 getElementById getElementsByTageName 2.标签操作 内容: 1.文本框  t.value='aaa' 2.a标签   b.innerText(没有html格式,纯文本) b.innerHtml(有html格式) 例子:文本框文字消失 class: 1.引用class样式中的注意 className classList.remove(名) classList…
1.首先在problem>errors中删除所有js错误: 如下图 2.然后再勾选掉javascript Validator: 3.clean下项目吧,你会发现再也不出现js红叉叉了,哈哈.…
1.JSEnhancements 折叠JS和CSS代码 http://visualstudiogallery.msdn.microsoft.com/0696ad60-1c68-4b2a-9646-4b5f4f8f2e06/ (支持2010) http://visualstudiogallery.msdn.microsoft.com/4be701d8-af03-40a4-8cdc-d2add5cde46c (支持2012 2013)…
XMLHttpRequest是一个浏览器接口,使得Javascript可以进行HTTP(S)通信. 最早,微软在IE 5引进了这个接口.因为它太有用,其他浏览器也模仿部署了,ajax操作因此得以诞生. 但是,这个接口一直没有标准化,每家浏览器的实现或多或少有点不同.HTML 5的概念形成后,W3C开始考虑标准化这个接口.2008年2月,就提出了XMLHttpRequest Level 2 草案. 这个XMLHttpRequest的新版本,提出了很多有用的新功能,将大大推动互联网革新.本文就对这个…
单页or多页 webapp 现状 优劣之分 网络传输优化 综述 fake页-首屏加速 降低请求数 降低请求量 缓存Ajax/localstorage DOM操作优化 综述 关于页面渲染 减少使用定位属性(fixed/absolute) 奇技淫巧 内存资源优化 体验优化 区域滚动 点击响应 结语 单页or多页 本文仅代表个人观点,不足请见谅,欢迎赐教. webapp 小钗从事单页相关的开发一年有余,期间无比的推崇webapp的网站模式,也整理了很多移动开发的知识点,但是现在回过头来看,webapp…
题记 做好前端 关于离职 如何成为优秀的前端 书籍推荐 博客推荐 源码阅读 去面试 14年计划 招聘信息 题记 四月前,低迷.失志踌躇不前形容自己再好不过,中途来了一次彻底的醒悟,于是我发现自己变得勤奋了,我发现自己乐于付出了,因为我知道安逸的生活磨砺不出优秀的能力,没有能力的人何来安逸?于是我清晰了自己的理想,明确了自己的目标天道酬勤,敢于自省且突破自身的人总会得到上天的眷念,前提是你是不是正在作死!想找个好点的工作安逸度日,一点一点的吃着老本,甚至还感觉游刃有余?不再精进自己的能力,做着毫无…
在javaScript中变量使用var声明的变量是当前作用域的变量,不使用var声明的则肯定是全局变量. http://msdn.microsoft.com/zh-cn/library/dn645450.aspx…
<script> document.getElementById("a").addEventListener("click", function() { alert("1"); }); document.getElementById("a").addEventListener("click", function() { alert("2"); }); document.get…
阿里巴巴广招前端.Java.测试.算法人才,只要你有一技之长,精通于某项领域,无学历要求,都可以来试试,有兴趣的联系luyong.sunly@alibaba-inc.com…
由于同源策略的限制,JavaScript跨域的问题,一直是一个比较棘手的问题,为了解决页面之间的跨域通信,大家煞费苦心,研究了各种跨域方案.之前也有小网同学分享过一篇“跨域,不再纠结” 开始照着尝试时还是有些不够明白的地方,深入了解之后,这里给大家补充一点更具体的做法. 先来看看哪些情况下才存在跨域的问题: 其中编号6.7两种情况同属于主域名相同的情况,可以设置domain来解决问题,今天就不讨论这种情况了. 对于其他跨域通信的问题,我想又可以分成两类: 其一(第一种情况)是a.com下面的a.…
摘要:Javascript模板引擎作为数据与界面分离工作中最重要一环,受到开发者广泛关注.本文通过开发实例解析五款流行模板引擎:Mustache.Underscore Templates.Embedded JS Templates.HandlebarsJS.Jade templating. 近日一位20岁的开发者Jack Franklin在<The top 5 JavaScript templating engines>一文中向开发者们推荐了5款流行的JavaScript模板引擎.下面为该文的…
你很喜欢Gmail和Trello之类的单页面应用,但是不太确定该从何开始.也许你的JavaScript代码是如此的杂乱无章,以致于你很想在下一个项目上尝试下JavaScript MVC库和框架,却苦于没有头绪?我正在撰写一本单页面应用的书,所以我阅读了大量网上的相关资料.在这里我尝试提供一些看法,希望可以帮助你下决定. 简介 这里讨论的是时下最热的框架,AngularJS.Backbone.Ember和Knockout.同时提到了Batman.CANjs.Meteor和Spine,但是没有详细展…
摘要:选择JavaScript MVC框架很难.一方面要考虑的因素非常多,另一方面这种框架也非常多,而要从中选择一个合适的,还真得费一番心思.本文对JavaScript MVC框架Angular.Backbone.CanJS和Ember作了比较,供大家参考. 选择JavaScript MVC框架很难.一方面要考虑的因素非常多,另一方面这种框架也非常多,而要从中选择一个合适的,还真得费一番心思.想知道有哪些JavaScript MVC框架可以选择?看看 TodoMVC吧. 我用过其中4个框架:An…
现在,我们经常都可以看到复杂的JavaScript应用程序,由于这些应用程序变得越来越复杂,一长串的jQuery回调语句或者通过应用程序在各个状态执行不同的函数调用,这些做法都会变得无法再让人接受,这导致了JavaScript开发人员开始寻找一种组织和效率更优秀的开发方式. 实现组织和效率的其中一个最常用的架构模式,就是我们熟知的Model View Controller (MVC)模式,这种模式鼓励开发人员将其应用程序的不同部分分割为更易于管理的模块,我们不必使用一个函数直接调用数据库,通过创…
基于MVC的JavaScript Web富应用开发 Alex MacCaw,是一名Ruby/JavaScript程序员,在开源社区中很有名望,是Spine框架的作者,开发过Taskforce,Socialmod等大型开源项目,同时活跃在纽约.旧金山和柏林的各大Ruby/Rails会议. 第11章 Spine类库 设置 类 实例化 类扩展 上下文 事件 模型 获取记录 模型事件 校验 持久化 控制器 代理 元素 委托事件 控制器事件 全局事件 渲染模式 元素模式 构建联系人管理应用 联系人模型 侧…
本文参考自:XMLHttpRequest2 新技巧 (重点保留demo,方便自己日后查阅) HTML5是现在web开发中的热点,虽然关于web app和local app一直有争论,但是从技术学习的角度,html5技术无疑是值得学习的.最近看了看XHR2,大概了解了其中比之前进步的要点,记录下来以备日后复习: 首先,XHR2的官方注解可见:http://dvcs.w3.org/hg/xhr/raw-file/tip/Overview.html XHR2主要的新功能有(我平时开发遇到的): 上传下…
Client JS: Level 1 基本对象的掌握----------------------------------------->Library(兼容)/Widget(UI+功能)---------------------------------------------------------------->Framework/Web App(兼容+UI+功能+设计模式+性能) ECMAScript DOM/BOM/AJAX/HTML5对象 ----------------------&…
Document对象的属性 alinkColor,linkColor,vlinkColor:这些属性描述了超链接的颜色.linkColor指未访问过的链接的正常颜色,vlinkColor指访问过的链接的颜色,alinkColor指被激活的链接的颜色.这些属性对应于<html>文档中body标记的属性:alink,link和vlinkbgColor,fgColor:文档的背景色和前景色,这两个属性对应于<html>文档中<body>标记的bgColor和text属性coo…
1.简单性Javascript是一种脚本语言,它采用小程序段的方式实现编程它同样也是一种解释性语言.2.动态性Javascript是动态的,它可以直接对用户或者客户输入做出相应,无须经过Web服务程序.3.基于对象的语言Javascript是一种基于对象的语言,同时也是看作是一种面向对象的语言,这意味着它能运用自己已经创建的对象.4.安全性Javascript是一种安全性语言,它不允许访问本地的硬盘,并不能将数据存入到服务器上,不允许对网络文档进行修改和删除,只能通过浏览器实现信息浏览或者动态交…
<script type="text/javascript"> /** * “快速排序”的思想很简单,整个排序过程只需要三步: * (1)在数据集之中,找一个基准点 * (2)建立两个数组,分别存储左边和右边的数组 * (3)利用递归进行下次比较 * @param {Object} arr */ function quickSort(arr){ if(arr.length<=1){ //如果数组只有一个数,就直接返回: return arr; } //找到中间数的索引…
ocation.search是从当前URL的?号开始的字符串 如:http://www.51js.com/viewthread.php?tid=22720 它的search就是?tid=22720 eg: function getQueryString(name) {    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");    var r = win…
JS对象的数据类型分为两大类:原始类型(string, boolean, number,undefined, function)和 对象类型(array, object, null). 1.浅度克隆 浅度克隆原始类型为值传递,对象类型为引用传递(即修改数组或对象值会同时修改另一个数组或对象相应的值) function clone(origin, target) { var target = target || {}; for (var key in origin) { target[key] =…
var dateStart = new Date(); //开始时间var dateEnd = new Date(); //结束时间 var timePeriod = dateEnd.getTime()- dateStart.getTime(); //时间差的毫秒数 //计算出相差天数(24*3600*1000 为1天的毫秒数) var days = Math.floor(timePeriod /(24*3600*1000)) //计算出小时数 var hourPeriod = timePeri…
1. 在HTML中使用javascript 在使用script嵌入脚本时,脚本内容不能包含'</script>'字符串(会被认为是结束的标志).可以通过转义字符解决('\') 默认script引入的顺序执行,可以通过defer与async属性来改变: 引入的文件拓展名.js并不是必须的,后台可以动态生成脚本返回(jsonp),但确保服务器返回正确的MIME类型 noscript元素 2.  变量…
1.JSON.parse(jsonString) JSON.parse(jsonString):将一个JSON格式的字符串字面值,转换成JSON对象,它的逆运算方法是JSON.stringify(obj),利用它将JSON格式的对象转成字符串字面值,用于提交请求, 请留意下面例子的单引号和双引号 var str = '[{"href":"baidu.com","text":"test","orgId":12…
节点及其类型 元素节点 属性节点: 元素的属性, 可以直接通过属性的方式来操作. 文本节点: 是元素节点的子节点, 其内容为文本. 在 html 文档的什么位置编写 js 代码 直接在 html 页面中书写代码, js 和 html 强耦合, 不利用代码的维护 一般地, 不能在 body 节点之前来直接获取 body 内的节点, 因为此时 html 文档树还没有加载完成, 一般地, 在 body 节点之前编写 js 代码, 但需要利用 window.onload 事件,该事件在当前文档完全加载之…
直接定义一个匿名函数,并立即调用: (function(){     //TODO: }()); 说明:function之前的左圆括号是必需的,如果不写这个,JavaScript解析器会试图将关键字function解析为函数声明语句.   迭代方法(every.fileter.forEach.map.some) 2.1:every 和 some var number = [1,2,3,4,5,4,3,2,1]; var everyResult = number.every(function(it…
​ //沙箱:模块化,沙箱是一个隔离的环境,最大的好处就是避免全局变量的污染. var model = (function () {//一个匿名的立即执行函数 var price = 900;//这是一个model局部的变量,外界无法访问,无法修改 //有效的保障了属性的安全性 return { pay: function (money) { if (money < price) { console.log("您的消费不够,请继继续消费"); } else { console.l…
在介绍JSONP之前,先简单的介绍一些JSON.JSON是JavaScript Object Notation的缩写,是一种轻量的.可读的基于文本的数据交换开放标准.源于JavsScript编程语言中对简单数据结构和关联数组的展示功能.它是仅含有数据对和简单括号结构的纯文本,因此可通过许多途径进行JSON消息的传递. 1. JSONP定义 JSONP是英文JSON with Padding的缩写,是一个非官方的协议.它允许在服务器端生成script tags返回至客户端,通过javascript…