html
文章平均质量分 75
前端_渣渣
这个作者很懒,什么都没留下…
展开
-
汇总30条移动Web开发技巧
1. 添加到主屏后的标题(IOS)2. 启用 WebApp 全屏模式(IOS)3. 百度禁止转码4. 设置状态栏的背景颜色(IOS)5. 移动端手机号码识别(IOS)6. 移动端邮箱识别(Android)7. 添加智能 App 广告条 Smart App Banner(IOS 6+ Safari)8. IOS Web app启动动画9. 添加到主屏后的APP图标转载 2016-11-08 09:15:49 · 678 阅读 · 0 评论 -
解决Web移动端Fixed布局的方案(防止页面露底、overflow-scrolling、iOS下的 Fixed + Input BUG现象、isScroll.js)
一些细节处理在细节处理上,其实还有很多要注意的,挑几个实际遇到比较大的问题来说一下:有时候输入框 focus 以后,会出现软键盘遮挡输入框的情况,这时候可以尝试 input 元素的 scrollIntoView 进行修复。在 iOS 下使用第三方输入法时,输入法在唤起经常会盖住输入框,只有在输入了一条文字后,输入框才会浮出。目前也不知道有什么好的办法能让唤起输入框时正确显示。这暂时转载 2016-11-08 09:19:16 · 18788 阅读 · 1 评论 -
移动H5前端性能优化指南
移动H5前端性能优化指南概述1. PC优化手段在Mobile侧同样适用2. 在Mobile侧我们提出三秒种渲染完成首屏指标3. 基于第二点,首屏加载3秒完成或使用Loading4. 基于联通3G网络平均338KB/s(2.71Mb/s),所以首屏资源不应超过1014KB5. Mobile侧因手机配置原因,除加载外渲染速度也是优化重点6. 基于第五点,要合理处理代转载 2016-11-08 10:53:37 · 502 阅读 · 0 评论 -
360浏览器内核控制Meta标签说明文档
http://se.360.cn/v6/help/meta.html 浏览器内核控制Meta标签说明文档背景介绍由于众所周知的情况,国内的主流浏览器都是双核浏览器:基于Webkit内核用于常用网站的高速浏览。基于IE的内核用于兼容网银、旧版网站。以360的几款浏览器为例,我们优先通过Webkit内核渲染主流的网站,只有小量的网站通过IE内核渲染,以保证页面兼容。原创 2016-11-08 10:57:56 · 1080 阅读 · 0 评论 -
各浏览器中自定义滚动条的样式
webkit浏览器css设置滚动条:1234567::-webkit-scrollbar //滚动条整体部分,其中的属性有width,height,background,border(就和一个块级元素一样)等。(位置1)::-webkit-scrollbar-button /转载 2016-11-09 16:39:27 · 8907 阅读 · 1 评论 -
赞!WEB设计之路!网络视觉艺术发展史概览
“作为设计师,这篇文章一定要看看,非常棒的总结!帮您理清web视觉的发展历程,强力推荐!”1822年查尔斯·巴比奇(Charles Babbage)发明了第一台计算机(差分机),宣告了新一轮信息革命的开始。也许连巴比奇自己都没想到,计算机的问世会如狂风暴雨一般,几乎改变了未来 200年间人们的生活方式。到如今,计算机已成为了人们工作、学习、生活等方面不可或缺的工具,如同人类的左膀右臂一般,转载 2017-05-10 10:59:33 · 1469 阅读 · 0 评论