以图明志

JavaScript

如何用setInterval调用类的方法

由于JS灵活的this指针重绑定导致的
setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。近日在编写程序时发现调用setInterval传入的方法时,在程序间隔调用时无法获取正确的类方法。

JavaScript

用JavaScript写一个类似PHP print_r的函数

收藏三个实现思路
PHP print_r的函数很好用,可以用来打印数组、对象等的结构与数据,可惜JavaScript并没有原生提供类似的函数。不过我们可以试着自己来实现这个函数,下面提供一些方法与思路。

JavaScript

收集json解析的四种方法

如何解析Json返回的数据
Json在Web开发的用处非常广泛,作为数据传递的载体,如何解析Json返回的数据是非常常用的。下面介绍下四种解析Json的方式。countryObj 为value对象的一个属性明,value[countryObj] 为value对象的属性值 这里为一个json对象比如b,value[countryObj][cityObj]为josn对象b的属性值 它也是一个json对象。

JavaScript

[JavaScript秘密花园]对象其二:原型

使用 prototypal 原型模型
JavaScript 不包含传统的类继承模型,而是使用 prototypal 原型模型。虽然这经常被当作是 JavaScript 的缺点被提及,其实基于原型的继承模型比传统的类继承还要强大。 实现传统的类继承模型是很简单,但是实现 JavaScript 中的原型继承则要困难的多。

JavaScript

[JavaScript秘密花园]对象其一:使用和属性

大部分变量都是对象
JavaScript 中所有变量都是对象,除了两个例外 null 和 undefined。一个常见的误解是数字的字面值(literal)不是对象。这是因为 JavaScript 解析器的一个错误, 它试图将点操作符解析为浮点数字面值的一部分。JavaScript 的对象可以作为哈希表使用,主要用来保存命名的键与值的对应关系。

CSS

你是否彻底了解margin属性?

边界,元素周围生成额外的空白区
写css,你少不了与margin打交道。你真的了解margin吗?你知道margin有什么特性吗?你知道什么是垂直外边距合并?margin在块元素、内联元素中的区别?什么时候该用padding而不是margin?你知道负margin吗?你知道负margin在实际工作中的用途吗?常见的浏览器下margin出现的bug有哪些?

JQuery

提取JQuery的ready()方法来单独使用

如何实现加载DOM时执行js代码
有一些功能需求,需要在DOM载入时马上执行一些函数,但又不愿意仅为了这一个需求而引入整个JQuery库,于是就把jQuery的方法提取出来,单独使用了。大家可以使用windows.onload事件,但onload在看来,就是页面上的东西(img,iframe等资源)全部都加载完毕后才能发生,如果页面内有大的图片的话,会在页面展现后好久时间后才执行。

JavaScript

JavaScript对象学习笔记

在JS中,一切东东其实都是对象
对象是组成JavaScript的基本单元,在JS中,一切东东其实都是对象,而且功能非常强大,它不仅风格独特,功能也与众不同。引用的概念是JS的基础之一,它是指向对象实际位置的指针。JS的每个函数都有一个变量argument,它是接收所有参数的伪数组。为什么是“伪”,因为你不能修改它,但它有length属性。

JavaScript

JavaScript渐变效果的实现

同一个页面多个渐变效果
上面的元素,鼠标移上去透明度渐渐增加,鼠标移出,透明度渐渐减小。根据目标值和当时值的对比,来决定是正向还是负向速度。然后给每一个元素加上各自的透明度值,各自的透明度变化分开。最后实现同一个页面多个渐变效果。

JavaScript

用原生JavaScript做一个拖拽效果

一个JavaScript自由拖拽类介绍
这个效果没有使用JQuery,纯原生JavaScript实现,可以参考下。拖动效果平滑,自然,CPU性能没有明显起伏。具体的拖拽了可以查看本页源代码获得,这里就不贴出来了。target 拖拽元素 HTMLElemnt 必选,指定鼠标按下哪个元素时开始拖拽,实现模态对话框时用到。

JavaScript

JavaScript几种数组去掉重复值的方法

列举5种解决这个问题的思路
数组去重复是一个常见的需求,我们暂时考虑同类型的数组去重复。主要是理清思路和考虑下性能。以下方法,网上基本都有,这里只是简单地总结一下。遍历数组,一一比较,比较到相同的就删除后面的。遍历数组,一一比较,比较到相同的,跳过前面重复的,不相同的放入新数组。遍历数组,取一个元素,作为对象的属性,判断属性是否存在。

CSS

做一个所见即所得的CSS效果

将style设置成contenteditable会有好事情出现
style 也是标签(在非ie内核的浏览器中支持),我们将style设置成 contenteditable的时候,那么那的内容就可以编辑了。仔细的体验下,如果我们将背景修改成红色的。那么只要书写完,立马呈现。哇靠,这很方便我们以后写那种动态的编辑器效果呢,等有时间的话,我再试试。

JavaScript

理解JavaScript的function

JavaScript中万恶的function
JavaScript中最有特色而又让你困惑的function算一个了,但OO语言的静态方法都是由类去调用,不能实例化本身的,javascript中由于其特殊性恰好相反。注意这里alertPerson的name属性,如果函数体内没有查找到name则会到原型中去找,如果查找到则会屏蔽原型中的name直接返回其值。

JQuery

JQuery拖拽改变元素的尺寸

top、left、width、height 的运用
"元素拖拽改变大小"其实和"元素拖拽"一个原理,只是所动态改变的对象不同而已,主要在于 top、left、width、height 的运用,相对实现起来也非常容易。以下附出源码原型,弄明白了原理再扩展其他实际应用,思路就变得简单、清晰得多了。

JavaScript

深入研究JavaScript的事件机制

详尽的方式让你了解JavaScript的事件
本篇开始将回顾下Javascript的事件机制。同时会从一个最小的函数开始写到最后一个具有完整功能的,强大的事件模块。为叙述方便将响应函数/回调函数/事件Listener/事件handler都称为事件handler。先看看页面中添加事件的几种方式。HTML Element元素自身就拥有了很多onXXX属性,只需将JS代码赋值给其就可以了。

JavaScript

用JavaScript实现一个简单的树结构

数据源用数组混json结构,实现了基本的功能
数据源用数组混json结构,实现了基本的功能。效率一般,跟 dhtree 梅花雪树对比了下,都差不多。这个实现树的原理是根据json,不断的生成ul li, 下面是一个简单的例子(只有涉及到生成树,也就是说只是展示,tree类代码只有64行) 没有用innerHTML生成,全是是创建节点来创建ul li,所以创建节点碎片添加。
3 / 25 首页 < Prev 1 2 3 4 5 Next > 尾页 页码: