随笔分类 -  HTML5

几行代码实现页面置灰效果
摘要：const d = document.createElement('style'); d.setAttribute('type', 'text/css'); d.innerHTML = `html{ filter: grayscale(100%); -webkit-filter: grayscale 阅读全文
posted @ 2022-12-02 17:34 \面朝阳光/ 阅读(66) 评论(0) 推荐(0)
lodash 按需引入
摘要：完整引入import _ from 'lodash'// 这个方式 webpack 依然会将整个库打包。import { random, debounce, findLast } from 'lodash'按需引入单独引入import debounce from "lodash/debounce"; 阅读全文
posted @ 2021-04-02 11:34 \面朝阳光/ 阅读(3128) 评论(0) 推荐(1)
canvas
摘要：小球运动 阅读全文
posted @ 2018-08-14 00:20 \面朝阳光/ 阅读(137) 评论(0) 推荐(0)
swiper 旋转木马效果
摘要：Swiper的切换 阅读全文
posted @ 2018-02-06 16:17 \面朝阳光/ 阅读(1739) 评论(0) 推荐(0)
swiper 3D 覆盖流的使用方法
摘要：MIss HY 立即投资 立即投资 立即投资 阅读全文
posted @ 2018-02-06 15:56 \面朝阳光/ 阅读(791) 评论(0) 推荐(0)
九宫格自适应布局
摘要：九宫格 1 2 3 4 ... 阅读全文
posted @ 2018-02-06 15:29 \面朝阳光/ 阅读(362) 评论(0) 推荐(0)
禁止浏览器static files缓存篇
摘要：由于CSS/JS文件经常需要改动，前端调试时是不希望浏览器缓存这些文件的。 Meta法 目前在chrome调试还没有遇到问题，好用！此方法假设浏览器是个好人！很听我们的话！ 随机数法 Cache Buster 随机数法本身相当于渲染模板时添加版本号，在某些版本的浏览器，此法无效。此方法假设浏览器是个 阅读全文
posted @ 2018-01-23 10:19 \面朝阳光/ 阅读(246) 评论(0) 推荐(0)
让文字发出炫酷的光效果
摘要：.colorful { /* -webkit-mask-image: linear-gradient(to right, red, orange, yellow, green, cyan, blue, purple); */ background-image: linear-gradient(to 阅读全文
posted @ 2018-01-22 15:26 \面朝阳光/ 阅读(142) 评论(0) 推荐(0)
按钮水波纹效果
摘要：（兼容移动端）预览地址：http://www.86y.org/demo/ripple/ 阅读全文
posted @ 2017-09-06 10:57 \面朝阳光/ 阅读(159) 评论(0) 推荐(0)
点击水波纹效果
摘要：canvas实现 CSS3实现 阅读全文
posted @ 2017-09-06 10:55 \面朝阳光/ 阅读(261) 评论(0) 推荐(0)