![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
JesonAx
这个作者很懒,什么都没留下…
展开
-
直播弹幕边缘实现淡化效果
// 在弹幕容器加上一下样式即可mask: gradient(linear,right 30%,right top,from(#000),to(transparent));-webkit-mask: -webkit-gradient(linear,right 30%,right top,from(#000),to(transparent));原创 2021-10-27 13:55:37 · 346 阅读 · 0 评论 -
IOS15.0 canvas或html2canvas绘图失败原因
在IOS新版本15.0及以上,使用canvas或html2canvas生成海报时,字体使用-apple-system,会导致海报生成失败(并且会导致页面一直重新加载),页面也没有报错,排查该问题比较麻烦(只能通过代码一块一块放开来定位bug的根因)。解决方案:就是将字体-apple-system去除即可。...原创 2021-10-13 10:24:19 · 1270 阅读 · 0 评论 -
微信公众h5页面如何在pc端调试
方法一:微信开发者工具方法二:1、正常访问会提示请在微信上打开2、我们可以用一些抓包工具(Charles等),抓微信端(移动端微信/pc端微信都可以)访问该页面时携带的cookie信息3、修改浏览器的cookie信息,将抓包到的cookie信息填入到浏览器cookie中去,这样页面就能在pc访问,然后就可以开心的调试了...原创 2021-09-08 21:31:16 · 5706 阅读 · 0 评论 -
web前端倒计时实现(解决前端倒计时误差问题)
/** * @param {date} expires - 过期时间 * @param {date} sysTime - 系统时间,默认为客户端当前时间 * @param {number} interval - 倒计时间隔,默认为1秒 * @param {function} callback - 回调函数,回调数据格式如:{ d: 1, h: 1, m: 22, s: 58, ms: 4 },没回调数据时表示已结束。 */function startCountDown({ expires, sy原创 2021-08-31 20:13:55 · 3981 阅读 · 0 评论 -
双向数据绑定的简单实现
代码如下,在页面修改input的内容,data.value的值会自动随着改变,在控制台修改data.value的值,input的内容也会随着改变。<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8" /> <title>双向数据绑定Demo</t...原创 2019-11-27 22:12:47 · 766 阅读 · 0 评论 -
SVG、Canvas写的一些前端组件
前端的一些小组件,源码在这里 gitHub原创 2019-08-21 15:29:07 · 1635 阅读 · 0 评论 -
web 前端性能优化汇总
一、 网络层面优化减少http请求,合并资源(js、css、图片)减少资源体积,压缩资源(js、css、图片)大量数据加载或大量图片加载时使用懒加载或预加载优化使用按需加载,加快首屏渲染速度利用http缓存机制,对资源进行缓存网站用到很多域名时,可使用DNS预解析,提前解析域名使用CDN给网站静态资源加速二、 js 层面优化尽量减少DOM操作,DOM操作尽量做到批量更新,减...原创 2019-11-13 16:27:41 · 13123 阅读 · 9 评论 -
DNS预获取 dns-prefetch
概要DNS预获取是一种DNS预解析技术,当你浏览网页时,浏览器会在加载网页时对网页中配置了预获取的域名提前进行解析缓存,这样一来,网站中使用到这些域名就不用再去DNS服务器解析了,直接使用预先解析好的就可以。这样可以减少用户等待时间,提高用户体验。使用方式在html头部加入类似以下代码即可<link rel="dns-prefetch" href="//cdn.img.com">...原创 2019-10-15 18:51:51 · 2282 阅读 · 0 评论