H5/C3
wy_Blog
学习源于点滴的积累
展开
-
HTML5 类名操作的四种属性
1、Node.classList.add('class') 添加class2、Node.classList.remove('class') 移除class3、Node.classList.toggle('class') 切换class,有则移除,无则添加4、Node.classList.contains('class') 检测是否存在classNode指一个有效的DOM节点,是一个原创 2017-02-20 00:27:55 · 1590 阅读 · 0 评论 -
IOS不支持overflow: hidden;
把下边代码放上就好咯.css{height: 100%;overflow: hidden;width: 100%;position: fixed;}原创 2018-01-17 16:16:36 · 4535 阅读 · 0 评论 -
HTML5 5大存储方式总结
总体情况h5之前,存储主要是用cookies。cookies缺点有在请求头上带着数据,大小是4k之内。主Domain污染。主要应用:购物车、客户登录对于IE浏览器有UserData,大小是64k,只有IE浏览器支持。目标解决4k的大小问题解决请求头常带存储信息的问题解决关系型存储的问题跨浏览器1.本地存储localstorage存储方式:转载 2017-10-16 15:08:02 · 318 阅读 · 0 评论 -
移动前端开发需要注意的20个要点
移动前端开发正逐渐步入前端技术的主流,事实上跟在一般的pc上,并不需要你掌握额外的技术,然而你在pc web上那一套在多数情况下并不适用于手机web,你必须知道这其中的注意点。当然移动web给人的感觉是一个拼h5和css3的阵地,这里面有足够高大上的技术等着你去驾驭,在这方面,你可以欣喜地说:让ie见鬼去吧。1、首先我们来看看webkit内核中的一些私有的meta标签,这些meta标签转载 2017-09-20 16:37:00 · 486 阅读 · 0 评论 -
localStorage用法小总结
首先在开发者工具的Console中,输入了localStorage.然后就弹出了一些列宿主(浏览器)提供的localStorage自带的方法,摘录了一些常用的API如下表所示:名称作用clear清空localStorage上存储的数据getItem读取数据hasOwnProperty检查localStorage上是转载 2017-09-12 15:07:56 · 2049 阅读 · 0 评论 -
localStorage is not defined的解决方案
localStorage.setItem('id_token', JSON.parse(response.data))报错:http://eslint.org/docs/rules/no-undef 'localStorage' is not definedlocalStorage.setItem('id_token', JSON.parse(response.data))^转载 2017-09-12 15:03:26 · 27447 阅读 · 0 评论 -
border-radius兼容性问题
IE浏览器:1. ie10,ie9支持border-radius属性2.ie10兼容性视图,ie8,ie7,ie6,不支持border-radius属性对于不支持圆角属性的ie浏览器,可以通过引入ie-CSS3.htc或PIE.htc文件来解决该问题。在CSS文件中引入ie-css3.htc时,当用ie9浏览器打开时,网页中会提示如下问题“0x800a1转载 2017-03-12 20:10:52 · 6344 阅读 · 0 评论 -
【H5】localStorage、sessionStorage用法总结
localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。他们均只能存储字符串类型的对象(虽然规范中可以存储其他原生类型的对象,但是目前为止没有浏览器对其进行实现)。localStorage生命周期是永久,这意味着除非用户显示在浏览器提供的UI上清除localStorage信息,否则这些信息将永远存在。sessionStorage生转载 2017-02-25 22:05:04 · 586 阅读 · 0 评论 -
sessionStorage 、localStorage 和 cookie 之间的区别
共同点:都是保存在浏览器端,且同源的。区别:cookie数据始终在同源的http请求中携带(即使不需要),即cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存。cookie数据还有路径(path)的概念,可以限制cookie只属于某个路径下。存储大小限制也不同,cookie数据不能超原创 2017-02-25 21:56:11 · 502 阅读 · 0 评论 -
浅谈H5离线缓存
不说废话直接上步骤:1-配置apache httpd.conf (配置文件内收索text/plain 看到AddType的地方下边直接粘贴一下两行代码即可) AddType text/cache-manifest manifest AddType text/cache-manifest .appcache2-创建xxx.manifest文件用于原创 2017-03-04 18:14:57 · 977 阅读 · 0 评论 -
HTML5屏幕触摸的四个事件touchstart、touchmove、touchend、touchcancel
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/> touch 事件 body{ margin: 0;原创 2017-03-02 21:12:07 · 1801 阅读 · 0 评论 -
css3 media响应式媒体查询器用法总结
随着响应式设计模型的诞生,Web网站又要发生翻天腹地的改革浪潮,可能有些人会觉得在国内IE6用户居高不下的情况下,这些新的技术还不会广泛的蔓延下去,那你就错了,如今淘宝,凡客,携程等等公司都已经在大胆的尝试了这项技术,并完美的应用在了自己的网站上了。再不更新知识你就老了。我今天就总结一下响应式设计的核心CSS技术Media(媒体查询器)的用法。准备工作1:设置Meta标签转载 2017-03-01 18:59:54 · 535 阅读 · 0 评论 -
css清除浮动
浮动的影响:大盒子不设置高度,而且大盒子中的子盒子全部浮动,则大盒子的高度将不会被撑开清除浮动:1. 额外标签法:在浮动的元素后面加一个div,给这个div设置clear:both; - 内部标签法:可以撑开父盒子的高度 - 外部标签法:不能撑开父盒子的高度2. 给大盒子设置overflow: hidden; - 缺点:超出大盒子范围的内容会被裁剪3. 伪元素清除浮动 .c...原创 2017-04-24 17:48:18 · 543 阅读 · 0 评论