时间插件moment.js 图标插件chart.js 表格插件datatable.js 初始化: $('#table1').DataTable({ "oLanguage": { "oAria": { "sSortAscending": " - click/return to sort ascending", "sSortDescending": " - click/return to sort descending" }, "sLengthMen ...
语义化版本号
概述Semmantic Versioning是由github起草的具有指导意义的,统一的版本号表示规则: 软件的版本通常由三位组成,形如: X.Y.Z(主版本号/次版本号/修订号). 版本是严格递增的,例如: 16.2.0 -> 16.3.0 -> 16.3.1; 在发布重要版本时,可以发布alpha,beta,rc等现行版本; alpha 和 rc 等修饰版本的关键字后面可以加上次数和meta信息. 版本格式 主版本号(major):当你做了不兼容的 API 修改; 次版本号(minor): 当你做了向下兼容的功能性新增,可以理解为 feature 版本; 修订号(Pat ...
CSS 选择器/动画
一.基本选择器 通用元素选择器(*) 通用元素选择器,匹配任何元素; 标签选择器(E) 匹配所有使用 E 标签的元素; class选择器(.class) 匹配所有class属性中包含此class 的元素; id选择器(#id) 匹配所有id属性为此id的元素 实例: * { margin:0; padding:0; } p { font-size:2em; } .info { background:#ff0; } p.info { background:#ff0; } p.info.error { color:#900; font-weight:bold; } #inf ...
寂静之城
作者:马伯庸 And in the naked light I saw ten thousand people, maybe more. People talking without speaking, people hearing without listening. People writing songs that voices never shared, no one dared disturb the sound of silence. — The sound of silence 美利坚合众国,2015年,纽约。 当电话响起来的时候,阿瓦登正趴在电脑前面睡觉。电话铃声十分急促,尖锐 ...
两种盒子模型
盒子模型是CSS中一个重要的概念,理解了盒子模型才能更好的排版。其实盒子模型有两种,分别是 IE 盒子模型和标准 W3C 盒子模型。 1.标准盒子模型从上图可以看到标准 W3C 盒子模型的范围包括 margin、border、padding、content,并且 content 部分不包含其他部分。 IE盒子模型IE 盒子模型的范围也包括 margin、border、padding、content,和标准 W3C 盒子模型不同的是:IE 盒子模型的 content 部分包含了 border 和 padding。举个例子:一个盒子的 margin 为 20px,border 为 1px, ...
如何解决跨域问题
什么是跨域跨域,指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对JavaScript施加的安全限制。 同源策略所谓同源是指,域名,协议,端口均相同。例如:http://www.123.com/index.html 调用 http://www.123.com/server.PHP (非跨域) http://www.123.com/index.html 调用 http://www.456.com/server.php (主域名不同:123/456,跨域) http://abc.123.com/index.html 调用 http://def.123.com/ser ...
加快网站访问速度的方法
通过以下的方法,可以提高网站的访问速度,减少页面的加载时间。 1.减少HTTP请求数量80%的用户响应时间被花费在前端,而这其中的绝大多数时间是用于下载页面中的图片、样式表、脚本以及Flash这些组件。减少这些组件的数量就可以减少展示页面所需的请求数,而这是提高网页响应速度的关键。 合并文件,通过把所有脚本置于一个脚本文件里或者把所有样式表放于一个样式表文件中,从而减少Http请求的数量。 CSS Sprites是减少图片请求的首选方案。把所有的背景图片合并到一张图中,使用CSS的background-image 和background-position 属性去控制展现恰当的图片区域。 ...
从输入url到页面加载完成中发生的事情
一个页面从输入URL到页面加载显示完成,这个过程都发生什么?1.url分割输入url之后,浏览器会把url分割成几个部分,包括协议,网络地址,资源路径,端口等; 2.域名解析判断网络地址是不是ip,如果是ip的话,向该ip地址发起http请求,如果网络地址是域名的话,进行DNS解析的步骤: (1)本机向本地dns服务器发起DNS解析请求,本地服务器首先检查本地缓存中是否存在请求的域名对应的ip地址,(这里的缓存查看顺序为从浏览器缓存开始,到系统缓存,再到路由器缓存)有的话直接返回,没有dns缓存的话进行下一步; (2)本地dns服务器向全球13个根域名服务器中的一台发送dns查询 ...
HTML,XML和XHTML
XHTMLXHTML是什么 XHTML 指可扩展超文本标签语言(EXtensible HyperText Markup Language)。 XHTML 的目标是取代 HTML。 XHTML 与 HTML 4.01 几乎是相同的。 XHTML 是更严格更纯净的 HTML 版本。 XHTML 是作为一种 XML 应用被重新定义的 HTML。 XHTML 是一个 W3C 标准。 为什么使用XHTML简单地说,XHTML是HTML与XML的结合物。HTML用来显示数据,而XML用来描述数据。XHTML可以被所有的支持XML的设备读取,同时在其余的浏览器升级至支持 XML 之前,XHTML 使我们有 ...
git的介绍和使用
git的介绍git是世界上最先进的分布式版本控制系统,可以实现协作编辑,记录文件改动等功能,由linus公司于2005年开发,接着git迅速成为最流行的分布式版本控制系统,在2008年GitHub上线,git为GitHub提供免费git存储,无数开源项目开始迁移至GitHub,包括jQuery,php,ruby等。git属于分布式版本控制系统,它没有所谓的中央服务器,每个人的电脑都有完整的版本库。这样不会因为中央服务器宕机导致网络瘫痪。 创建版本库 版本库又名仓库,英文名repository,可以简单理解成一个目录,这个目录里面的所有文件都可以被Git管理起来,每个文件的修改、删除,Git都能 ...