这里是修真院前端小课堂，每篇分享文从 【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】 八个方面深度解析前端知识/技能，本篇分享的是： 【浏览器如何渲染页面？】 一、背景介绍浏览器是前端工程师或页面重构师工作中必不可少的，WEB页面运行在各种各样的浏览 ...
分类：
其他好文 时间：
2020-05-30 10:39:53
阅读次数：
86
一个新的API出来了。HTML5 （很快）将支持用户设备振动。这明显是很有趣的事情，比如它可以用户触发提醒，提升游戏体验，以及其他各种好玩的事情，例如通过振动发送摩斯代码。 到目前为止，Chrome（以及其他Android浏览器）要使用位置信息、摄像头、地址簿等资源必须申请权限。这是一种安全措施防止 ...
function getIPs(callback) { var ip_dups = {}; //compatibility for firefox and chrome var RTCPeerConnection = window.RTCPeerConnection || window.mozRTC ...
分类：
其他好文 时间：
2020-05-28 16:09:31
阅读次数：
131
1、移动端点击a标签出现的背景色 a, a:hover, a:active, a:visited, a:link, a:focus { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transp ...
分类：
移动开发 时间：
2020-05-28 13:00:37
阅读次数：
87
最近做的活动页面，记录下： 负责了两块的活动效果：翻牌和开宝箱； 翻牌部分的要点： 翻牌关键css 父级元素设置3D视角： -webkit-perspective: 1000; perspective: 1000; CSS @keyframes 规定动画（各种浏览器记得加前缀）: @keyframe ...
分类：
Web程序 时间：
2020-05-27 20:51:09
阅读次数：
105
浏览器的常见User Agent 各字段的解释 浏览器的User Agent字段令人迷惑，例如：某一版本的Chrome访问网络时，User Agent字段如下： Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like G ...
分类：
Web程序 时间：
2020-05-27 18:20:44
阅读次数：
106
1.解决滑动卡顿/不流畅/掉帧```-webkit-overflow-scrolling: touch;``` 2.禁止input弹出键盘```<input type="text" onfocus='this.blur();'/>``` 3.禁止长按保存图片```img{ pointer-event ...
分类：
移动开发 时间：
2020-05-26 15:30:38
阅读次数：
101
软件开发架构 cs架构 bs架构 # 本质bs也是cs HTTP # HTTP协议 ''' 网络协议 HTTP协议 数据传输是明文 HTTPS协议 数据传输是密文 websocket协议 数据传输是密文 HTTP协议的四大特性： 1、基于请求响应 2、基于TCP/IP，作用域应用层之上的协议 3、无 ...
分类：
其他好文 时间：
2020-05-25 22:29:19
阅读次数：
86
/******************************超过两行换行*****************************************/ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2 ...
分类：
Web程序 时间：
2020-05-25 19:17:27
阅读次数：
63
公司有触控屏设备采用WIN7系统，普通网页打开后触屏操控如滑动网页没有效果，需在网页代码中添加JS处理touch事件网页的手势滑动效果。当然首先需要webkit内核支持touch事件。 以下内容引用http://www.cnblogs.com/zourong/p/3913446.html touch ...
