云间玉兔,自出机抒,从零开始制作Web插件网页特效小兔子组件(小挂件widget),基于原生CSS/NPMby Liu Yue/2023-01-12 标签: css NPM Web widget 云间 从零开始 制作 原生 基于 小兔子 挂件 插件 机抒 特效 玉兔 组件 网页 自出 著意登楼瞻玉兔,何人张幕遮银阙?又到了一年一度的网页小挂件环节,以往我们都是集成别人开源的组件,但所谓熟读唐诗三百首,不会做诗也会吟,熟读了别人的东西,做几首打油诗也是可以的,但若不能自出机抒,却也成不了大事,所以本次我们从零开始制作属于自己的网页小挂件,博君一晒。 玉兔主题元素绘制 成本最低的绘制方式是使用纯CSS,不依赖任何图片和三方库,首先创建绘制容器:<div id="rabbit_box"> ......了解更多
在半小时内从无到有开发并调试一款Chrome扩展(Chrome插件/谷歌浏览器插件)by Liu Yue/2019-11-05 标签: 插件 开发 Chrome 浏览器 从无到有 调试 谷歌 半小时 一款 扩展 就在不久之前,我们目前这个毕业班的班长那日同学和我说,他正在公司开发Chrome扩展,看起来很高大上的技术,实际开发却非常简单,这引起了我非常浓厚的兴趣,正所谓技不压身,检验自身技术的手段之一就是拥抱新事物,这一次我们尝试在半小时内开发一款Chrome扩展,因为之前我们做了一个微信小程序的在线面试题题库的项目,所以正好利用这个题库将面试题平移到Chrome扩展上面。 Chrome插件其实和一个普通web......了解更多
利用grunt插件来压缩js和css文件用来减少http请求,提高页面效率by Liu Yue/2018-02-20 标签: 用来 页面 利用 插件 grunt js css http 压缩 请求 效率 文件 减少 提高1.安装nodejs http://nodejs.org/ 2.安装各自的node package js我用的是UglifyJS github地址:https://github.com/mishoo/UglifyJS css我用的是clean-css github地址:https://github.com/GoalSmashers/clean-css 图片用的是node-......了解更多