09 2018 档案

canvas制作圆形动态加载进度实例
摘要：window.onload=function(){ var loading=document.getElementById('loading'); var context=loading.getContext('2d'); var num=parseInt(Math.random()*100)/100;//模拟获取进度值 var temp=0;//当前进度值 var time=1000... 阅读全文
posted @ 2018-09-21 14:47 goodbyepeterpan 阅读(415) 评论(0) 推荐(0)
关于HTML5视频标签的问题
摘要：一、基本 video标签在兼容性上还是比较差的，如果要在页面中使用video标签，需要考虑三种情况，支持Ogg Theora或者VP8的（Opera、Mozilla、Chrome），支持H.264的（Safari、IE 9、Chrome），都不支持的（IE6、7、8）。但是由于H5在移动设备上展现， 阅读全文
posted @ 2018-09-17 15:59 goodbyepeterpan 阅读(1486) 评论(1) 推荐(0)
前端防爬的实例方法
只有注册用户登录后才能阅读该文。
posted @ 2018-09-14 10:49 goodbyepeterpan 阅读(11) 评论(0) 推荐(0)
Autoprefixer:一个以最好的方式处理浏览器前缀的后处理程序
摘要：Autoprefixer解析CSS文件并且添加浏览器前缀到CSS规则里，使用Can I Use的数据来决定哪些前缀是需要的。 所有你需要做的就是把它添加到你的资源构建工具（例如 Grunt）并且可以完全忘记有CSS前缀这东西。尽管按照最新的W3C规范来正常书写你的CSS而不需要浏览器前缀。像这样： 阅读全文
posted @ 2018-09-13 17:55 goodbyepeterpan 阅读(481) 评论(0) 推荐(0)
CSS3过渡动画&关键帧动画
摘要：一、过渡动画 过渡（transition）动画，就是从初始状态过渡到结束状态这个过程中所产生的动画。 所谓的状态就是指大小、位置、颜色、变形（transform）等等这些属性。 Note：不是所有属性都能过渡，只有属性具有一个中间点值才具备过渡效果。 点击查看完整列表。 css过渡只能定义首和尾两个 阅读全文
posted @ 2018-09-12 18:22 goodbyepeterpan 阅读(6200) 评论(1) 推荐(2)
repick
该文被密码保护。
posted @ 2018-09-10 17:18 goodbyepeterpan 阅读(5) 评论(0) 推荐(0)
100种图形设计参考
摘要：在学习canvas和svg的过程中，可以使用的图例 阅读全文
posted @ 2018-09-10 17:12 goodbyepeterpan 阅读(866) 评论(0) 推荐(0)
img标签的before,after伪类
摘要：在CSS中总有一些你不用不知道，用到才知道的“坑”。比如今天要谈的，把 before, after 伪类用在 <img> 标签上。嗯，实际上你用你会发现，在大多数浏览器这是无效的，dom中并不会出现你想要的结果。为什么会这样呢？让我们回归到 W3C 标准中寻觅一下，在标准中，before, afte 阅读全文
posted @ 2018-09-10 15:41 goodbyepeterpan 阅读(6434) 评论(1) 推荐(0)