html
曾经沧海难为水-除却巫山不是云
这个作者很懒,什么都没留下…
展开
-
HTML基础必知必会
doctype作用 告知浏览器的解析器用什么文档标准来解析文档 影响浏览器对CSS代码和JS脚本的解析 文档解析类型 标准模式(standards mode):页面按照HTML与CSS的定义渲染 怪异模式(quirks mode):会模拟更旧的浏览器的行为 近乎标准(almost standards):会实施一种表格单元尺寸的怪异行为(与IE7之前的单元格布局方式一致),除此...原创 2020-02-12 01:42:51 · 199 阅读 · 0 评论 -
SEO 技巧,如何设计一个高质量的 URL 和标题
在过去的几年里,搜索引擎的影响力发生了一些变化——其影响力的趋势是逐渐变弱。应用程序已经变成了流量的一个大入口,当然搜索引擎也还是一个大的入口。搜索引擎优化看上去并没有那么重要,企业靠活动、运营来挖掘新的用户。可当所有的人不重视,而我们重视的时候,那么这个流量入口就是我们的天下。自打我开始写博客起(大概是在 2011 年左右),便开始研究搜索引擎优化(Search Engine Opt原创 2017-03-22 23:49:20 · 3925 阅读 · 0 评论 -
表格不用border-collapse也能实现单线边框
css中控制表格边线属性border-collapse:collapse,偶尔由于其他样式的影响,会让表格table的边框显示不全,其实用另外一种方法也可以实现border-collapse:collapse的效果。给table上边和左边设上边框线,给td下边和右边设上边框线就可以了。效果如下图:原创 2016-05-02 14:57:31 · 4410 阅读 · 0 评论 -
图片上传实现
CodePen - WeUI-Uploader body{ background-color: #efeff4;} WeUI-Uploader 上传原创 2016-01-24 21:02:12 · 6538 阅读 · 0 评论 -
前端性能优化指南
###AJAX优化缓存AJAX:异步并不等于即时。请求使用GET:当使用XMLHttpRequest时,而URL长度不到2K,可以使用GET请求数据,GET相比POST更快速。POST类型请求要发送两个TCP数据包。先发送文件头。再发送数据。GET类型请求只需要发送一个TCP数据包。取决于你的cookie数量。##原创 2015-09-19 22:27:39 · 1150 阅读 · 0 评论 -
web前端页面性能优化小结
影响用户访问的最大部分是前端的页面。网站的划分一般为二:前端和后台。我们可以理解成后台是用来实现网站的功能的,比如:实现用户注册,用户能够为文章发表评论等等。而前端呢?其实应该是属于功能的表现。而我们建设网站的目的是什么呢?不就是为了让目标人群来访问吗?所以我们可以理解成前端才是真正和用户接触的。除了后台需要在性能上做优化外,其实前端的页面更需要在性能优化上下功夫,只有这原创 2014-09-15 10:42:24 · 955 阅读 · 0 评论 -
Web前端性能优化全攻略
Yahoo! 的 Exceptional Performance team 在 Web 前端方面作出了卓越的贡献。广为人知的优化规则也由 13 条到 14 条,再到 20 条,乃至现在的 34 条--真是与时俱进啊。最新的 34 条也针对不同的角度做了分类。面向内容的优化规则目前有 10 条。1. 尽量减少HTTP请求 (Make FewerHTTPRequests)原创 2014-09-15 15:29:56 · 1531 阅读 · 0 评论 -
使用X-UA-Compatible来设置IE浏览器兼容模式
文件兼容性用于定义让IE如何编译你的网页。此文件解释文件兼容性,如何指定你网站的文件兼容性模式以及如何判断一个网页该使用的文件模式。前言为了帮助确保你的网页在所有未来的IE版本都有一致的外观,IE8引入了文件兼容性。在IE6中引入一个增设的兼容性模式,文件兼容性使你能够在IE呈现你的网页时选择特定编译模式。新的IE为了确保网页在未来的版本中都有一支的外观,IE8引入了文件兼原创 2014-02-25 12:01:50 · 787 阅读 · 0 评论 -
网站设计--多语言网站实现方案
多语言网站实现方案 1,静态:就是为每种语言分别准备一套页面文件,要么通过文件后缀名来区分不同语言,要么通过子目录来区分不同语言。 例如对于首页文件index_en.htm提供英语界面,index_gb.htm提供简体中文界面,index_big.htm提供繁体中文界面,或者是 en/index.htm提供英语界面,gb/index.htm提供简体中文界面,big/index.原创 2014-05-23 10:45:28 · 3197 阅读 · 0 评论 -
Web前端,高性能优化
高性能HTML一、避免使用iframe iframe也叫内联frame,可将一个HTML文档嵌入另一个HTML文档中。 iframe的好处是,嵌入的文档独立于父文档,通常也借此使浏览器模拟多线程。缺点是: ①虽然iframe能模拟多线程,但主流浏览器的同域名并行下载数是不变的,浏览器对同域名的链接总是共享浏览器级别的连接池, 即使是不同窗口或标签页的同域名网页原创 2014-09-15 10:55:42 · 659 阅读 · 0 评论 -
前端性能优化最佳实践
如今浏览器能够实现的特性越来越多,并且网络逐渐向移动设备转移,使我们的前端代码更加紧凑,如何优化,就变得越来越重要了。开发人员普遍会将他们的代码习惯优先于用户体验。但是很多很小的改变可以让用户体验有个飞跃提升,所以任何一点儿小小的优化都会提升你网站的性能。前端给力的地方是可以有许多种简单的策略和代码习惯让我们可以保证最理想的前端性能。我们这个系列的主题就是要告诉你一些前端性能优原创 2014-09-15 11:57:57 · 675 阅读 · 0 评论 -
网站前端性能优化总结
一、服务器侧优化1.添加Expires或Cache-Control信息头某些经常使用到、并且不会经常做改动的图片(banner、logo等等)、静态文件(登录首页、说明文档等)可以设置较长的有效期(expiration date),这些HTTP头向客户端表明了文档的有效性和持久性。如果有缓存,文档就可以从缓存(除已经过期)而不是从服务器读取。接着,客户端考察缓存中的副本原创 2014-09-15 14:58:02 · 748 阅读 · 0 评论 -
前端性能优化究极宝典
(1)减少网络传输的消耗在低速网络下,带宽是网络性能的最大瓶颈,在网络速率一定的情况下,请求、响应的数量、大小直接影响页面响应的时间。一次页面请求响应中,有 10%~20% 的响应时间花在下载 HTML 文档上,其余 80%~90% 时间花在页面的组件上。CSS、JS、图片等资源都会增加 HTTP 请求数,减少这些元素的数量、大小就能减少响应时间。(2)减少 DOM 元素数原创 2015-02-04 20:27:15 · 691 阅读 · 0 评论 -
移动端网页实现拨打电话功能的几种方法
采用url链接的方式,实现在safari ios,android 浏览器,webos 浏览器,塞班浏览器,ie,operamini等主流浏览器,进行拨打电话功能。1.最常用的方式:复制代码代码如下:报警!在拨号界面,显示号码,并提示拨打。支持大部分的浏览器,但是在qq浏览器上支持不好。2、自动探测电话号码如果要支持safa原创 2015-08-24 14:49:52 · 40376 阅读 · 1 评论