村长有点忙 - 博客园

js常用的设计模式 (自己整理笔记)

摘要： ①：简单的工厂模式（SportsFactory就是基类） //工厂不只是可以返回一个对象var SportsFactory=function (name) { switch (name){ case 'NBA': return new Basketball() case 'wordCup': re 阅读全文

posted @ 2017-12-06 22:13 村长有点忙阅读(164) 评论(0) 推荐(0) 编辑

Object.prototype.toString.call()方法浅谈(笔记)

摘要：使用Object.prototype上的原生toString()方法判断数据类型，使用方法如下： Object.prototype.toString.call(value) 1.判断基本类型： 2.判断原生引用类型：函数类型日期类型数组类型正则表达式自定义类型很明显这种方法不能准确判断p 阅读全文

posted @ 2017-11-04 13:17 村长有点忙阅读(168) 评论(0) 推荐(0) 编辑

自己封装的瀑布流的小插件，含详细注释。

摘要： // 基于jquery的瀑布流插件 $.fn.waterFall=function(option){ //option 用户传过来的{gap:15} var defaluts={gap:20}; // 如果用户不传参数传递取默认值（图片之间的间距） defaluts=$.extend(defalu 阅读全文

posted @ 2017-10-21 11:27 村长有点忙阅读(213) 评论(0) 推荐(0) 编辑

vue的数据驱动与数据响应原理

摘要：数据驱动：DOM是数据的一种自然映射如果没有ViewModel那么视图和model是怎么样交互的呢？比如我们通过ajax从后台获取数据，为了让视图改变我们要手动触发DOM的改变，或者通过前端交互改变数据，为了让视图也发生变化，仍然需要手动触发这些DOM的改变，手动改变DOM是一个繁琐的过程，也比较阅读全文

posted @ 2017-10-16 21:43 村长有点忙阅读(2855) 评论(0) 推荐(1) 编辑

一个完整的gulp例子（含注释）亲测可用

摘要： // 1.引入gulp 获取 gulpconst gulp = require('gulp') // 2.引入gulp需要用的各个类型插件const less = require('gulp-less') const csso = require('gulp-csso') //这个插件作用是压缩cs 阅读全文

posted @ 2017-09-26 23:01 村长有点忙阅读(615) 评论(0) 推荐(0) 编辑

导出文件的功能

摘要：首先是导出文本说明一下： 1. download 设置下载的文件名。 2. href 加上 data:text/txt;charset=utf-8 分别设置点击link 是下载文件，编码是utf-8 . 这个逗号后面的就是保存在文件中的内容了。理论上：分列使用，号分割，分行用 \n 阅读全文

posted @ 2017-07-09 11:10 村长有点忙阅读(258) 评论(0) 推荐(0) 编辑

js 中继承常用的几种方法

摘要：继承作用是实现代码的复用 3 .继承是对象与对象之间的关系 4.原型的方法就是给继承使用的 #### 继承的实现方式 4种方法 ① 扩展原有的原型 function Parent(name,age){ this.name=name; this.age=age; } function Child() 阅读全文

posted @ 2017-06-20 18:55 村长有点忙阅读(108) 评论(0) 推荐(0) 编辑

登录超时功能js写法

摘要： function Timeout(){ alert('您的登录超时,请重新登录'); document.location.href='https://www.baidu.com';}var myTime=setTimeout('Timeout()',1000);function restTime() 阅读全文

posted @ 2017-04-26 21:11 村长有点忙阅读(217) 评论(0) 推荐(0) 编辑

ajax 共有6种加载方式 (自己总结简单明了)

摘要： jQuery使用文档截图共有6种方式：第一种：$.ajax( ) : 通过 HTTP 请求加载远程数据常写的 "POST" 或 "GET" 都是这一类的注意：还有其它 HTTP 请求方法，如 PUT 和 DELETE 也可以使用，但仅部分浏览器支持。第二种. $.get( url, [da 阅读全文

posted @ 2017-04-18 20:47 村长有点忙阅读(285) 评论(0) 推荐(0) 编辑

pageX,clientX区别

摘要： pageX/pageY:鼠标相对于整个页面的X/Y坐标。注意，整个页面的意思就是你整个网页的全部，比如说网页很宽很长，宽2000px，高3000px，那pageX,pageY的最大值就是它们了。特别说明：IE不支持！ // clientX/clientY：事件发生时鼠标在浏览器内容区域的X/Y坐标（阅读全文

posted @ 2017-04-09 09:58 村长有点忙阅读(443) 评论(0) 推荐(0) 编辑