2017-10-12 09:59:31
2017-10-12 10:02:08
call(),apply()的用法
1、call()和apply()的作用是改变this指向,区别是传参列表不同(前者连续参数,后者为参数数组) 2、方法定义: function.apply(thisObj[, argArray]) function.call(thisObj[, arg1[, arg2[, [,...argN]]]]);
1466
2017-10-12 10:05:37
如何用vue-route实现自动判断左右翻页转场动画
前段时间做了一个移动端spa项目,技术基于 :vue + vue-router + vuex + mint-ui 因为使用了vue-cli脚手架的webpack模版,所有页面都以.vue为后缀的文件作为一个组件 最近公司项目比较少终于有空来记录一下自己对vue-router的一些小小的使用心得, 一般的移动端口单页应用在跳转页面时候会有相应的转场动画,比如:
2641
2017-10-12 10:09:57
js实现验证码的方法
验证码的生命周期 在web应用中,验证码常用于登录注册。验证码本质就是一张图片。 我们来看一下验证码的生命周期: 客户端请求验证码 服务端渲染验证码: 渲染一张包含随机字符串的图片 随机字符串写入session 读取图片并返回响应 客户端提交: 显示响应(即验证码图片) 获取用户输入字符串
2375
2017-10-12 10:16:49
实现对象合并功能的方法
前言 jQuery 中的 $.extend() 是经常使用到工具函数,多用于合并参数(对象),具体用法在这里不过多赘述,可通过传参控制合并过程中是否使用深度拷贝;而ES2015中新增的 Object.assign()方法,也可以实现对象的合并,不过合并过程中使用的是浅拷贝;本文参考了jQuery的extend方法的源码,将自己实现对象合并,即将多个对象的属性复制到目标对象上,若有相同的属性,后面的对象覆盖前面的。 浅拷贝的方式实现对象合并 之前的一篇博文 有专门介绍对象和数组的深浅拷
2931
2017-10-12 10:18:16
2017-10-12 10:26:23
jquery的extend方法解析
1.前段时间一直忙于研究数据可视化(d3.js,three.js) 以及 php的 laravel框架,生活上也遇到很多事情,这大概就是人生中的迷茫期吧。 回想起,刚出来工作的时候,目标很明确,要学习什么。将来要达到什么样的高度,要跟大神们肩并肩,谈天论地。朝着这个目标一直 努力着。但随着见过的、做过的、东西越多,反而越来越迷茫-----感觉啥都会,借着度娘,工作中基本不会遇到什么问题了。 但仔细想来又啥都不会。闭着眼睛一写,这也记不住,那也记不住(也许是年龄大的原因吧)。目标一直未变,但
1733
2017-10-12 10:28:22
关于JQuery全选/反选第二次失效的问题
最近在项目中,遇到一个问题,测试全选/反选功能时,第一次对母框进行选中/非选中时,能同步子框的全选/反选状态,之后再点击母框,子框就没反应了。原代码大致结构关键如下: function selectAll(obj){ $('input[name="xxx[]"]').attr("checked",obj.checked); }
1530
2017-10-12 10:33:17
如何实现Html事件冒泡
原以为span不同于input,事件冒泡会被父级标签吞噬,写了个测试事件冒泡的Demo,发现并不是想得那样。另外:event.stopPropagation()以及event.stopImmediatePropagation()并不能阻止span冒泡到a标签中,而简单粗暴的return false却可以
2119
2017-10-12 10:38:43
css3弹性盒模型flex知识
一、什么是flex? flex是css3中引入的一种布局方式,可以非常灵活高效控制元素的排列与对齐方式,大多数人称之为弹性布局. 二、怎么使用flex? 任何一个容器都可以指定为flex布局
1986