JavaScript
文章平均质量分 68
Henry2509885
键盘就是我的战场,我决不后退!
展开
-
Vue 在购物车场景下的应用
购物车场景需求:商品、店铺、购物车的选择商品删除测试数据var _list = [{ checked: false, goods: [{ name: "商品1", price: 23, checked: false }]}, { checked: false, goods: [{ ...原创 2017-01-16 18:17:58 · 1915 阅读 · 0 评论 -
前端 MVVM 原理
author: 陈家宾email: [email protected]: 2018/3/1MVVM 背景都说懒惰使人进步,MVVM 的进化史,正印证了这句话,是一步步让开发人员更懒惰更简单的历史: 直接 DOM 操作 -> MVC -> MVP -> MVVM最开始的前端交互,是很直接的 DOM 操作,最出名的这类库当数 jQuery 了,封装...原创 2018-03-01 15:27:45 · 3312 阅读 · 0 评论 -
Promise 基本原理
Promise 基本原理原创 2018-02-23 14:30:07 · 418 阅读 · 0 评论 -
AlloyFinger web 手势学习
从 [长按] 开始学习 web 手势在项目开发过程中遇到有虚拟键盘开发的需求(如下图),其中删除键需要实现 长按 删除输入框全部内容,由此展开今天要讨论的 web 手势 开发内容。先放出实现代码:var $input = document.getElementById('input');var $delBtn = document.getElementById('delBtn')...原创 2018-02-26 18:01:28 · 1055 阅读 · 0 评论 -
js 闭包
author: 陈家宾([email protected])date: 2018-1-29什么是闭包(closure)在我们最通俗的理解里,闭包就是函数里反回函数,不过自从看了小绿书《JavaScript 权威指南》后,发现这个解释其实是错的 函数对象可以通过作用域链相互关联起来,函数体内部的变量都可以保存在函数作用域内,这种特性在计算机科学文献中称为“闭包”。 从技...原创 2018-01-29 21:03:54 · 297 阅读 · 0 评论 -
JavaScript 面向对象
当我们需要创建大量的对象时,字面量创建将会导致过多的重复代码,为了解决这个问题,我们创造了一些设计模式来创建对象创建对象工厂模式function createPerson(name, age, job) { var o = new Object() o.name = name o.age = age o.job = job o.sayName ...原创 2018-02-02 16:47:11 · 157 阅读 · 0 评论 -
zepto 源码分析2 - 编码技巧 & 函数实现
从 zepto 中获取的“编码技巧”,并了解“相关函数”的实现原创 2017-10-31 14:07:00 · 199 阅读 · 0 评论 -
zepto 源码分析1 - 核心内容
zepto 源码分析1 - 核心内容:了解 zepto 如何处理元素并生成 zepto 对象集合原创 2017-10-31 14:05:23 · 252 阅读 · 0 评论 -
倒计时有三种写法
定时器有三种实现方法setTimeoutsetIntervalquestAnimationFramesetTimeoutvar a = 10;var date = new Date();setTimeout(function () { console.log(a--); if (a>=0) { setTimeout(arguments....原创 2017-02-17 20:38:41 · 3467 阅读 · 0 评论 -
解决 zepto 中 serialize 方法跳过未选中的 checkbox 问题
背景使用 zepto 的 serialize 方法生成字符串用以表单提交时,发现该方法会跳过未选中的 checkbox 原因: disabled 的表单元素,button,未选中的radio buttons/checkboxs 将会被跳过。结果不包含file inputs的数据。解决方法:后期添加 使用 serialize 方法后,检查 checkbox 是还被选中,若...原创 2017-01-18 14:38:05 · 2384 阅读 · 0 评论 -
JS 代码中到底加不加分号
背景在写自动执行函数时vm.$watch('datas', function() { console.log(vm.datas);})(function () { console.log('test');})()出现莫名错误: Uncaught TypeError: vm.$watch(…)(…) is not a function解决方法:...原创 2017-01-16 18:25:35 · 7888 阅读 · 2 评论 -
JS 实现抛物线动画
author: 陈家宾email: [email protected]: 2018/2/24在做小程序的项目中,需要在添加购物车的时候,增加抛物线小球动画。先给大家看下效果图(其实已经是实现后的效果了,顺便给自己公司打广告了哈哈)分析这种不固定起始位置的动画,自然不能用 gif 图,所以只能用原生代码实现那我们有什么工具来实现动画呢?小程序提供了 JS AP...原创 2018-02-24 14:29:06 · 623 阅读 · 0 评论