togoog

摘要： 现在很多网站都是分为两个版本，一个pc端的一个移动端的(响应式除外)，针对这两个版本，就需要对访问的设备进行判断，如果是pc，就直接访问pc网站，否则就访问移动端网站。 对于这个问题可以通过判断UA来解决，前端js可以判断，后端判断也行，这里我们主要讨论的是如何通过js来处理。 阅读全文

摘要： “appearance”功能听起来蛮大的，不过可惜的是，目前各个浏览器厂商各自为政，还无法达到统一的标准，至今天也只有两个内核的浏览器可以使用，其一是“webkit”，其二是“ff”的，也就是说在使用“appearances”时，需要加上各浏览器厂前缀。 阅读全文

摘要： Tooltip 也就是内容的提示信息，合理使用可以给用户比较好的体验。 实现方法有很多种，有很多JS 插件，我这里介绍的是纯CSS实现的方法，兼容性也比较靠谱,IE8+均可正常显示。实现方法也非常简单。 阅读全文

摘要： 下面就说下移动端UC /QQ 浏览器的部分私有Meta 属性，都来自其开发者文档（UC开发者中心，左下一doc文档，QQ浏览器）。 阅读全文

摘要： HTML5 的 applicationCache 应用程序缓存离线存储功能与 manifest 文件 阅读全文

摘要： 移动端性能不及桌面浏览器性能的10分之1，特别是在android设备良莠不齐的情况下，性能显得尤为重要。感觉做移动端页面，重回了解放前电脑还是386的年代，呵呵。 国内，16ms优化，60fps指标等相关的文章非常少，大部分还是翻译国外的一些优秀文章，非常感谢这些翻译者对web前端的贡献，让我等英文盲能及时了解前沿技术哈。 阅读全文

摘要： meta基础知识 H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 忽略将页面中的数字识别为电话号码 忽略Android平台中对邮箱地址的识别 当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对ios的safari 将网站添加到主屏幕快速启动方式，仅针对ios的safari顶端状态条的样式 viewport模板 常见问题 移动端如何定义字体font-family 移动端字体单位font-size选择px还是rem 移动端touch事件 移动端click屏幕产生200-300 ms的延迟响应 触摸事件的响应顺序 什么是Retina 显示屏，带来了什么问题 ios系统中元素被触摸时产生的半透明灰色遮罩怎么去掉 部分android系统中元素被点击时产生的边框怎么去掉 winphone系统a、input标签被点击时产生的半透明灰色背景怎么去掉 webkit表单元素的默认外观怎么重置 webkit表单输入框placeholder的颜色值能改变么 webkit表单输入框placeholder的文字能换行么 IE10（winphone8）表单元素默认外观如 阅读全文

摘要： js身份证验证-超级准！！！ 阅读全文

摘要： 首先，如果你是一个javascript新手，我建议您阅读 《给JavaScript初学者的24条最佳实践》http://youngsterxyf.github.io/2013/03/11/js-best-practices-for-beginners/ ,这是一篇高质量的javascript教程，接触jQuery之前最好先阅读。 阅读全文

摘要： 1.deviceOrientation：方向传感器数据的事件，通过监听该事件可以获取手机静态状态下的方向数据； 2.deviceMotion: 运动传感器数据事件，通过监听该事件可以获取手机运动状态下的运动加速度数据； 3.DeviceMotionEvent: 判断浏览器是否支持该事件属性，如果支持则监听deviceMotion事件，返回设备有关于加速度和旋转的事件对象，该对象包含两个属性，accelerationIncludingGravity（含重力的加速度）和acceleration（加速度），后者排除了重力的影响。其中加速度的数据包含三个轴：x，y和z。 阅读全文