摘要： 前言 如今的H5运营活动中，有很多都是让用户拍照或者上传图片，然后对照片加滤镜、加贴纸、评颜值之类的。尤其是一些拍照软件公司的运营活动几乎全部都是这样的。 博主也做过不少，为了省事就封装了一个简单的图片拖拽、裁剪的插件。其实网上也有很多类似的插件，只不过有的功能冗余体积大，有的甚至还依赖jquery 阅读全文

摘要： 前言 前一段时间微信公布小程序，瞬间引来了大量的关注。博主的公司也将其定为目标之一，遂派本菜为先头兵（踩坑侠）。 这次开发了一个比较完整的DEMO，模仿自某个APP首页，由于保护隐私的目的我把数据拷贝出来而不是通过接口的方式访问，请求接口的方法我会在后面详细说明。 废话不多说，先上原码：https: 阅读全文

摘要： 刚开始用webpack的同学很容易掉进图片打包这个坑里，比如打包出来的图片地址不对或者有的图片并不能打包进我们的目标文件夹里(bundle)。下面我们就来分析下在webpack项目中图片的应用场景。 在实际生产中有以下几种图片的引用方式： 1. HTML文件中img标签的src属性引用或者内嵌样式引 阅读全文

摘要： 最近暴雪一款叫《守望先锋》的游戏火到不行，身边很多人都深受其毒害，虽然博主自己没有买（穷），但是耳濡目染也了解了个大概。 由于之前大致学习了一下 css 滤镜的各种用法，所以心血来潮结合二者做一个 DEMO。 大家应该见过一种“选人”效果，一排黑白或其他单色的角色照片，选中的角色照片变为彩色。我想即 阅读全文

摘要： 先上 demo 和 源码 其实毛玻璃的模糊效果技术上比较简单，只是用到了 css 滤镜（filter）中的 blur 属性。但是要做一个好的毛玻璃效果，需要注意很多细节。 比如我们需要将上图中页面中间的文字区域变成毛玻璃效果，首先想到的是给其设置一个透明度，并添加模糊滤镜： 可是生成的效果却是下面这 阅读全文

摘要： 没有前言，先上DEMO（手机上看效果更佳）和 原码。 瀑布流形式的图片布局方式在手机等移动端设备上运用广泛，比较常见的是下面前两种： 一、等宽等高 这种形式实现起来非常容易，这里就不再多说。 二、等宽不等高 这种形式算是比较正统的瀑布流布局形式，关于如何实现的请参考之前的一篇博文——jQuery瀑布 阅读全文

摘要： 一直以来都没有太把正则表达式当回事，两次面试被问及时回答的都是需要用的时候百度。总觉得这很不对，所以学习并总结一遍。 正则表达式的字面量表示 var expression = /pattern/flags; flags g—全局匹配 i—不区分大小写 m—多行模式 字符边界 有时需要确认一个模式是以 阅读全文

摘要： webpack是最近比较火的构建工具，搭配上同样比较火的ReacJS与ES6(ES2015)一定是现在很多潮流 programmer 的追求。 废话不多，下面就就看下如何从0搭起我们的构建工具。 安装 全局安装webpack，如果安装后还是提示没有webpack commond，可以尝试通过超级管理 阅读全文

摘要： 不太清楚有多少初学React的同学和博主当时一样，在看完React的生命周期、数据流之后觉得已经上手了，甩开文档啪啪啪的开始敲了起来。结果...居然被一个input标签给教做人了。   故事是这样的：首先你创建了一个input标签 一切都是如此的轻松自然，接着由于需求你给input上设置了一个默认值 阅读全文

摘要： 在项目中使用ReactJS也已经有大半年了，收获很多也踩过不少坑。不想把这个系列写成抄书似的罗列，旨在总结些常用的技巧及常见的坑，以帮助初心者快速入门，想系统学习的同学还是多阅读文档。 JSX本质上与HTML并多大没关系，标题所说的不同是指语法上的不同。正因为二者比较相似，初心者才会在很多细节地方混 阅读全文