分类: 前端开发
提升用户体验,微信小程序“授权失败”场景的优雅处理
微信小程序中提供了相关API 让开发者能获取到微信用户的相关信息,在首次去获取的时候会展示一个用户是否同意授权的对话框。Jeff 发现有不少线上的小程序都没有处理好用户“拒绝授权”导致的“授权失败”场景。
WordPress 网站开发“微信小程序”实战(二)
本文是“WordPress 开发微信小程序”系列的第二篇,本文记录的是开发“DeveWork极客”小程序v1.1 的过程。一如既往,目标读者为了解WordPress 的前端同学。建议先看完第一篇文章再来阅读本文。另外系列标题也去掉REST API 相关字段,改简单清晰点。
postcss-lazysprite: 一种生成CSS 雪碧图的懒惰姿势
postcss-lazysprite 是一个基于PostCSS 开发的用于生成雪碧图图片及其CSS 的插件,经过半年持续迭代,现已稳定用在旗下两款产品的Web 业务中。其与市面上的雪碧图插件不同在于生成雪碧图的“懒惰”姿势。
WordPress 网站基于REST API 开发“微信小程序”实战
几周前,Jeff 花了两天将自己的WordPress 网站做了个微信小程序版本(详细见该文)。这篇文章主要记录自己在开发第一版的过程,顺便为有兴趣的你剖析如何将一个WordPress 网站借助 REST API 开发微信小程序版。本文目标受众为了解WordPress 且有初级前端知识的同学。
从0到1:PostCSS 插件开发最佳实践
前阵子为了满足工作上的一个需求开发了一个PostCSS 插件,后来也将这个插件提交给PostCSS 官方并得到认可。在这篇文章中笔者将记录开发过程中遇到的一些问题,且斗胆将之称为“最佳实践”,希望对有兴趣尝试PostCSS 插件开发的您有所帮助。
PostCSS 插件postcss-lazyimagecss:自动填写width / height 属性
postcss-lazyimagecss 是Jeff 基于gulp-lazyimagecss 开发的一个PostCSS 插件,实现的功能是在CSS 中自动添加width / height 属性。项目地址:https://github.com/Jeff2Ma/postcss-lazyimagecss (欢迎给个star!)
CSS 命名之Dialog, Modal, Popup, Popover, Lightbox 等的区别
写 CSS 时候经常遇到要为弹窗浮层这些进行 class 命名的情况,之前对于Dialog, Modal, Popup, Flash,Tooltip等这类命名一直处于混用的情况。通过Quora 上的一个回答了解到了其中的区别,下面就按自己的理解说明下,更具体的区别可以直接看英文原文(文末链接)。如有疑问,欢迎留言探讨~