随笔- 96
文章- 3
评论- 35
阅读-
10万
随笔分类 - Javascript
设计模式-单例模式
摘要:开篇 编写高质量javascript代码的基本要点 1、最小全局变量 2、函数作用域和声明提前 3、命名规范 开篇 编写高质量javascript代码的基本要点 1、最小全局变量 2、函数作用域和声明提前 3、命名规范 命名函数表达式 命名函数表达式 函数声明: function 函数名称 (参数:
阅读全文
js判断是否在微信浏览器中打开
摘要:在iPhone下,返回Mozilla/5.0 (iPhone; CPU iPhone OS 5_1 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) Mobile/9B176 MicroMessenger/4.3.2在Android下,返回M...
阅读全文
cookie的使用
摘要:cookie的使用1.创建cookie对象:function addCookie(name, value) { var path = filterRoot(); var cookieString = name + "=" + escape(value) + ";domain=" + path+";p...
阅读全文
"编写高质量代码"一书笔记
摘要:总结css架构结构 : base : 共用样式 common: 通用控件样式 page: 页面级样式js 架构结构:base 位于三层最底层,职责一是封装不同浏览器下js的差异,提供统一的接口,依靠它来完成跨浏览器兼容的工作,职责二是扩展js语言底层提供的接口,让它提供 更多更为易用的接口,ba...
阅读全文
CSS3判断手机横屏竖屏
摘要:原理:当用户旋转屏幕的时候,会进入到你的监听方法中,然后通过window.orientation来获取当前屏幕的状态:0 - 竖屏90 - 逆时针旋转横屏-90 - 顺时针旋转横屏180 - 竖屏,上下颠倒如果你不希望用户使用横屏方式查看你的网页,你可以在设备旋转时间监听里面对body使用CSS3里...
阅读全文
http请求详解
摘要:GET GET方法意思是获取被请求URI(Request-URI)指定的信息(以实体的格式)。如果请求URI涉及到一个数据生成过程,那么这个过程生成的数据应该被作为实体在响应中返回而不是过程的源文本,除非源文本恰好是过程的输出。 如果请求消息包含 If-Modified-Since,,If-Unmo...
阅读全文
详解JavaScript中的this
摘要:详解JavaScript中的thisJavaScript中的this总是让人迷惑,应该是js众所周知的坑之一。 个人也觉得js中的this不是一个好的设计,由于this晚绑定的特性,它可以是全局对象,当前对象,或者…有人甚至因为坑大而不用this。其实如果完全掌握了this的工作原理,自然就不会走进...
阅读全文
转载:闭包的应用场景
摘要:什么是闭包?function a(){ var i=0;function b(){ alert(i); } return b; } var c = a(); c(); 全局变量c指定对 函数a的内部函数b的引用;内部函数b的执行需要...
阅读全文
转载:Javascript作用域原理
摘要:首先看一个例子:var name = 'laruence';function echo() {alert(name);var name = 'eve';alert(name);alert(age);}echo();运行结果是什么呢?上面的问题, 我相信会有很多人会认为是:laruenceeve[脚本...
阅读全文
转载,javascript 设计模式
摘要:了解JavaScript设计模式我们需要知道的一些必要知识点:(内容相对基础,高手请跳过) 闭包:关于闭包这个月在园子里有几篇不错的分享了,在这我也从最实际的地方出发,说说我的理解。 1.闭包最常用的方式就是返回一个内联函数(何为内联函数?就是在函数内部声明的函数); 2.在JavaS...
阅读全文
转载,网站前端模块化开发策略研究
摘要:引言当今互联网飞速发展,网络用户的需求变化既快又大,且不可捉摸,大部分网站的更新周期都是以日、小时甚至分钟为单位。在这种情况下,网站的前端就成了 变化最频繁的部分。随着互联网公司对前端开发的逐渐重视,前端开发人数也越来越多,可是,技术人员的投入总是有限的。面对需求的快速变化,引发了很多如前 端编码规...
阅读全文
转载Javascript继承两种形式详解
摘要:一直想对Javascript再次做一些总结,正好最近自己写了一个小型Js UI库,总结了一下Js的继承机制,在网上也看了一些前辈们博客里的总结,感觉分析不是特别全面。这里仅仅是把自己的学习体会拿出来分享一下,希望对大家学习Javascript有所帮助。 Javascript本身是从Perl语言的语法演变而来的,本质上是脚本语言,随着版本的更新逐渐加入的对面向对象的模拟。我认为Js的面向对象模拟总体上做得还是不错的,因为我们不能盲从任何一种理念,不能纯粹的为了OOP而OOP,我们需要抓住的是面向对象的好处到底是什么?为了这些优点去OOP,才是最明智的选择,所以说Js做得还不错。 Js的继承在很多
阅读全文
增加原型方法写出删除一个数组相同元素的函数
摘要:Array.prototype.delSameContent=function(){ var temp=this; for(var i=0;i<temp.length-1;i++) { for(var j=i+1;j<temp.length;j++) { if(temp[i]==temp[j]) { temp.splice(j,1); j--; } } } return temp; } var temp1=["a","b","c","a","b","d",&quo
阅读全文
几个返回状态的意思
摘要:200 ---表示数据返回成功301 --- 请求的网页已永久移动到新位置,即永久重定向304 --- 自从上次请求后,请求的网页未修改过404 --- 无法找到指定位置的资源500 ---服务器遇到了意料不到的情况,不能完成客户的请求,一般是程序错误。
阅读全文
DIV使用tabindex获得事件详解 移动div
摘要:添加 tabindex='-1' 属性;默认:获取不到焦点事件(blur)1可以获取焦点事件(blur)1具体详解:先看:W3C关于onfocus的部分 The onfocus event occurs when an element receives focus either by the pointing device or by tabbing navigation. This attribute may be used with the following elements: A, AREA, LABEL, INPUT, SELECT, TEXTAREA, and BU
阅读全文
JavaScript性能优化
摘要:如今主流浏览器都在比拼JavaScript引擎的执行速度,但最终都会达到一个理论极限,即无限接近编译后程序执行速度。 这种情况下决定程序速度的另一个重要因素就是代码本身。在这里我们会分门别类的介绍JavaScript性能优化的技巧,并提供相应的测试用例,供大家在自己使用的浏览器上验证, 同时会对特定的JavaScript背景知识做一定的介绍。目录变量查找优化变量声明带上var慎用全局变量缓存重复使用的全局变量避免使用with核心语法优化通过原型优化方法定义避开闭包陷阱避免使用属性访问方法避免在循环中使用try-catch使用for代替for…in…遍历数组使用原始操作代替方法调用传递方法取代方
阅读全文
ocument的createDocumentFragment()方法
摘要:在《javascript高级程序设计》一书的6.3.5:创建和操作节点一节中,介绍了几种动态创建html节点的方法,其中有以下几种常见方法:· crateAttribute(name): 用指定名称name创建特性节点· createComment(text): 创建带文本text的注释节点· createDocumentFragment(): 创建文档碎片节点· createElement(tagname): 创建标签名为tagname的节点· createTextNode(text): 创建包含文本text的文本节点其中最感兴趣且以前没..
阅读全文
attachEvent ,addEventListener
摘要:if (window.attachEvent) { window.attachEvent("onload", remove); } else if (window.addEventListener) { window.addEventListener("load", remove, false); } function remove() { var div = document.getElementById("divprogressbar"); document.body.removeChild(div); }
阅读全文