HTML5
Zhany9
有事写代码,没事删代码,无聊看规范~~~
展开
-
H5特殊符号速查
html特殊字符平时写代码很少用到HTML的特殊字符,最常用的可能是 了,但有时在移动端为了节省时间,可能会用这些字符实现某种特殊效果,现整理如下:使用方法:这些字符属于unicode字符集,所以,你的文档需要声明为UTF-8;编号用在HTML中时,需要在前面加上&#符号;用于CSS文件中,但是需要用反斜杠\转义;用于JavaScript,和CSS用法一样,不过要用\u来转义。需要注意转载 2017-01-06 09:13:25 · 4079 阅读 · 0 评论 -
JS检测是手机否安装App并打开,否则跳转App Store的方法
常常有这样的场景,咱们开发出来的APP需要进行推广,比如在页面顶部来一张大Banner图片,亦或一张二维码。但往往我们都是直接给推广图片加了一个下载链接(App Store中的)。所以咱们来模拟一下用户的操作步骤:1、用户第一次访问宣传页面 a、点击Banner,进入到APP Store中对应的APP下载页 b、APP下载页中提示:安装;用户点击安装 c、安装完成后,APP下载页中提示:转载 2017-03-26 15:20:05 · 4369 阅读 · 0 评论 -
HTML5本地存储 LocalStorage和SessionStorage
了解HMLT5的同学,对本地存储的强大功能应该都不会陌生,因为它比之前的cookie和session实在是好用太多了。。。Cookies的用法相对比较麻烦,并且还有个致命的弱点,就是太小,大概也就4KB的样子,而且IE6只支持每个域名20个cookies,太少了。所以html5中本地存储的出现也算是程序员的福音啦。好了,废话不多说了,直接上干货:HTML5中本地存储分为sessio原创 2017-03-12 13:22:40 · 728 阅读 · 0 评论 -
WebApp微信集成登录
把一个WebApp发布在微信公众号上,并且想使用微信用户的信息,以求达到微信集成登录的目的。官方文档讲的也很详细,然而在做的过程中还是遇到很多坑,分享出来希望能对有需要的人有所帮助。实现效果如下:微信浏览器授权的前提: 1.拥有微信公众号,即有APPID,APPSecret,并设置了授权回调域 2.必须在手机端的微信浏览器打开方可,目测现在windows PC端的微信浏览器打开原创 2017-02-24 17:12:41 · 6848 阅读 · 3 评论 -
HTML5移动端优化
手机端笔记:https://segmentfault.com/a/1190000002712653不滥用Float Float在渲染时计算量比较大,尽量减少使用不滥用Web字体 Web字体需要下载,解析,重绘当前页面,尽量减少使用不声明过多的Font-size 过多的Font-size引发CSS树的效率减少重绘和回流 a) 避免不必要的D原创 2017-02-22 16:50:44 · 1480 阅读 · 0 评论 -
HTML5 WebSocket使用详解
1.使用Eclipse+Tomcat8环境进行演示2.创建一个Servlet用于接收客户端的请求数据,并进行处理[java] view plain copy print?package com.jCuckoo.server; import java.io.IOException; import javax.websocket.OnClose; import javax.websoc转载 2017-01-12 09:51:26 · 11001 阅读 · 1 评论 -
CSS3的一些新特性
1、CSS3实现圆角(border-radius),阴影(border-shadow)2、对文字加特效(text-shadow),线性渐变(gradient),旋转(transform)3、transform:roate(9deg) scale(0.85,0.90) translate(0px,-30px) skew(-90deg,0deg); 旋转 缩放 定位 倾斜4、增加了原创 2016-08-15 08:41:10 · 484 阅读 · 0 评论 -
H5-WebApp 自适应方案 - rem
对于WebApp来说,为了更通用地满足各机型屏幕的自适应布局要求,我们可以采用rem布局方案。 rem是相对于根元素(html)字体大小的单位,它只是一种相对单位。不同于另一个相对单位em,em是相对于父元素的字体大小,而rem则相对于根元素(html),与父元素的字体大小无关。 字号大小不推荐用rem作为单位,否则可能会有文字排版问题。因此,字号仍旧使用px作为单位,原创 2016-12-15 12:55:41 · 3301 阅读 · 0 评论 -
HTML5中FormData对象的使用
FormData对象是HTML5的一个对象,目前的已经可以兼容一些主流的浏览器。当然了,如果你的项目还需要兼容IE8之类的低版本浏览器,这个好用的方法注定与你无缘啦。(不过你可以考虑jquery.form.js这种表单插件,同样容易上手)。FormData在使用的时候可以不使用html代码代码的情况下,向后端提交数据,譬如下面这段代码:var form = new FormData();form.原创 2017-05-04 10:03:37 · 6313 阅读 · 0 评论