摘要: 简单汇总了一下web的优化方案(主要的前端优化策略) 减少http请求次数 文件合并(js、css、图片);ps:多个图片合并之后,总体积会变小 内联图片,即data:URL scheme,但容易导致html页面混乱 可缓存的ajax 尽量使用get而不是post,get仅发送一次TCP数据包,而p 阅读全文
posted @ 2017-09-16 21:33 HelloHello233 阅读(395) 评论(0) 推荐(0) 编辑
摘要: 两个概念 DOM就绪:指浏览器已经接收到整个HTML并且DOM解析完成,这时就可以开始操作dom了,如绑定事件。 渲染结束:浏览器已经接收到HTML中引用的所有样式文件、图片文件、以及Iframe等资源并渲染结束。 DOMContentLoaded 执行次序 JQuery中这两个方法就是对DOMCo 阅读全文
posted @ 2017-09-16 17:27 HelloHello233 阅读(458) 评论(0) 推荐(0) 编辑
摘要: alt是html标签的属性,而title既是html标签,又是html属性。 title标签这个不用多说,网页的标题就是写在<title></title>这对标签之内的。 title作为属性时,用来为元素提供额外说明信息。例如,给超链接标签a添加了title属性,把鼠标移动到该链接上面是,就会显示t 阅读全文
posted @ 2017-09-16 16:45 HelloHello233 阅读(560) 评论(0) 推荐(0) 编辑
摘要: transform 所做的一系列变换,都仅仅只是这个元素的样子,元素自身所在文档流中所占用的位置不会发生变化,所以是不会影响到其他元素的位置的 2D translate:平移,这点类似于 relative+top+left 的效果 skew(x,y):翻转,180deg 和 0deg 的效果是一致的 阅读全文
posted @ 2017-09-16 11:57 HelloHello233 阅读(161) 评论(0) 推荐(0) 编辑
摘要: 默认情况下,如果同一行中某个单词太长了,它就会被默认移动到下一行去: word break(normal | break-all | keep-all):表示断词的方式 word wrap(normal | break-word):表示是否要断词 word wrap break-word 【要断词】 阅读全文
posted @ 2017-09-16 11:21 HelloHello233 阅读(169) 评论(0) 推荐(0) 编辑