How To Make Your Websites Faster On Mobile Devices

2014-12-02
阅读 5 分钟
2k
If you multiply that by the 4 seconds that mobile users are expecting to wait, this means the website could be a maximum of 1 MB for 3G users and 3 MB for 4G users.

Javascript anonymous functions

2014-12-02
阅读 3 分钟
3.2k
Anonymous functions are functions that are dynamically declared at runtime. They’re called anonymous functions because they aren’t given a name in the same way as normal functions.

HTTP w3c笔记

2014-11-30
阅读 1 分钟
2.2k
HTTP协议是Hyper Text Transfer Protocol(超文本传输协议)的缩写,是用于从万维网(WWW:World Wide Web )服务器传输超文本到本地浏览器的传送协议。 基于TCP/IP通信协议来传递数据(HTML 文件, 图片文件, 查询结果等)。

AJAX - onreadystatechange 事件

2014-11-30
阅读 2 分钟
2.9k
onreadystatechange 事件 当请求被发送到服务器时,我们需要执行一些基于响应的任务。 每当 readyState 改变时,就会触发 onreadystatechange 事件。 readyState 属性存有 XMLHttpRequest 的状态信息。 下面是 XMLHttpRequest 对象的三个重要的属性: onreadystatechange: 存储函数(或函数名),每当 readyState 属性改...

Cookies,SessionStorage 和 LocalStorage 的区别

2014-11-28
阅读 1 分钟
6.5k
Cookie {代码...} LocalStorage {代码...} SessionStorage {代码...}

When to use @⁠extend; when to use a mixin

2014-11-28
阅读 3 分钟
2.2k
一般是不建议用@extend,如果你已经非常肯定要用@extend,那么再看看下面三条建议: Please reconsider. Use the placeholder hack(Extending silent classes in Sass). Keep an eye on your output. 理论上@extend是很不错,但在实践中,有太多事可能出错了。 I have seen stylesheets more-than-double in size; I hav...

HTML4,XHTML,HTML5之间的纠葛

2014-11-27
阅读 1 分钟
2.6k
在HTML的早期发展中,W3C成立之前,很多标准的制定都是在浏览器的开发者们互相讨论的情况下完成的,比如HTML 2.0, 3.2直到4.0, 4.01,这些标准大部分都是所谓的retro-spec,即先有实现后有标准。在这种情况下,HTML标准不是很规范,浏览器也对HTML页面中的错误相当宽容。这反过来又导致了HTML作者写出了大量的含有错误的...

网页加载流程及其优化方法

2014-11-27
阅读 2 分钟
3.9k
目前的技术实现中,用户提出页面访问请求后,页面的完整加载流程如下: 用户访问网页,浏览器发送一个HTTP 请求到网络服务器 服务器解析这个请求,然后从存储层去数据,接着生成一个html 文件内容,并在一个HTTP Response 中把它传送给客户端 HTTP response 在网络中传输 浏览器解析这个Response ,创建一个DOM 树,然后...

LSCOLORS

2014-11-27
阅读 1 分钟
2.1k
LSCOLORS=“GxGxcxdxbxegedabagacad” 各值的意义,按顺序,每两个表示一种类型 {代码...} 颜色代码 {代码...} 有个在线工具可以在线调

网站h1,h2,h3标签的用法和技巧

2014-11-27
阅读 2 分钟
7.3k
我们首先要明白h1,h2是什么。在HTML语言中有<h1>到<h6>定义标题头的六个不同文字大小的TAGES。本质是为了呈现内容结构,共有六种标签,文字从大到小,权重依此反而降低。也就是说H1>H2>H3,依此类推。他在优化中也是起着,呈现内容结构的一个作用,这样分配的好处把网页整个结构由主到次区分开来,搜...

语义化HTML

2014-11-27
阅读 1 分钟
2.2k
通过使用语义化标记, 可以提高代码的可读性 让浏览器更好地优化你的网页(尤其在移动终端) 让搜索引擎爬虫, 盲人使用的页面阅读器更好地理解你的网页. 访问性更好:脱离css还能看

什么是渐进增强和优雅降级

2014-11-27
阅读 1 分钟
3k
常用两种策略:要么优雅降级(graceful degradation,一开始就构建站点的完整功能,然后针对浏览器测试和修复),要么渐进增强(progressive enhancement,一开始只构建站点的最少特性,然后不断针对各浏览器追加功能。

grunt安装记录

2014-11-27
阅读 2 分钟
3.8k
Grunt和Grunt的插件都是通过Node.js的包管理器npm来安装和管理的。 Grunt 0.4.x要求Node.js的版本>=0.8.0(也就是0.8.0及以上版本的Node.js才能很好的运行Grunt)。 安装Grunt之前,可以在命令行中运行node -v查看你的Node.js版本。

IE8以下不支持getElementsByClassName方法

2014-11-25
阅读 1 分钟
3.9k
自己写getElementsByClassName函数方法 //解决IE8之类不支持getElementsByClassName if (!document.getElementsByClassName) { document.getElementsByClassName = function (className, element) { var children = (element || document).getElementsByTagName('*'); var elements = new Array(); for (var i = 0; i &l...

闭包

2014-11-25
阅读 1 分钟
2.2k
一道笔试题 {代码...} 你以为这会输出什么?小心别跳入陷阱里。结果为: undefined 10秒后输出 undefined 20秒后输出 undefined 为什么呢?因为i是全局变量,当for循环执行结束后,i当然等于数组长度,所以三次结果都是第三次。实际测试结果都是undefined,因为只有当i=3的时候才结束for循环,而arr[3]表示数组的第四个元...

11-25前端笔试题

2014-11-25
阅读 2 分钟
3k
闭包:这个术语非常古老,是指函数变量可以被隐藏于作用域链之内,因此看起来是函数将变量“包裹”起来了。 定义大多数函数时的作用域链在调用函数时依然有效,但这并不影响闭包。当调用函数时闭包所指向的作用域链,和定义函数时的作用域链不是同一个作用域链时,事情就变得非常微妙。当一个函数嵌套另一个函数,外部函数...

10个最常见的 HTML5 面试题及答案

2014-11-24
阅读 2 分钟
4.9k
1、新的 HTML5 文档类型和字符集是? HTML5 文档类型很简单: {代码...} HTML5 使用 UTF-8 编码示例: {代码...} 2、HTML5 中如何嵌入音频? HTML5 支持 MP3、Wav 和 Ogg 格式的音频,下面是在网页中嵌入音频的简单示例: {代码...} 3、HTML5 中如何嵌入视频? 和音频类似,HTML5 支持 MP4、WebM 和 Ogg 格式的视频,下...

css 的margin学习笔记

2014-11-19
阅读 1 分钟
2.3k
margin通过使用单独的属性,可以对上、右、下、左的外边距进行设置。即:margin-top、margin-right、margin-bottom、margin-left。

css中的display属性(行内元素和块级元素)

2014-11-19
阅读 2 分钟
5.5k
inline特性 内联对象inline给它设置属性height和width是没有用的,致使它变宽变大的 原因是: 它实际宽度为:内部元素的宽+2*(padding+border+margin)。inline对象不单独占一行。

前端面试题

2014-11-19
阅读 1 分钟
4.3k
当某个函数调用时会创建一个执行环境以及作用域链,然后根据arguments和其它命名参数初始化形成活动对象。 在外部函数调用结束后,其执行环境与作用域链被销毁,但是其活动对象保存在了闭包之中,最后在闭包函数调用结束后才销毁

ubuntu 14.04 安装 apache ant

2014-11-17
阅读 1 分钟
4.1k
配置环境变量:sudo vim /etc/environment,在原来基础上添加以下文字,然后保存退出(部分是jdk安装时的配置): ANT_HOME=/opt/apache-ant-1.9.2 export PATH=$JAVA_HOME/bin:$PATH:$ANT_HOME/bin export CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar

ubuntu 14.04 下通过apt-get 安装jdk

2014-11-17
阅读 2 分钟
100.1k
Installing default JRE/JDK sudo apt-get update sudo apt-get install default-jre sudo apt-get install default-jdk

PHP实现的支持断点续传的下载类

2014-11-10
阅读 2 分钟
3.4k
转自:[链接] 断点续传测试方法: 使用linux wget命令去测试下载, wget -c -O file [链接] 1.先关闭断点续传$flag = $obj->download($file, $name); {代码...} 可以看到,wget -c不能断点续传 2.开启断点续传 {代码...} --2013-06-30 16:53:19-- [链接] 正在解析主机 demo.test.com... 127.0.0.1 正在连接 demo.test.co...

PHP 扩展名获取

2014-11-10
阅读 1 分钟
2.2k
{代码...}

前端各种问题

2014-10-29
阅读 2 分钟
2.2k
块级元素即使设置了宽度,仍然是独占一行的, 块级元素可以设置margin和padding属性。行内元素的margin和padding属性只有水平边距,没有竖直边距。 竖直方向的padding虽然增大了行内元素的面积,但并没有和相邻元素拉开距离。