随笔- 327 文章- 0 评论- 44 阅读- 185万

随笔分类 - HTML

摘要：1.js放在head中会立即执行，阻塞后续的资源下载与执行。因为js有可能会修改dom，如果不阻塞后续的资源下载，dom的操作顺序不可控。正常的网页加载流程是这样的。如果外部脚本加载时间很长（比如一直无法完成下载），就会造成网页长时间失去响应，浏览器就会呈现“假死”状态，这被称为“阻塞效应”。h 阅读全文

posted @ 2016-12-13 17:25 NewLife365 阅读(29594) 评论(3) 推荐(5) 编辑

网页加速调整

摘要：1. 图片压缩这个给个图片超级压缩网站https://tinypng.com/图片质量基本不变，能少一半大小。可以通过减少 quality的方式，比如100%的quality与80%的quality,用户感观上基本一样，但是体积却可以减少30%以上 2. 延迟加载 lazyload。其次是延迟加阅读全文

posted @ 2016-12-13 16:27 NewLife365 阅读(253) 评论(0) 推荐(0) 编辑

【摘抄】meta系列用法总结【持续更新中】

摘要：meta标签分两大部分：HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。 ★页面描述信息NAME变量 name是描述网页的，对应于Content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类）。 name的val 阅读全文

posted @ 2016-08-30 10:25 NewLife365 阅读(435) 评论(0) 推荐(0) 编辑

免费在线客服QQ_网页接入及使用说明

摘要：首先，注册一个QQ （haha，我觉得也是废话）到QQ推广的网站设置，生成代码链接：http://shang.qq.com/v3/widget.html 选择“免费开通”，然后就会看到下图，一般只需要复制图中的链接，放到自己设置的标签上就可以了：对于刚才链接的参数解释接入后成果（haha，阅读全文

posted @ 2016-08-02 16:56 NewLife365 阅读(888) 评论(0) 推荐(0) 编辑

【HTML5 】<script>元素async,defer异步加载

摘要：原文地址：HTML5′s async Script Attribute原文日期： 2010年09月22日翻译日期： 2013年08月22日 (译者注: 异步加载,可以理解为无阻塞并发处理.) (译者再注: 建议使用 defer,但是经测试发现 defer 属性对页面内的script无效,没有时序差别阅读全文

posted @ 2016-04-15 20:44 NewLife365 阅读(214) 评论(0) 推荐(0) 编辑

web前端规范

摘要：无论是从技术角度还是开发视角，对于web前端开发规范文档都有一定规范，本文就css3和html5的发展前景总结了一系列的web开发文档，仅供大家参考。规范目的：为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须阅读全文

posted @ 2016-01-30 11:26 NewLife365 阅读(189) 评论(0) 推荐(0) 编辑

【HTML5 】手机重力与方向感应的应用——摇一摇效果

摘要：http://www.helloweba.com/view-blog-287.html HTML5有一个重要特性：DeviceOrientation，它将底层的方向和运动传感器进行了高级封装，它使我们能够很容易的实现重力感应、指南针等有趣的功能。本文将结合实例给大家介绍使用HTML5的重力运动和方向阅读全文

posted @ 2016-01-20 17:43 NewLife365 阅读(851) 评论(0) 推荐(0) 编辑

html学习一（html简史及doctype）

摘要：html3部分doctype（html） dtdheadbody一、深入浅出HTML与XHTML的区别 HTML（HyperText Markup Language，超文本标记语言）最早的HTML官方正式规范，是1995年IETF（Internet Engineering Task Force，... 阅读全文

posted @ 2016-01-20 15:10 NewLife365 阅读(379) 评论(0) 推荐(0) 编辑

Html中meta标签详解--以前经常忽略的

摘要：W3School介绍：http://www.w3school.com.cn/html5/html5_meta.aspmeta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签的用处很多。meta 的属性有两种：name和http-equiv。name属性主要用于描述网页，对应于con... 阅读全文

posted @ 2015-03-13 23:09 NewLife365 阅读(224) 评论(0) 推荐(0) 编辑

页面放大时，发现导航菜单栏背景没有了，但是菜单文字还在，什么原因？

摘要：如下，菜单栏的一部分，当按住Ctrl +鼠标放大时，滑动横向滚动条，最后边的菜单栏就是这德行 ... 因为body的width造成这个问题，所以他采取了在body中加入min-width="1300px"，之后就好多了阅读全文

posted @ 2015-02-26 21:30 NewLife365 阅读(241) 评论(0) 推荐(0) 编辑