Web前端的知识之旅哟——网络性能优化(五十三)

感谢@Aimee 前端是一个庞大的体系,包括HTML、Css、Js、Image、Flash、Video、Audio等各种各样的资源。这就造成了前端的优化是非常复杂的,针对方方面面的资源都有不同的方式。那么,前端优化的目的是什么呢? 性能优化 前端优化的途径有很多,大致可以分为……

Web前端的知识之旅哟——地理位置拖拽与客户端存储(四十二)

地理位置信息 html5中加入了地理位置信息的功能,可以查看用户当前所在的位置 window.navigator.geolocation 不过有的浏览器会阻止geolocation的访问,所以记得要在设置里面开启。 API: 1.getCurrentPosition() 获得当前的位置信息 2.watchPosition() 监听……

Web前端的知识之旅哟——svg(四十一)

svg svg的全称叫做Scalable Vector Graphics,可缩放矢量图形,也就是说svg是矢量图,和canvas的位图不同,矢量图的缩放是不会失真的。 svg一般是用来做图表或者图表的icon,还有一些特效效果。 一、绘制 1.开始 svg和canvas的另一个不同点在于:canvas需要……

Web前端的知识之旅哟—— canvas(四十)

canvas——画布 一、canvas应用场景: 1.游戏:很多页面H5游戏都是用canvas绘制出来的。 2.图表 3.各种酷炫的东西https://events.google.com/io2016/ 需要注意的是: ie9之前的版本是不支持canvas的 二、如何使用canvas 1.首先在html中创建一个canvas元素,告……

Web前端的知识之旅哟—— Audio与Video(三十⑨)

HTML5的知识点由@小男神(Legolas)提供哟~ 写在前面的小知识点 1.HTML5是下一代的HTML标准 2.如何区分一个页面是HTML4的还是HTML5的?(面试题):HTML5的页面头部有一行<!DOCTYPE html> 。 3.HTML5的新特性: ①用于绘画的canvas元素 ②新媒体标签vid……

总结UC的一些问题(一)

1.UC浏览器的touch事件问题 正常的浏览器触发touch事件的顺序都是touchstart、touchmove、touchend,但是UC浏览器中是touchstart、touchmove。 touchend去哪了?黑人问号??? 经过查资料发现Android平台的UC浏览器中touchend事件只有在tap(即轻触后立即……

Web前端的知识之旅哟—— HTML5(三十八)

HTML语义化 在进入正文之前,先谈一下什么叫做语义化: web语义化的意思是指,通过HTML标记表示页面所包含的信息,包括HTML标签的语义化和CSS命名的语义化。HTML标签的语义化是指:通过使用包含标签语义的标签,如h1-h6、strong,来恰当的表示文档的结构;C……

Web前端的知识之旅哟——html中的标签(二)

上一篇文章大概介绍了一下html的一些知识,这一篇打算开始正式介绍html里面的一些标签结构了。 • html中的标签数量是很多的,据人统计大概有300个左右,并且每年都会以20-30个的速度增加着,但是这么多的标签我们不必都去记住,因为很多标签都是不常用的或……

Web前端的知识之旅哟——初识html(一)

最近在复习以前学习的所有的前端知识点,总结一下,希望也对初学者有一些帮助。 首先我们都听说过html,那么什么东西是html呢?    • html的全称是hyperText markup language, 超文本标记语言,在网页中所有的文字图片和组织架构都是由html来编写的,当然……

Top