WordPress 网站开发“微信小程序“实战(四)

2017-08-04
阅读 5 分钟
5.9k
本站微信小程序版“DeveWork极客”在中文WP 圈子可谓是一直被模仿,从未被超越。如今快速迭代,写作本文的现在是1.6 版本。作为“WordPress 开发微信小程序”系列的第四篇,记录的是v1.3 ~ v1.6 的开发要点。

WeApp-Workflow:基于Gulp 的“微信小程序”前端开发工作流

2017-07-27
阅读 2 分钟
6.5k
WeApp-Workflow 是我在开发个人微信小程序DeveWork+ 过程中积累总结而来的一个基于Gulp4 的,专门用于开发微信小程序的前端开发工作流。旨在通过自动化的方式解决微信小程序开发过程中写前端代码的痛点。

WordPress 网站开发“微信小程序“实战(三)

2017-07-15
阅读 4 分钟
3.3k
本文是“WordPress 开发微信小程序”系列的第三篇,本文记录的是开发“DeveWork+”小程序1.2 版本的过程。建议先看完第一篇、第二篇再来阅读本文。

提升用户体验,微信小程序“授权失败”场景的优雅处理

2017-06-24
阅读 4 分钟
12.6k
微信小程序中提供了相关API 让开发者能获取到微信用户的相关信息,在首次去获取的时候会展示一个用户是否同意授权的对话框。Jeff 发现有不少线上的小程序都没有处理好用户“拒绝授权”导致的“授权失败”场景。<span></span>

WordPress 网站开发“微信小程序“实战(二)

2017-06-18
阅读 4 分钟
5.8k
本文是“WordPress 开发微信小程序”系列的第二篇,本文记录的是开发“DeveWork+”小程序v1.1 版本的过程。一如既往,目标读者为了解WordPress 的前端同学。建议先看完第一篇文章再来阅读本文。

postcss-lazysprite: 一种生成CSS 雪碧图的懒惰姿势

2017-06-17
阅读 5 分钟
8.5k
postcss-lazysprite 是一个基于PostCSS 开发的用于生成雪碧图图片及其CSS 的插件,经过半年持续迭代,现已稳定用在微信旗下两款产品的Web 业务中。其与市面上的雪碧图插件不同在于生成雪碧图的“懒惰”姿势。

WordPress 网站基于REST API 开发“微信小程序”实战

2017-06-15
阅读 6 分钟
13.8k
几周前,Jeff 花了两天将自己的WordPress 网站做了个微信小程序版本(详细见该文)。这篇文章主要记录自己在开发第一版的过程,顺便为有兴趣的你剖析如何将一个WordPress 网站借助 REST API 开发微信小程序版。本文目标受众为了解WordPress 且有初级前端知识的同学。

从0到1:PostCSS 插件开发最佳实践

2016-12-27
阅读 7 分钟
10.2k
前阵子为了满足工作上的一个需求开发了一个PostCSS 插件,后来也将这个插件提交给PostCSS 官方并得到认可。在这篇文章中笔者将记录开发过程中遇到的一些问题,且斗胆将之称为“最佳实践”,希望对有兴趣尝试PostCSS 插件开发的您有所帮助。

高效 Mac 人士必备:实现工作/家庭间网络环境切换的自动化

2016-12-18
阅读 4 分钟
8.1k
不知在看本文的你是否正处于如下情形:自带的Mac 设备(特指MacBook/Air/Pro 等苹果笔记本)在公司跟家里,因为使用的网络环境不同常常需要来回修改。就Jeff 本身来说,在公司的时候我会连接到公司的办公WiFi,打开内部通讯工具,Proxifier 等工作专用APP,甚至要将设备调成静音;而当我回到家连上家里的Wi-Fi,为了翻墙...

微信内置浏览器 长按识别二维码 功能的两三个坑与解决方案

2015-07-13
阅读 2 分钟
14.8k
“众所周知”,在一些使用在微信内置浏览器的页面上要调用其长按识别二维码的功能,需要将二维码图片单独切出,img 标签形式展现。长按识别二维码 的原理Jeff 不甚了解,但却发现其有一个实际可识别区域上移的bug:对于二维码区域,实际可识别区域是整体上移64px,64px 的偏移量与二维码大小本身无关。

妙趣横生的HTML5 Page Visibility API

2015-04-11
阅读 3 分钟
5.7k
最近浏览36kr 的网页的时候偶然发现一个有趣的情况:当浏览器Tab 处于非当前页的时候,36kr 的标题栏会自动换成可爱的大白字符形象。Jeff 在第一次看到的时候就知道这种效果是通过HTML5 的Page Visibility API 实现的(不是吹牛)。

JGulp: 利用Gulp 配置的前端项目自动化工作流

2015-04-08
阅读 4 分钟
21.5k
商业竞争时代的Web 开发,效率越来越成为其中决胜的关键因素之一。在前几年的时候,前端是一片荒芜的待开垦之地,开发者更多考虑开阔更多技术疆域;而最近几年,在前端技术这种更新迭代快到连裸奔都追不上的情况下,在强调高产的同时,效率必然是成为争夺的制高点。

巧用CSS3:target 伪类制作Dropdown下拉菜单(无JS)

2015-04-06
阅读 2 分钟
6.5k
:target 是CSS3 中新增的一个伪类,用以匹配当前页面的URI中某个标志符的目标元素(比如说当前页面URL下添加#comment就会定位到id=“comment”的位置,俗称锚)。CSS3 为这个动作赋予了更加多的功能——就如同:hover 一样你可以做一些样式定义。