前端技术

网页中图片格式的选择

图片格式是指计算机存储图片的格式,常见的存储的格式有BMP、JPEG、GIF、PNG、SVG、等等。我们常用到的网页图片格式一般分为2种:一种是位图,另一种是矢量图。下面我们分别细分这两种格式的特点与区别。
1 min read

网站开发中的字体设置

字体的选择,是网页开发的关键因素之一。合适的字体,对网页的美观度(或可读性)有着举足轻重的影响。由于字体设置在代码实现上非常的简单,导致了大多数开发人员都没有重视。在前端、设计分工协助的状态下很容易导致字体设置成为三不管的状态。
2 min read

前端公共CDN资源整理

国内: 百度静态资源公共库:http://cdn.code.baidu.com/ 360网站卫士常用前端公共库CDN:http://libs.useso.com/ 又拍云JS库加速服务:http://jscdn.upai.com/ 七牛云存储开放静态文件:https://www.staticfile.org/ BootCDN:http://w ...
7 sec read

微信官方UI库:WeUI

WeUI是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素
9 sec read

使用Bower进行前端依赖管理

什么是Bower? 前端开发圈越来越热闹,第三方js库层出不穷,版本更迭日新月异;且许多库又对其他库有着依赖关系。而我们的页面需要的库也越来越多样化。以往需要引入第三方库,需要搜索寻找所需库的特定版本下载,还需要搜索寻找下载特定版本的依赖库, ...
58 sec read

如何设置网页头部的语言声明

我们经常需要用缩写的代码来表示一种语言,比如用en表示英语,用de表示德语。ISO 639就是规定语种代码的国际标准。最早的时候,ISO 639规定的代码是,用两个拉丁字母表示一种语言,这被称为ISO 639-1。但是,两个拉丁字母最多只有26^2=676种组合,而世界 ...
40 sec read

网页的DOCTYPE声明的作用

DOCTYPE,简称为DTDs,是英文Document type的缩写,中文“文档类型”,在Web设计中用来说明你用的XHTML或者HTML是什么版本。要建立符合标准的XHTML网页,DOCTYPE声明是必不可少的关键组成部分;除非你的XHTML确定了一个正确的DOCTYPE,否则你的标识和CSS都 ...
31 sec read

HTML中meta标签

<meta>标签提供关于HTML文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。meta 标签包含了 HTTP 标题信息(http-equiv) 和页面描述信息(name)。
58 sec read

浏览器兼容模式X-UA-Compatible的设置

X-UA-Compatible是针对IE8新加的一个设置,对于IE8以下的浏览器是不识别的。以下为一些常用的兼容模式:
28 sec read

浏览器特性检测工具:Modernizr

10年前,只有最尖端的网站设计师会为网页的布局和修饰使用CSS。那时的浏览器对CSS进行布局的支持既不完善又漏洞百出,所以他们在坚持WEB标准化的同时,不得不采用hacks来使得他们的页面在所有浏览器中都能正常显示。其中一个被使用的最多的hack技术是浏览 ...
18 sec read

理解前端开发中的优雅降级及渐进增强

在前端开发中,遇到最麻烦的事情就是浏览器的兼容性问题。对于这个问题的解决,通常有如下两种思路:
2 sec read

JSON和JSONP的区别

先前的概念中对JSON还是比较熟悉,对JSONP不是特别的清楚,整理完相关知识发现才豁然开朗。简单的说JSON是一种数据交换格式,而JSONP是一种非官方跨域数据交互协议。JSON是“暗号”,而JSONP则是接头方式。一个是描述信息的格式,一个是信息传递双方约定的 ...
1 min read