退回原地等待的博客

原创 《编写高质量代码--web前端开发修炼之道》笔记-CSS

此篇为本笔记的第二篇标准模式与怪异模式（模拟老式浏览器的行为）如果漏写了DTD声明，Firefox仍然会按照标准模式来解析网页，但在IE中（包括IE6，IE7，IE8）就会触发怪异模式IE盒模型的解析标准模式：网页元素的宽度有padding，border，width三者的宽度相加决定 怪异模式：width本身就包括了padding和border的宽度组织CSSbase.c...

原创 《编写高质量代码--web前端开发修炼之道》笔记-HTML

此篇为本笔记的第一篇语义化让HTML可以从样式、结构混杂的局面中挣脱出来，专注于结构标签的职能只限于描述功能，弱化其“布局”能力，将“布局”完全放到样式中控制检验方法 1）去掉样式，看网页结构是否组织良好有序，是否仍然有良好的可读性 2） Firefox插件——Web Developer（禁用CSS、网页信息-查看文件大纲）h标签搜索引擎对h标签很敏感，应保证h标签...

原创 JavaScript变量数据类型转换

摘要任意值——数值 任意值——布尔值 任意值——字符串1. 任意值——数值1.1 非字符串——数值方法：Number()1.1.1 booleantrue转换为1 false转换为01.1.2 number简单的传入和返回1.1.3 null转换为01.1.4 undefined转换为NaN1.2 字符...

原创 IE盒模型和CSS3中box-sizing属性

标准盒模型–margin+border+padding+contentIE盒模型–margin+content（IE5.5及更早）IE盒模型中，content的宽高包含border和padding 改变padding和border时，对布局的影响标准盒模型下，改变border和padding都会使整个box的宽高改变。IE盒模型下，一旦设置了width和heig...

原创 relative，absolute和float的联系与区别

原创 jQuery中html()、text()、val()的区别

三者均有两个方法，一个有参，一个无参html读取和修改元素的HTML标签 对应js中的innerHTML无参：取得第一个匹配元素的html内容 不能用于XML文档，可以用于XHTML文档 返回String<div> <p>Hello</p></div>$("div").html(); //结果：Hello有参：设置每一个匹配元素的html内容 不能用于XML文档，可以用于XH

原创 jQuery基础

发现之前学的jQuery基础都不太牢固，整理出常用的一些，主要是为了复习，所以会的在此就只列了名字略过基础选择器#idelement.class*sele1,sele2,seleNance desc 获取祖先元素ance下 所有的子孙 desc元素parent>child 获取父元素parent下子child元素prev+next 获取prev元素 紧邻的下一个 next元素

转载 css选择器问题

选择器类型严格来讲，选择器的种类可以分为三种：标签名选择器、类选择器和ID选择器。而所谓的后代选择器和群组选择器只不过是对前三种选择器的扩展应用。而 在标签内写入style=”“的方式，应该是CSS的一种引入方式，而不是选择器，因为根本就没有用到选择器。而一般人们将上面这几种方式结合在一起，所 以就有了5种或6种选择器了。三种基本的选择器类型语法如下：标签名选择器，如：p{}，即直接使用HTML标

转载 JS中的random()、floor()、ceil()、round()

Math.random(); Math.floor(num); Math.ceil(num); Math.round(num); Math.ceil(Math.random()*10);Math.round(Math.random());Math.round(Math.random()*10);Math.floor(Math.random()*10);

原创 排序方法简略描述

时间复杂度为O（n^2）冒泡排序：选择排序：插入排序：时间复杂度为O（n*log n）归并排序：快速排序：希尔排序：

原创 OSI参考模型的各层的主要功能对比

OSI参考模型的各层的主要功能对比 项目 传输单位 作用 物理层 比特 在一条物理传输媒体上，实现数据链路实体之间透明的传输各种数据的比特流，尽量地屏蔽不同的设备和媒体的差异 数据链路层 帧 负责建立、维持和释放数据链路的连接，在两个相邻结点间的链路上，无差错的透明的传送数据 网络层 分组或包 负责为分组交换网上的不同主机提供通信，选择合适的路由和交换结