随笔分类 - javascript/jquery
摘要:throttle我们这里说的throttle就是函数节流的意思。再说的通俗一点就是函数调用的频度控制器,是连续执行时间间隔控制。主要应用的场景比如:1.鼠标移动,mousemove 事件2.DOM 元素动态定位,window对象的resize和scroll 事件有人形象的把上面说的事件形象的比喻成机...
阅读全文
摘要:我们都知道,虽然我们可以通过原型和继承来使javascript面向对象。但是,当js代码和逻辑过多时,代码的维护和扩展会变的很不方便。这时,nodejs做的非常好,但是在浏览器端模块化的js编程一直都是个难题。而requireJS就是来帮助我们解决这个问题的。requireJS遵循amd规范,所...
阅读全文
摘要:function is_weixin(){ var ua = navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i)=="micromessenger"){ return true; }else{ retur...
阅读全文
摘要:有时候,需要修改document.domain。 典型的情形:http://a.xxx.com/A.htm 的主页面有一个,两个页面的js如何进行交互? 实现跨域交互的方式有很多,其中这种跨子域的交互,最简单方式就是通过设置document.domain:只需要在A.htm与B.htm里都加上这...
阅读全文
摘要:jsonp: function(url, data, callback){ if( wfQuery.isFunction(data) ){ callback = data; data = {}; ...
阅读全文
摘要:$()可以说是jquery的精华了,为dom操作带来了极大的灵活和方便。zepto号称“移动版的jquery”,那么它是怎么来实现这个核心函数呢?我们来详细探讨下。1、首先,我们看下zepto中它是怎么定义的:$ = function(selector, context) { return...
阅读全文
摘要:也许还有朋友不太清楚DOMContentLoaded这个事件。简单的说,这个事件就是要在大多数情况下去替代window.onload事件,因为window.onload事件必须要等待页面所有元素的资源都下载完毕时才触发。这个事件实际是上w3c推荐的标准事件,是在DOM树建成的时候触发,因此要比onl...
阅读全文
摘要:推荐一个在线工具,包括很多线上的前端工具,感觉挺不错的。直接贴网址:http://tool.lu/httpcode/ 好吧,最近在准备实习面试,有点小紧张,把http状态码总结下吧,很多都在考。下面是些经常考的错误码:403 客户端没有权利访问所请求内容,服务器拒绝本次请求.302 该状态...
阅读全文
摘要:1、format-detection翻译成中文的意思是“格式检测”,顾名思义,它是用来检测html里的一些格式的,那关于meta的format-detection属性主要是有以下几个设置:metaname="format-detection"content="telephone=no"metanam...
阅读全文
摘要:在院里的群里,有人问了这么一个问题: A页面提交表单到B页面,然后在B页面点了后退,如果在A页面上判断是直接访问的还是后退进去的呢?我不想改B页面。 于是乎本着热心人的想法,我就帮他搞了搞,首先我想到了window.history,不过很遗憾,其没有提供相应的属性,只是提供了向前和向后跳转的...
阅读全文
摘要:一、通过jsonp跨域在js中,我们直接用XMLHttpRequest请求不同域上的数据时,是不可以的。但是,在页面上引入不同域上的js脚本文件却是可以的,jsonp正是利用这个特性来实现的。比如,有个a.html页面,它里面的代码需要利用ajax获取一个不同域上的json数据,假设这个json数据...
阅读全文
摘要:class和className兼容方法:object.setAttribute("class","content")在IE8、Chrome、火狐、Opera10中都能设置成功;但是在IE7下无法设置。object.setAttribute("className","content")只有IE7能设置...
阅读全文
摘要:本帖最后由 无解、 于 2012-9-9 12:13 编辑 这个图来自于《JavaScript语言精髓与编程实践》第三章P184页。最近在改第二版,这张图重做了,需要的可以对照着看。 此外,补充一下图中用到的概念: 1、内置(Build-in)对象与原生(Naitve)对象的区别在于:前者总是在...
阅读全文
摘要:一道腾讯js面试题 题目如下: f = function() {return true;}; g = function() {return false;}; (function() { if (g() && [] == ![]) { f = function f() {return f...
阅读全文
摘要:var script=document.createElement('script'); if(script.onreadystatechange){ script.onreadystatechange=function(){ if(this.readyState==='loa...
阅读全文
摘要:最近在看zepto的源代码,把一些有用的函数摘出来,看看zepto是怎么实现的,自己做的时候也可以用。说实话,zepto的实现有一些看起来还是很晦涩的,可能是自己的水平不够,看不透作者的真正的意图。1、zepto的正则总结://HTML代码片断的正则 fragmentRE = /^\s*...
阅读全文
摘要:我们学到的正则表达式匹配,都是有“宽度”的,使用\w+。匹配下面文本,会将。一同匹配:regular。 expression。 如果不想匹配符号,只匹配一个位置,就要用到“零宽断言”(匹配宽度为零,满足一定的 条件/断言),零宽断言使用(?=表达式)的语法,例如\w+(?=。),其中(?=。)表示...
阅读全文
摘要:好吧开始读zepto的源代码,最前面给处理trim和reduce的原生实现,感觉写的很紧凑,其中reduce写的有点晦涩,个人感觉还不错。主要zepto的作者是无分号党,看起了有点不习惯。 3 if (String.prototype.trim === undefined) // fix f...
阅读全文
摘要:/* Zepto v1.0-1-ga3cab6c - polyfill zepto detect event ajax form fx - zeptojs.com/license */;(function(undefined) { if (String.prototype.trim === und...
阅读全文
摘要:首先,来看一个经典的案例: 答案是什么呢? 首先,js中规定求值顺序是从左到右的,这个问题很容易忽略。什么意思呢,a.x = a = {n: 2},这句代码应该怎样理解呢?等价于a.x = (a = {n: 2}),在js中,类似的连续赋值是从左到右进行的,也就是说先对a.x进行赋值,再对a进...
阅读全文

浙公网安备 33010602011771号