SF
风雨过后见彩虹
风雨过后见彩虹
注册登录
关注博客
注册登录
主页
关于
RSS
JS基础篇--搞清Image加载事件(onload)、加载状态(complete)后,实现图片的本地预览,并自适应于父元素内
风雨后见彩虹
2017-08-02
阅读 10 分钟
38.8k
complete只是HTMLImageElement对象的一个属性,可以判断图片加载完成,不管图片是不是有缓存;而onload则是这个Image对象的load事件回调,当图片加载完成后执行onload绑定的函数。
JS进阶篇--IE浏览器的ActiveXObject对象以及FileSystemobject的应用扩展
风雨后见彩虹
2017-07-27
阅读 4 分钟
7.2k
警告:此对象为 Microsoft 扩展,仅在 Internet Explorer 中受支持,在 Windows 8.x 应用商店应用中不受支持。
JS进阶篇--JS apply的巧妙用法以及扩展到Object.defineProperty的使用
风雨后见彩虹
2017-06-09
阅读 6 分钟
3.1k
调用的时候第一个参数给了一个null,这个是因为没有对象去调用这个方法,只需要用这个方法帮助运算,得到返回的结果就行,所以直接传递了一个null过去。
JS总结篇--[总结]JS操作DOM常用API详解
风雨后见彩虹
2017-05-28
阅读 11 分钟
9.5k
文本整理了javascript操作DOM的一些常用的api,根据其作用整理成为创建,修改,查询等多种类型的api,主要用于复习基础知识,加深对原生js的认识。
JS进阶篇--JS函数节流(throttle)
风雨后见彩虹
2017-05-18
阅读 3 分钟
7.6k
介绍前,先说下背景。在前端开发中,有时会为页面绑定resize事件,或者为一个页面元素绑定拖拽事件(其核心就是绑定mousemove),这种事件有一个特点,就是用户不必特地捣乱,他在一个正常的操作中,都有可能在一个短的时间内触发非常多次事件绑定程序。而大家知道,DOM操作时很消耗性能的,这个时候,如果你为这些事件...
JS基础篇-- JS对全角与半角的验证,相互转化以及介绍
风雨后见彩虹
2017-05-17
阅读 2 分钟
13.3k
汉字字符和规定了全角的英文字符及国标GB2312-80中的图形符号和特殊字符都是全角字符。在全角中,字母和数字等与汉字一样占据着等宽的位置。
JS进阶篇--RequireJS模块化编程详解
风雨后见彩虹
2017-05-17
阅读 6 分钟
8.3k
1.模块的写法 模块化编程一般都有这么几个过渡过程,如下描述。 原始方法 {代码...} 上面的函数m1()和m2(),组成一个模块。使用的时候,直接调用就行了。 这种做法的缺点很明显:"污染"了全局变量,无法保证不与其他模块发生变量名冲突,而且模块成员之间看不出直接关系。 对象写法 为了解决上面的缺点,可以把模块写成...
JS总结篇--[总结]JS常用方法与片段
风雨后见彩虹
2017-03-09
阅读 10 分钟
2.5k
IE中有这样一个方法:removeNode(),这个方法在IE下是好使的,但是在Firefox等标准浏览器中就会报错了 removeNode is not defined,但是在核心JS中有一个操作DOM节点的方法叫:removeChild()。
JS总结篇--[转]JS学习总结-技巧、方法、细节
风雨后见彩虹
2017-03-08
阅读 5 分钟
1.9k
但是转换日期(new Date(myVar))和正则表达式(new RegExp(myVar))必须使用构造函数,创建正则表达式的时候要使用/pattern/flags这样的简化形式。
JS进阶篇--window.requestAnimationFrame与Tween.js配合使用实现动画缓动效果
风雨后见彩虹
2017-02-15
阅读 8 分钟
4.5k
window.requestAnimationFrame()这个方法是用来在页面重绘之前,通知浏览器调用一个指定的函数,以满足开发者操作动画的需求。这个方法接受一个函数为参,该函数会在重绘前调用。
JS基础篇--如何用JavaScript判断dom是否有存在某class的值?
风雨后见彩虹
2017-02-14
阅读 2 分钟
6.1k
源码里面用到了nodeType,nodeType是HTML DOM 的nodeType 属性,nodeType 属性返回以数字值返回指定节点的节点类型。常用的一般有三种:
Web前端常用代码笔记整理(02)
风雨后见彩虹
2016-12-19
阅读 8 分钟
5.5k
1.canvas图片预加载及进度条的实现 {代码...} 2.JS实现跨浏览器添加事件与移除事件怎样做才最优? 一般的兼容做法,如下: 跨浏览器添加事件 {代码...} 跨浏览器移除事件 {代码...} 推荐写法 {代码...} 参考地址addEvent() recoding contest entry addEvent() – Follow Up 3.Ajax用jsonp方式跨域发送请求小实例 众所周知...
JS基础篇--面向对象与原型
风雨后见彩虹
2016-03-10
阅读 9 分钟
2.5k
创建对象 {代码...} 这就是创建对象最基本的方法,但是有个缺点,想创建一个类似的对象,就会产生大量的代码。 工厂模式 为了解决多个类似对象声明的问题,我们可以使用一种叫做工厂模式的方法,这种方法就是为了解决实例化对象产生大量重复的问题。 {代码...} 工厂模式解决了重复实例化的问题,但还有一个问题,那就是...
JS基础篇--事件绑定及深入
风雨后见彩虹
2016-03-08
阅读 10 分钟
3.8k
事件绑定分为两种:一种是传统事件绑定(内联模型,脚本模型),一种是现代事件绑定(DOM2级模型)。现代事件绑定在传统绑定上提供了更强大更方便的功能。
JS基础篇--JS数组常用方法汇总
风雨后见彩虹
2016-01-01
阅读 5 分钟
3.4k
所有对象都具有toLocaleString()、toString()、valueOf()方法。其中调用数组的toString方法会返回以数组中的每个值的字符串形式拼接而成的一个以逗号分割的字符串。
JS基础篇--JS的DOM操作 - 你真的了解吗?
风雨后见彩虹
2015-12-25
阅读 3 分钟
3.8k
想稍微系统的说说对于DOM的操作,把Javascript和jQuery常用操作DOM的内容归纳成思维导图方便阅读,同时加入性能上的一些问题.
Web前端常用代码笔记整理(01)
风雨后见彩虹
2015-10-08
阅读 13 分钟
4.5k
问题表示:在某些场景下,需要将函数的 arguments 参数作为一个数组调用,但是 arguments 是一个奇异对象,所以试着将 arguments 转化为一个数组;
js立即执行函数: (function ( ){...})( ) 与 (function ( ){...}( )) 有区别?
风雨后见彩虹
2015-09-14
阅读 1 分钟
5.5k
在SF上看到这样一个问题,我觉得问得很好,所以弄成文章收集了。 没有区别。 你需要明白 IIFE 的原理,我简单说一下: {代码...} IIFE 并非必须,传统一点可以这么写: {代码...} 那么为什么要 IIFE? 传统的方法啰嗦,定义和执行分开写; 传统的方法直接污染全局命名空间(浏览器里的 global 对象,如 window) 于是,...
JS 基础篇--闭包和引用
风雨后见彩虹
2015-09-14
阅读 3 分钟
6.5k
Javascript 中一个最重要的特性就是闭包的使用。因为闭包的使用,当前作用域总可以访问外部的作用域。因为Javascript 没有块级作用域,只有函数作用域,所以闭包的使用与函数是紧密相关的。
JS基础篇--函数声明与定义,作用域,函数声明与表达式的区别
风雨后见彩虹
2015-09-14
阅读 3 分钟
5.1k
Scoping & Hoisting 例: {代码...} 上面这段代码在运行时会产生什么结果? 尽管对于有经验的程序员来说这只是小菜一碟,不过我还是顺着初学者常见的思路做一番描述: 创建了全局变量 a,定义其值为 1 创建了函数 foo 在 foo 的函数体内,if 语句将不会执行,因为 !a 会将变量 a 转变成布尔的假值,也就是 false 跳...
JS进阶篇--swfobject.js视频播放插件
风雨后见彩虹
2015-09-02
阅读 1 分钟
4.2k
在网页中经常会用到视频播放的功能,下面介绍一下swfobject.js的视频播放应用:html代码结构: {代码...} css样式结构: {代码...} js代码: {代码...} 结果实现如图: 需要demo猛点该文字,百度云盘下载
JS进阶篇--JS计算系统当前日期是星期几的几种方法
风雨后见彩虹
2015-09-01
阅读 1 分钟
7.2k
方法一: {代码...} 方法二: {代码...} 方法三: {代码...} 方法四: {代码...} 当然这四种方法的完美程度是一目了然的。
JS进阶篇--ckplayer播放器去掉右边的开关灯分享插件
风雨后见彩虹
2015-08-25
阅读 1 分钟
5.6k
在上一篇文章中介绍了如何使用ckplayer播放器,但是有的人不需要CK播放器右边的开关灯分享插件,那么就需要把该插件给去掉,方法也很简单。
JS进阶篇--ckplayer.js视频播放插件
风雨后见彩虹
2015-08-25
阅读 4 分钟
59.6k
网页中常见的功能就是播放视频,下面介绍的这个ckplayer.js既可以在pc端播放,也可以在手机网页上播放。 可调用flash也可以调用html5播放器: {代码...} CKobject.embed( 'flash播放器文件路径', '容器ID', '播放器的ID', '宽度,可以是百分比', '高度,可以是百分比', 优先调用设置,false=优先调用flash播放器,true=...
JS进阶篇--iscroll.js的使用
风雨后见彩虹
2015-08-19
阅读 6 分钟
49.8k
Scroll是一个类,每个需要使用滚动功能的区域均要进行初始化。每个页面上的iScroll实例数目在设备的CPU和内存能承受的范围内是没有限制的。
JS综合篇--[总结]Web前端常用代码片段整理
风雨后见彩虹
2014-12-11
阅读 21 分钟
7.1k
IE中的条件注释(Conditional comments)对IE的版本和IE非IE有优秀的区分能力,是WEB设计中常用的hack方法。 条件注释只能用于IE5以上,IE10以上不支持。
JS基础篇--了解JS的clientX、pageX、screenX等方法来获取鼠标坐标详解
风雨后见彩虹
2014-12-04
阅读 2 分钟
32.1k
在一些DOM操作中我们经常会跟元素的位置打交道,鼠标交互式一个经常用到的方面,令人失望的是不同的浏览器下会有不同的结果甚至是有的浏览器下没结果,这篇文章就上鼠标点击位置坐标获取做一些简单的总结,没特殊声明代码在IE8,FireFox,Chrome下进行测试兼容
《JavaScript高级程序设计》笔记:DOM扩展(十一)
风雨后见彩虹
2014-12-04
阅读 2 分钟
9.5k
焦点管理HTML5也添加了辅助管理DOM焦点的功能。首先就是document.activeElement属性,这个属性始终会引用DOM中当前获得了焦点的元素。
《JavaScript高级程序设计》笔记:DOM(十)
风雨后见彩虹
2014-12-04
阅读 4 分钟
9.1k
nodeType以下是一些重要的nodeType的取值:1: 元素element2: 属性attr3: 文本text8: 注释comments9: 文档document
《JavaScript高级程序设计》笔记:客户端检测(九)
风雨后见彩虹
2014-12-04
阅读 3 分钟
6.2k
在编写代码之前先检测特定浏览器的能力。例如,脚本在调用某个函数之前,可能要先检测该函数首付存在。这种检测方法将开发人员从考虑具体的浏览器类型和版本中解放出来,让他们把注意力集中到相应的能力是否存在上。能力检测无法精确地检测特定的浏览器和版本。
1
2
(current)
3
下一页
上一页
2
(current)
下一页