老哥二娃-优快云博客

原创绘制页面背景水印

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 517

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

原创 Scroll函数的封装

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

2019-03-16 16:18:38 632

原创 Sublime Text插件

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

2018-04-27 10:36:27 409

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

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

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

原创 JavaScript中的原型和原型链

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

2018-03-13 14:49:58 342

原创 JavaScript中apply和call的理解

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

2018-03-13 14:47:59 305

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

原创原生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 687

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

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

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

2018-01-08 11:33:38 807

原创 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 45836 1

老哥二娃