Fork me on GitHub

发表于 | 分类于

第一章 概述

HTML5 概念：不仅仅是指最新版本的 HTML 标记语言，还包含了很多被现代浏览器所支持的新技术，例如 CSS3、嵌入式音频/视频、Canvas、WebSocket、应用程序缓存、本地存储、索引数据库、文件API、地理位置等。
什么是高性能
页面加载时间
浏览器性能
网络性能
开发效率

阅读全文 »

发表于 | 分类于

关于em这个字体单位，我一直比较纠结。只知道它是一种相对长度单位，默认1em=16px(即浏览器默认字体大小）。
但em使用时并不是简单的1em=16px这么算，以下为引用内容：

阅读全文 »

发表于 | 分类于

DOM常用方法

  • getElementById(id): 获取有指定惟一ID属性值文档中的元素;
  • getElementsByTagName(name): 返回当前元素中有指定标记名的子元素的数组;
  • hasChildNodes(): 返回一个布尔值，指示元素是否有子元素;
  • getAttribute(name): 返回元素的属性值，属性由name指定；
  • appendChild(element): 将element插入到当前元素后面;
  • createElement(element): 创建一个新的element;
  • createTextNode(text): 以text为内容创建一个新的text节点;
  • insertBefore(new_node, old_node): 将new_node插入到old_node前面一个位置.
    当然，也可以自己创建个insertAfter(),
    点击产看
阅读全文 »

发表于 | 分类于

今天在写页面的时候遇到个小bug，比如设置字体为10px甚至8px。但按照常规设置字体大小后，在chrome下浏览页面会觉得不如想象中小。没错，默认情况下chrome中的字号不能小于12px。

查看有关资料后，找到解决办法：

阅读全文 »

发表于 | 分类于

链式操作

1
2
3
4
5
6
7
$(document).ready(function(){
        $("button").click(function(){
        $("#p1").slideUp(2000).slideDown(2000).css("color","red");
        $("#div-log").html("<p>"+"实现链式（Chaining）操作"+"</p>");
        //类似于+=
    });
});
阅读全文 »

发表于 | 分类于

以下是自己收藏网友的面试题，很实用；这只能帮你一般都会问什么，关键看自己平时的积累。临时抱佛脚没什么用，剩下的就看自己了。

阅读全文 »

发表于 | 分类于

setTimeout和setInterval的语法相同。都有两个参数，一个是将要执行的代码字符串，还有一个是以毫秒为单位的时间间隔，当过了某个时间段之后就将执行那段代码。两者的区别在于，setInterval在执行完一次代码之后，经过了那个固定的时间间隔，它还会自动重复执行代码，而setTimeout只执行一次那段代码。但这并不意味着setTimeout只能用于on-off方式的动作上，可以通过创建一个函数循环重复调用setTimeout，以实现重复的操作：

阅读全文 »

发表于 | 分类于

$(document).ready()的表示在DOM加载完之后执行一个函数【这里DOM加载完不代表全部文件加载完，例如图片文件，虽然图的src的地址加载好了，但是图本身还没加载完】。

与window.onload的区别：

1.执行时间：

window.onload是在DOM加载完成 + DOM相关的文件下载完成 之后再执行函数。

$(document).ready()是在DOM加载完之后执行一个函数。

$(document).ready()要比window.onload先执行；有时候页面还没有完全加载完毕而用户已经在操作页面，在技术上很多情况下，只要DOM已完全加载好了，JS就可以运行去操作DOM了，没必要等到全部加载完成,所以用$(document).ready()来提前，但是当使用的JS依赖 CSS 属性值时，或者需要在元素被加载之后才能使用时（例如，取得图片的大小需要在图片被加载完后才能知道），就需要将这样的JS放到load事件中，以免因为贪图快而带来麻烦。

阅读全文 »