html
追求者2016
我的墓志铭:有的人活着,他已经死了;有的人死了,他还活着。你到底是活着还是死了?我不知道,我只知道——我还活着。我是一个无知的人,但我知道一点,那就是我什么都不知道。坚强地活下去。
展开
-
canvas生成图片踩坑指南
背景:公司业务需求,要实现分享海报的功能,结果遇到的坑太多了,填不完。记录下来,方便下次查看。 H5生成图片的原理是使用 canvas 的 toDataURL 方法生成 base64 图片 直接用 canvas 绘图布局不够方便,有一个很好用的库 html2canvas 官网demo <div id="capture" style="padding: 10px; background: #f5da55"> <h4 style="color: #000; ">Hello w.原创 2020-06-12 19:34:26 · 1129 阅读 · 0 评论 -
input 属性为 number时maxlength不起作用如何解决?
input 属性为 number时maxlength不起作用如何解决? type=text时可以限制input输入内容的长度 <input type="text" maxlength="11" /> 但是 type设为 number 类型的时候就不生效了 <input type="number" maxlength="5" /> //maxlength失效,长度...原创 2019-10-18 11:42:26 · 1290 阅读 · 0 评论 -
多媒体web播放器,移动端h5 video播放器
由于项目需要用到h5的video标签,但是video标签在移动端会有一些坑,安卓和iOS的兼容性问题,不同浏览器间的表现差异,小问题还是挺多的。so,借用一款第三方的h5 video web播放器还是很有必要的,仅作记录。开源中国的相关开源播放器参考列表:https://www.oschina.net/p/zymedia/related个人推荐:1. plyr,这款真的很强大2. video.js...原创 2018-07-16 13:45:10 · 4703 阅读 · 0 评论 -
网页高度宽度属性获取
document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 网页可见区域宽: doc...转载 2019-01-17 17:39:42 · 584 阅读 · 0 评论 -
onpageshow 事件在用户浏览网页时触发
onpageshow 事件在用户浏览网页时触发。 onpageshow 事件类似于 onload 事件,onload 事件在页面第一次加载时触发, onpageshow 事件在每次加载页面时触发,即 onload 事件在页面从浏览器缓存中读取时不触发。 为了查看页面是直接从服务器上载入还是从缓存中读取,你可以使用 PageTransitionEvent 对象的 persisted 属性来判断。 如...原创 2019-04-26 17:43:32 · 907 阅读 · 0 评论 -
美化 input checkbox 样式,利用图片或者 icon 图标
美化 input checkbox 样式,利用图片或者 icon 图标 原理是利用 :checked 状态选择器,替换样式, 默认的 checkbox 效果 隐藏在可视区域之外 <div class="input-box"> <input class="input-check" type="checkbox" /> <i class="icon icon-c...原创 2019-07-30 19:19:41 · 3060 阅读 · 0 评论