jQuery中html()与text()的区别

• html()

1.不传参

html()：不管取得的jQuery对象是否为多个，只获取匹配的第一个元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档，返回的是一个String

1
2
3
4
5

//html页面代码
<div>
    <p><span>早上</span></p>
    <p><span>好</span></p>;
</div>

1
2
3
4
5

//jquery代码
$("p").html();
//结果
//<span>早上</span>;

深拷贝和浅拷贝

在JavaScript中，对于object等引用类型值，当从一个变量向另一个变量复制引用类型值时，这个值的副本其实是一个指针，两个变量指向同一个堆对象，改变其中一个变量，另一个也会受到影响。

很多情况下，我们都需要给变量赋值，但希望和原来变量不再共存一个地址。所以就要实现深拷贝。

写一个函数trim(str)，去除字符串两边的空白字符

1
2
3

function trim(str){
    return str=str.replace(/^\s+|\s+$/g,'');
}

1.元素之间的间隙

两个inline-block 元素之间会出现间隙。如下图：

解决方法：

• 第一种：

将父元素的 font-size 设置为0，然后在 inline-block 元素中将 font-size 设置为 14px.

浮动元素有什么特征？对父容器、其他浮动元素、普通元素、文字分别有什么影响?

• 浮动元素特征：

1.浮动元素脱离文档流

2.浮动元素使用块布局

3.浮动元素外边缘碰到包含框或者另一个浮动元素的框的边缘会停下

4.普通流中的文字将会围绕浮动元素

• 影响 1.会有父元素高度塌陷的情况（子元素都浮动） 2.其他浮动元素碰到浮动元素会停下（紧贴浮动元素排列，父元素宽度不够的话会折行） 3.普通元素察觉不到浮动元素，会替代浮动元素的原本位置 4.文字可以感知浮动元素的存在，会围绕浮动元素排列

编码规范

• tab用两个空格表示–这是唯一能保证在所有环境下获得一致展现的方法
• 嵌套元素应当缩进一次（即两个空格）
• 对于属性的定义，最好全部使用双引号

line-height的值和height一致

只对文本有效（块级元素无效），文本会默认在自己行高内垂直居中。

• 范例如下图：

• 代码

  1 2 3 4 5 6 7 8 9 10

  <style> .first{ background-color: pink; height：60px; line-height:60px; } </style> <div class="first"> <p>文本垂直居中</p> </div>

CSS选择器是学习CSS以及Web编程的基础。但是总有不少人会对一些选择器的概念似懂非懂，用的不熟。

好消息是这篇文章整理了你可能会用到的几乎所有CSS选择器。

废话不多说，直接上干货。

markdown简介

markdown是一种很常用有很重要的语言和工具。

markdown是一种轻量级标记语言，使用易读易写的纯文本格式编写文档，呈现出HTML文件。是用户可以更多关注文本内容本身，而不是文本的样式以及排版布局。markdown就是这样的可读性强、简洁、轻量的一种编辑器。

markdown语法介绍

标题

“#”和标题内容之间需有空格

1
2
3
4
5
6

# 一级标题 对应h1
## 二级标题 对应h2
### 三级标题 对应h3
#### 四级标题 对应h4
##### 五级标题 对应h5
###### 六级标题 对应h6