JavaScript
关注
分享
扫一扫
老哥二娃
这个作者很懒，什么都没留下…
展开
-
策略模式实现表单验证（TS版）
定义策略类和验证类 interface Rules { require?: Boolean, minLength?: Number, maxLength?: Number, message: string, pattern?: RegExp } // 策略类 class Strategies { protected require(value: string | Numb...原创 2019-05-27 14:58:25 · 1049 阅读 · 0 评论 -
js中的枚举和不可枚举
枚举是什么??? 枚举是指对象中的属性是否可以遍历出来，再简单点说就是属性是否可以以列举出来。 在js中基本的数据类型是不能被枚举的。例如Object、Array等。 枚举方法的区别 1.for…in循环可以枚举(遍历)出对象本身具有的属性，通过Object.defineProperty()方法加的可枚举属性，或者通过原型对象绑定的可以枚举属性。 function...原创 2018-03-14 15:15:43 · 6659 阅读 · 1 评论 -
JavaScript中的原型和原型链
/* 1.javascript中 万物皆对象 2.但是对象是有区别的, 分为普通对象(object)和函数对象(function) 3.规则一: 凡是通过new Function()创建的对象都是函数对象, 其他的都是普通对象 4.Object和Function 都是通过new Function()创造的! */ function fn1(){...原创 2018-03-13 14:49:58 · 272 阅读 · 0 评论 -
JavaScript中apply和call的理解
/* call apply es3 emcasrcript3 给Function的prototype定义了两个方法 call和apply, 这两个方法作用是相同, 只是用法不同, apply是在call上封装的一颗语法糖! 可以将数组当做参数, 会自动将数组解构 */ /* apply和call 作用是一样的, 只是传入...原创 2018-03-13 14:47:59 · 228 阅读 · 0 评论 -
原生js分段动画
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <原创 2018-03-11 11:57:39 · 598 阅读 · 0 评论 -
Scroll函数的封装
function scroll() { var y; var x; if (window.pageYOffset || window.pageXOffset) { //高版本浏览器下 y = window.pageYOffset; x = window.pageXOf...原创 2019-03-16 16:18:38 · 538 阅读 · 0 评论 -
js实现轮播图效果
index.html文件 &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml原创 2018-03-11 11:18:03 · 252 阅读 · 0 评论 -
绘制页面背景水印
function Watermark (data) { this.id = data.id || 'my-canvas'; // canvas id this.wrapper = document.querySelector(data.wrapper) || document.body; // 绘制容器 this.attribute = data.attribute; // canva...原创 2019-05-27 15:06:45 · 432 阅读 · 0 评论