随笔分类 - Javascript
摘要：ios下的Safari真是傲娇啊，坑好多。首先上代码 122 adfafasdfasdfasdfasfdasdf adfafasdfasdfasdfasfdasdfadfafasdfasdfasdfasfdasdf adfafasdfasdfasdfasfdasdf ...
阅读全文
摘要：1.安装nodejs2.安装grunt-clinpm install -g grunt-cli3.进入到项目目录，同时准备好package.json和Gruntfile.js文件//package.json文件内容，其中alias指定了jquery的路径，后面一坨是需要用到的grunt插件{ "n...
阅读全文
摘要：var $ = require("jquery"); 今天在用seajs集成js的时候，老是发现$获取不到，但是文件又加载进去了，后来找了半天发现是这个问题。本质的原因在于seajs有一个路径和ID匹配的原则seajs的设计思想是，路径即ID。一般在调用define()方法时，如果只传递一个fact...
阅读全文
摘要：在某些情况下，我们调用Javascript函数时候，this指针并不一定是我们所期望的那个。例如： 1 //正常的this使用 2 $('#myElement').click(function() { 3 4 // 这个this是我们所期望的，当前元素的this. 5 6 $(t...
阅读全文
摘要：1 function bindReady(){ 2 if ( readyBound ) return; 3 readyBound = true; 4 5 // Mozilla, Opera and webkit nightlies c...
阅读全文
摘要：今天在开发有道汉语词典移动版的时候遇到了一个很奇怪的问题。在android设备上访问的时候，总是发现有底部背景色不能完全渲染出来的情况（有时候又是正常的，一会儿出现一会儿不出现，iphone设备也是完全ok），就是一半是底色，还有一半没了。。。仔细观察了一下发现在打开网页的时候先显示了头部的小图片和...
阅读全文
摘要：HTTP_REFERER有效的情况1、以iframe 形式调用地址2、以window.open调用，打开新页面window.open(url);3、使用window.location.replace在Firefox 和Chrome下可以获取HTTP_REFERERwindow.location.re...
阅读全文
摘要：首先说明该代码只能在IE 6~8中有效，再高级的IE已经修复这个BUG 原因：首先[1,]是个数组，由于有个逗号，IE会在后面自动插入一个空元素，这样里面就有两个元素！"-" 操作符将数组强制转型成数值，由于数组里面有两个元素，转型失败，变成 NaN 再加“！” 操作符，就变成 true了
阅读全文
摘要：mouseover与mouseenter不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件。只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件。mouseout与mouseleave不论鼠标指针离开被选元素还是任何子元素，都会触发 mouseout 事件。只有在鼠...
阅读全文
摘要：CMD 模块定义规范在 Sea.js 中，所有 JavaScript 模块都遵循 CMD（Common Module Definition） 模块定义规范。该规范明确了模块的基本书写格式和基本交互规则。在 CMD 规范中，一个模块就是一个文件。代码的书写格式如下：define(factory);de...
阅读全文
摘要：最近面了有道前端实习，人品爆发一面过了。但是在一面中面试官问了一个问题”MVC用javascript如何实现？如果实现双向绑定？值变化监听？“当时我回答”js好像没函数进行值变化监听“ 后来想想很不对劲！明显是可以的啊！恨不得把自己摔死啊！！！！！这样的，有两种方法1. onchange事件该事件触发条件：1）属性值改变 2）失去焦点 必须要两条同时满足才能触发这个事件！2.oninput（onpropertychange） 事件该事件只要是指变化就能实时检测到。其中onpropertychange是IE下的，oninput是HTML5标准下的。如果使用jquery库的话，绑定方式如下$(..
阅读全文
摘要：ajax默认是不支持跨域操作的，只能提交跨域请求，无法获得响应。而可以用$.getScript（）函数来进行跨域操作。代码如下： BtnTest $(document).ready(function(){ var oBtnTest = $("#btnTest"); oBtnTest.click(function(){ oBtnTest.disabled = true; var oResult = $("#result"); ...
阅读全文
摘要：DOMready的构建方法不再重复,现代浏览器通过DOMContentLoaded来实现,IE通过readystatechange+doScroll来模拟该方法.类似jquery中的document.ready.该方法在99%的情况下在两类浏览器中表现方式是相同的.这里来看下1%的情况.在页面中嵌套了iframe的情况下.现代浏览器的执行顺序是:解析index-->index的DOMready-->解析iframe-->iframe的DOMready-->iframe的window.onload-->index的window.onload;IE的执行顺序是:解析i
阅读全文
摘要：最好的方法应该是 function checkType(obj){ return Object.prototype.toString.call(obj) }返回结果是[object Function], [object Number], [object String]等信息。
阅读全文
摘要：1 var url="http://127.0.0.1:8080/photo/list.jsp?page=2&user=hongchen";2 var params_arr = url.substr(url.indexOf('?')+1).split("&");3 var params = new Array();4 for (var i = params_arr.length - 1; i >= 0; i--) {5 params[params_arr[i].split("=")[0]] = p
阅读全文
摘要：什么是闭包闭包是什么?闭包是Closure，这是静态语言所不具有的一个新特性。但是闭包也不是什么复杂到不可理解的东西，简而言之，闭包就是：闭包就是函数的局部变量集合，只是这些局部变量在函数返回后会继续存在。闭包就是就是函数的“堆栈”在函数返回后并不释放，我们也可以理解为这些函数堆栈并不在栈上分配而是在堆上分配当在一个函数内定义另外一个函数就会产生闭包上面的第二定义是第一个补充说明，抽取第一个定义的主谓宾——闭包是函数的‘局部变量’集合。只是这个局部变量是可以在函数返回后被访问。（这个不是官方定义，但是这个定义应该更有利于你理解闭包）做为局部变量都可以被函数内的代码访问，这个和静态语言是没有差别
阅读全文
摘要：一、使用js操作css属性的写法1、对于没有中划线的css属性一般直接使用style.属性名即可。如：obj.style.margin，obj.style.width，obj.style.left，obj.style.position2、对于含有中划线的css属性，将每个中划线去掉并将每个中划线后的第一个字符换成大写即可。如：obj.style.marginTop，obj.style.borderLeftWidth，obj.style.zIndex，obj.style.fontFamily等3、js操作css float属性的特殊写法因为float是javascript的保留字，我们不能直接使
阅读全文
摘要：1.事件目标现在，事件处理程序中的变量event保存着事件对象。而event.target属性保存着发生事件的目标元素。这个属性是DOM API中规定的，但是没有被所有浏览器实现。jQuery对这个事件对象进行了必要的扩展，从而在任何浏览器中都能够使用这个属性。通过.target，可以确定DOM中首先接收到事件的元素（即实际被单击的元素）。而且，我们知道this引用的是处理事件的DOM元素，所以可以编写下列代码：$(document).ready(function(){$('#switcher').click(function(event){$('#switcher .
阅读全文
摘要：最近新搞了个Digital Ocean的VPS主机，好便宜，5美金一个月，配置如下：512MB1 Core20GB SSD Disk1TB Transfer注意是20GB的固态硬盘哦，每个月流量是1TB，基本没可能用完。。。一个月才31块钱RMB，超值！--------------------------------------我是无敌分割线-----------------------------------------好了闲话不多说，安装时进入控制台，输入如下命令：wget http://nodejs.org/dist/v0.10.5/node-v0.10.5.tar.gz 注意去官网上.
阅读全文
摘要：关于 JavaScript 的事件绑定在网上已经有不少相关的资料了，今天这篇文章也是在被同事问及的时候才顺便把它记录下来，算是 JavaScript 事件绑定中的一个小技巧，如果能在工作中善加利用，会有出其不意的效果。其实没有什么新的知识点，只是为了方便其他有需要的朋友们翻阅，对自己而言也算是一个积累，所以只能算是闲谈 JavaScript，老鸟们可以尽情飘过。在进入正题之前，先提个问题热热身吧。现在有如下 HTML 结构：<div id="wrap"> <input type="button" value="按钮一"
阅读全文
浙公网安备 33010602011771号