随笔分类 - HTML/HTML5
摘要：20号新推送的IOS13给很多app厂商和RD带来了便秘的感觉，目前复现的问题如下，后续还会持续更新： 1.H5 hybrid输入框导致的页面上移，卡住不动。收起减半后，页面出现半截白屏。（IOS12 + IOS13） IOS12会在键盘弹出时将页面上推，并压缩body的高度。 IOS13会在键盘弹
阅读全文
摘要：当前情况，移动端的开发占比越来越高，单指的拖拽触碰等操作是常规需要。特殊的多指操作与手势操作还需另做处理，而且还涉及到兼容性问题。 * 首先是手势操作的参数说明 * 需要用到Math的一个函数： Math.atan2(y, x) 意为：x轴 和 点（x, y）与 （0, 0）连线 逆时针方向形成的夹
阅读全文
摘要：此文复现的所有兼容性问题均为以下情况： 1. 腾讯X5内核 2. 全屏webview 问题如下： 1. IOS12 中软键盘弹出导致页面顶部截断，并且无法恢复。 解决方法：添加交互事件，调用本地方法，在键盘收起后执行页面回滚操作。 2. 页面中有多个可编辑DIV时，点击IOS系统中软键盘左上方的上下
阅读全文
摘要：当做混合开发时，总有各种意想不到的酷炫效果的需求等着你。不过这个还好，先备着方便以后用。 先上效果图： 总结一下：此效果的完成基于以下几个关键点： 1.DOM结构，为每个DIV设置旋转后，一次也会影响到内层的结构，也就意为越往内层旋转的角度越大。平分下来只需要给div设置一个36deg的旋转就OK了
阅读全文
摘要：svg文件是基于xml的矢量图，而canvas是基于html和js的位图。关于两者的比较，在粗就不赘述了。 1. 首先来上一个svg的基本结构： doctype要引入的是svg文件规范的DTD，svg标签的xmlns表示的是要遵循W3C的svg规范。 2. svg的引入方式 ***可通过img标签引
阅读全文
摘要：XHTML 框架概述 框架的使用可以让浏览器“分割”成多个页面显示内容，常用于如网站后台管理这些菜单项目固定，且对美观性和搜索引擎要求不高的地方。 框架的优缺点 框架方便制作栏目导航，操作各栏目时不需要重新载入整个页面 框架会产生较多页面，不易管理 不容易打印整个框架页面 对搜索引擎不友好 基于框架
阅读全文
摘要：http-equiv顾名思义，相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。 引用 meat标签的http-equiv属性语法格式是：＜meta http-equiv="
阅读全文
摘要：最近做的纯PC站需要兼容到IE8，一般使用css hack就能够完成，但如果兼容到IE7及以下就很头疼了，使用条件注释动态加载脚本是个不错的选择。 注释不同的浏览器版本 ：(1)、支持所有的IE浏览器（不包括IE10标准模式） <!--[if IE]>只有IE6,7,8,9浏览器显示(IE10标准模
阅读全文
摘要：目前，google在国内需要FQ才能上，翻不了墙的话，只能获取到经纬度信息。 *调用navigator.geolocation对象时，首先要获取用户同意。 navigator.geolocation.getCurrentPosition(callback()); 获取用户的当前位置 navigato
阅读全文
