当前搜索:

webpack VS parcel

webpack VS parcel parcel 最大的特点就是简单,内置常见依赖,默认支持模块热替换和引用 CSS 文件。 webpack 4.0 在优化构建性能的同时,也添加了许多默认配置。(重大变化:点我) 特性 webpack parcel 文件名添加 h...
阅读(11) 评论(0)

前端 MVVM 原理

author: 陈家宾 email: 617822642@qq.com date: 2018/3/1 MVVM 背景 都说懒惰使人进步,MVVM 的进化史,正印证了这句话,是一步步让开发人员更懒惰更简单的历史: 直接 DOM 操作 -> MVC -&a...
阅读(98) 评论(0)

AlloyFinger web 手势学习

从 [长按] 开始学习 web 手势 在项目开发过程中遇到有虚拟键盘开发的需求(如下图),其中删除键需要实现 长按 删除输入框全部内容,由此展开今天要讨论的 web 手势 开发内容。 先放出实现代码: var $input = document.getElementById('input...
阅读(43) 评论(0)

JS 实现抛物线动画

author: 陈家宾 email: 617822642@qq.com date: 2018/2/24 在做小程序的项目中,需要在添加购物车的时候,增加抛物线小球动画。 先给大家看下效果图(其实已经是实现后的效果了,顺便给自己公司打广告了哈哈) 分析 这种不固定起始位置的动画,自然不能...
阅读(22) 评论(0)

Promise 基本原理

Promise 基本原理
阅读(19) 评论(0)

为什么选择前端

起源 和前端的缘分起始于大学时候的一个创业项目,当时技术比较闭塞,用的是 php 和静态前端的结合开发模式,自此结缘。 到踏入社会的前一刻也没想好从事前端,所以实习的时候去两家公司分别尝试了 php 和前端开发。定心一番思索后,才选择了前端。 首先,为什么不是 php php 一度被业...
阅读(48) 评论(0)

2017 年前端开发工作总结

从实习到现在,身为前端开发已有两个年头了,如果以一个词来形容,2016 年是成长,2017 年则是责任。 2016 年刚踏入职场那会,什么都是新的,新的圈子,新的技术,新的环境,有大量的东西需要我去学习和适应,成长飞快。 2017 年,在技能把握度渐趋成熟后,肩上承担的责任也越来越多,更注重代...
阅读(104) 评论(0)

JavaScript 面向对象

当我们需要创建大量的对象时,字面量创建将会导致过多的重复代码,为了解决这个问题,我们创造了一些设计模式来创建对象 创建对象 工厂模式 function createPerson(name, age, job) { var o = new Object() o.name = ...
阅读(34) 评论(0)

js 闭包

author: 陈家宾(617822642@qq.com) date: 2018-1-29 什么是闭包(closure) 在我们最通俗的理解里,闭包就是函数里反回函数,不过自从看了小绿书《JavaScript 权威指南》后,发现这个解释其实是错的 函数对象可以通过作用域链相互关联起...
阅读(115) 评论(0)

前端自动构建工具 -- fis

date: 2017/11/9 author: henry chen 为什么需要构建工具 在日常开发过程中,会经常遇到以下两个问题 更新的代码在用户的浏览器上不能及时清除缓存怎么办啊 压缩代码总得一个一个处理好麻烦 这个时候构建工具就派上用场了,构建工具除了能快速解决以上问题外,还...
阅读(109) 评论(0)

使用 webpack 引用 zepto

作者:陈家宾 日期:2017-12-15 背景 由于 zepto 库本身不支持 CommonJs 规范,不支持 import/export,所以不能直接以 import 的形式引入,所以这里需要做一些特殊处理 处理方法 方法一:引用 zepto-webpack 库 安装 np...
阅读(335) 评论(0)

zepto 源码分析2 - 编码技巧 & 函数实现

从 zepto 中获取的“编码技巧”,并了解“相关函数”的实现
阅读(58) 评论(0)

zepto 源码分析1 - 核心内容

zepto 源码分析1 - 核心内容:了解 zepto 如何处理元素并生成 zepto 对象集合
阅读(52) 评论(0)

nodejs 爬虫

一个 nodejs 的爬虫示例,此处用于抓取 hexo 所有主题,并排序输出关注(star)排行 代码 https://github.com/henry-fighting/nodejs-crawler 使用方法 安装依赖包 npm install 执行指令 node server.j...
阅读(292) 评论(0)

HTML 5 新特性

兼容性问题 IE 6 ~ 8 不支持 HTML 5 在中国,微软的IE浏览器排名第二,其份额为27.27%; IE9的份额为11.88% IE8的份额为10.41% IE7的份额为3.17% IE10的份额为1.81%) 数据来源于百度统计所覆盖的超过150万的站点 IE 的市场份额不...
阅读(263) 评论(0)

性能优化

图片源压缩(戳我) 阿里云对象存储 OSS -> 图片处理 图片压缩 & 图片水印 & 图片格式 根据页面需要采用规定大小的图片,避免消耗不必要的流量 根据浏览器采用最优图片格式(如 webp) 使用方法 萌小店商品...
阅读(153) 评论(0)

针对微信分享限制的解决方案

微信分享限制内容 为规范自定义分享链接功能在网页上的使用,自2017年4月25日起,JSSDK“分享到朋友圈”及“发送给朋友”接口,自定义的分享链接,其域名或路径必须与当前页面对应的公众号JS安全域名一致,否则将调用失败。 参考资料:戳我 也就是说,开发者在做分享的时候,把分...
阅读(3637) 评论(0)

倒计时有三种写法

定时器有三种实现方法 setTimeout setInterval questAnimationFrame setTimeout var a = 10; var date = new Date(); setTimeout(function () { console.log(a--...
阅读(284) 评论(0)

数组去重

1. indexOf function unique(arr) { return arr.filter(function (item, index) { return arr.indexOf(item) === index; }) } function un...
阅读(106) 评论(0)

解决 zepto 中 serialize 方法跳过未选中的 checkbox 问题

背景 使用 zepto 的 serialize 方法生成字符串用以表单提交时,发现该方法会跳过未选中的 checkbox 原因: disabled 的表单元素,button,未选中的radio buttons/checkboxs 将会被跳过。结果不包含file inputs的数据。 ...
阅读(1237) 评论(0)
    个人资料
    持之以恒
    等级:
    访问量: 1万+
    积分: 320
    排名: 24万+
    最新评论