老哥二娃-CSDN博客

原创绘制页面背景水印

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 411

原创策略模式实现表单验证（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 1024

原创 Scroll函数的封装

function scroll() { var y; var x; if (window.pageYOffset || window.pageXOffset) { //高版本浏览器下 y = window.pageYOffset; x = window.pageXOf...

2019-03-16 16:18:38 494

原创 Sublime Text插件

插件列表Alignment (自动对齐代码)ApplySyntaxAutoFileName (自动补全文件路径)DocBlockr (编写注释/**然后按Tab)Emment (自动补全代码)JsFormat (格式化js代码)LESS ...

2018-04-27 10:36:27 261

原创 js中的枚举和不可枚举

枚举是什么??? 枚举是指对象中的属性是否可以遍历出来，再简单点说就是属性是否可以以列举出来。在js中基本的数据类型是不能被枚举的。例如Object、Array等。枚举方法的区别1.for…in循环可以枚举(遍历)出对象本身具有的属性，通过Object.defineProperty()方法加的可枚举属性，或者通过原型对象绑定的可以枚举属性。function...

2018-03-14 15:15:43 6559 1

原创 JavaScript中的原型和原型链

/* 1.javascript中万物皆对象 2.但是对象是有区别的, 分为普通对象(object)和函数对象(function) 3.规则一: 凡是通过new Function()创建的对象都是函数对象, 其他的都是普通对象 4.Object和Function 都是通过new Function()创造的! */ function fn1(){...

2018-03-13 14:49:58 254

原创 JavaScript中apply和call的理解

/* call apply es3 emcasrcript3 给Function的prototype定义了两个方法 call和apply, 这两个方法作用是相同, 只是用法不同, apply是在call上封装的一颗语法糖! 可以将数组当做参数, 会自动将数组解构 */ /* apply和call 作用是一样的, 只是传入...

2018-03-13 14:47:59 205

原创 Icon的制作

字体文件生成网站1.国外 https://www.icomoon.io/ 2.国内 http://www.iconfont.cn/生成字体文件(以icomoon为例)1.进入官网–>选择IcoMoonApp–>点击进入 2选择需要制作的iocn–>点击左下角的制作字体文件 3.自定义class的名称 4.点击右下角的Download下载字...

2018-03-11 12:34:34 1434

原创原生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">&lt

2018-03-11 11:57:39 574

原创 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 226

原创 Vuex在开发中的使用详解

Vuex在开发中的使用详解核心概念 State Getter Mutation Action ModuleState 定义共享的状态变量,相当于store中的data 通过mapState方法映射到computed中Getter 读取器，相当于store中的computed属性通过mapGette...

2018-01-08 11:33:38 677

原创 ESLint在Vue中的使用详解

ESLint的用途1.审查代码是否符合编码规范和统一的代码风格；2.审查代码是否存在语法错误；中文网地址 http://eslint.cn/使用VSCode编译器在Vue项目中的使用在初始化项目时选择是否使用ESLint管理代码(选择Y则默认开启) Use ESLint to lint your code? (Y/n)默认使用的是此标准https://g

2017-12-11 20:53:02 45210 2

老哥二娃