![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端
文章平均质量分 73
海生_php和web前端
这个作者很懒,什么都没留下…
展开
-
H5:<meta> 标签详解
定义针对搜索引擎的关键词:定义对页面的描述:定义页面的最新版本:每 5 秒刷新一次页面:网页作者: 添加智能 App 广告条(iOS 6+ Safari):设置苹果工具栏颜色: 忽略页面中的数字识别为电话,忽略email识别 :<meta name="format-detection" content="t原创 2016-08-04 11:20:50 · 4127 阅读 · 1 评论 -
H5:前端开发性能优化
规定图片的宽高减少重绘不要用表格布局,表格通常会导致页面重绘,浏览器是一行一行显示表格的,如果有一行的列宽和行高和之前的不一样那之前绘制好的行也必须重新绘制。定义字符集,不同的字符集有不同的渲染方式。不要重组DOM,重新排列DOM通常都会引发浏览器重绘。合并资源减少http请求,不增加额外的带宽使用CDN加速避免空的src或h原创 2016-08-04 11:26:41 · 394 阅读 · 0 评论 -
H5:Canvas:字符串,路径,背景,图片
HTML5中新增了画布标签,通过它,可以使用JavaScript在网页中绘制图像。标签在网页中得到的是一个矩形空白区域,可以通过width和height属性来调整其宽和高。创建一个Canvas画布的方法如下:[html] view plain copycanvas id=”canvas” width=”600” height=”400”>canvas>原创 2016-08-04 11:37:39 · 2707 阅读 · 0 评论 -
H5:常用css3属性box-sizing,display:box
box-sizing属性:允许您以特定的方式定义匹配某个区域的特定元素。box-sizing有三个取值:content-box|border-box|inherit;默认情况下值为content-boxcontent-box:宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框。border-box:为元素设定的宽度和高度决定了元素的边框盒。为元素指定的原创 2016-08-04 11:42:21 · 5835 阅读 · 0 评论 -
JS: 盒模型 scrollLeft, clientWidth等等详解
网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.clientHeight网页可见区域宽:document.body.offsetWidth (包括边线的宽)网页可见区域高:document.body.offsetHeight (包括边线的宽)网页正文全文宽:document.body.scrollWidth网页正文全原创 2016-08-03 12:05:10 · 359 阅读 · 0 评论 -
H5:新增data-*属性详解
data-*属性:自定义属性来存储数据,data-值,值可以是任意字符串。获取值:var el = document.getElementById('div')console.log(el.getAttribute('data-created-time')) 设置值:va原创 2016-08-03 12:06:36 · 9881 阅读 · 0 评论 -
jQuery和JS:网页常用计算宽高的方法
jquery:获取浏览器显示区域的高度 : $(window).height();获取浏览器显示区域的宽度 :$(window).width();获取页面的文档高度 :$(document).height();获取页面的文档宽度 :$(document).width();获取滚动条到顶部的垂直高度 :$(document).scrollTop();获取滚动条到左边的垂直原创 2016-08-03 12:11:02 · 399 阅读 · 0 评论