1. Jquery中的append跟prepend，after和before的区别
实例代码：
<ul>
<li>元素1</li>
<li>元素2</li>
<li>元素3</li>
</ul>
①append是插入到所选元素里面子元素的最后面。
如$("ul").append("<li>插入的元素4</li>");结构会变成：
<ul>
<li>元素1</li>
<li>元素2</li>
<li>元素3</li>
<li>插入的元素4</li>
</ul>
②prepend是插入到所选元素里面子元素的最前面。
如$("ul").prepend("<li>插入的元素4</li>");结构会变成：
<ul>
<li>插入的元素4</li>
<li>元素1</li>
<li>元素2</li>
<li>元素3</li>
</ul>
③after是插入到所选元素的最后面(紧挨着被选元素)。
如$("ul").after("<div>新盒子</div>");结构会变成：
<ul>
<li>元素1</li>
<li>元素2</li>
<li>元素3</li>
</ul>
<div>新盒子</div>
④before是插入到所选元素的前面(紧挨着被选元素)。
如$("ul").before("<div>新盒子</div>");结构会变成：
<div>新盒子</div>
<ul>
<li>元素1</li>
<li>元素2</li>
<li>元素3</li>
</ul>
2. it is + 一段时间 +since 和 it is + 一段时间 + before的区别
it is + 一段时间 +since 和 it is + 一段时间 + before的区别：
1、it is + 一段时间 +since表示从这个时间开始到现在...自从.....以来，用法上It + ( 现在完成时 ) + 一段时间+ since + ( 一般过去时 )。
2、it is + 一段时间 + before表示在这个时间之前，或者大约在这个时间上就会发生某事。用法上It + ( 一般将来时 ) + 一段时间+ before +( 一般现在时 )。
拓展资料
it is + 一段时间 +since
1、It is long since you summoned me here.
你已经很久没有召我到这里了。
2、It is ages since we last met.
我们已经好久没见面了。
3、It is efficient since the PHP parser does the dirty work.
用php分析器干这个苦差事是有效的。
4、It is amazing since it could be applied in many areas.
特征向量这个东西可以在很多方向申请。
5、Gold retains a unique place in the commodities pantheon, even though it is decades since governments and central banks stopped using the metal as backing for paper currencies.
尽管各国政府和央行在几十年前就停止把黄金用作纸币的后盾了，但黄金仍在大宗商品领域占据独特地位。
it is + 一段时间 + before
1、When you create a variable, you need to declare what type it is before you can use it.
在创建变量时，需要声明变量的类型，然后才能使用该变量。
2、If you read a number from a file and expect it to be positive, check that it is before further processing with that number.
如果从文件中读入一个数字并期望其为正数，那么，在使用其进行进一步处理前对其先验证一下。
3、Listen I misplaced the 240 million dollar lottery ticket. You have to tell me where it is before my wife comes home, I asked.
听着，我不知把那张中了两亿四千万的彩票放哪了，你要在我妻子回到家前告诉我它在哪里。
4、This method tells you all you need to know: whether one node is a descendent or an ancestor of the other, whether it is before or after, and so on.
这个方法告诉您所有想知道的内容：一个节点是另一个节点的后代还是祖先、在前面还是后面等等。
3. before，*：after有什么作用
developer.mozilla.org官网解释：
::before creates a pseudo-element that is the first child of the element matched. It is often used to add cosmetic content to an element by using the content property. This element is inline by default.
概意思：
::before创建伪元素(跟伪造类类似:hover)位置第元素位置用用于通content属性设置些装饰性内容；元素属性默认inline
::after伪元素位置节点面~
4. Web前端开发技术题 ，列举你知道的CSS选择器及其用法，并按优先顺序排序。
选择器 例子 描述
.class .intro 选择 class="intro" 的所有元素。
#id #firstname 选择 id="firstname" 的所有元素。
* * 选择所有元素。
element p 选择所有 <p> 元素。
element,element div,p 选择所有 <div> 元素和所有 <p> 元素。
element element div p 选择 <div> 元素内部的所有 <p> 元素。
element>element div>p 选择父元素为 <div> 元素的所有 <p> 元素。
element+element div+p 选择紧接在 <div> 元素之后的所有 <p> 元素。
[attribute] [target] 选择带有 target 属性所有元素。
[attribute=value] [target=_blank] 选择 target="_blank" 的所有元素。
[attribute~=value] [title~=flower] 选择 title 属性包含单词 "flower" 的所有元素。
[attribute|=value] [lang|=en] 选择 lang 属性值以 "en" 开头的所有元素。
:link a:link 选择所有未被访问的链接。
:visited a:visited 选择所有已被访问的链接。
:active a:active 选择活动链接。
:hover a:hover 选择鼠标指针位于其上的链接。
:focus input:focus 选择获得焦点的 input 元素。
:first-letter p:first-letter 选择每个 <p> 元素的首字母。
:first-line p:first-line 选择每个 <p> 元素的首行。
:first-child p:first-child 选择属于父元素的第一个子元素的每个 <p> 元素。
:before p:before 在每个 <p> 元素的内容之前插入内容。
:after p:after 在每个 <p> 元素的内容之后插入内容。
element1~element2 p~ul 选择前面有 <p> 元素的每个 <ul> 元素。
[attribute^=value] a[src^="https"] 选择其 src 属性值以 "https" 开头的每个 <a> 元素。
[attribute$=value] a[src$=".pdf"] 选择其 src 属性以 ".pdf" 结尾的所有 <a> 元素。
[attribute*=value] a[src*="abc"] 选择其 src 属性中包含 "abc" 子串的每个 <a> 元素。
:first-of-type p:first-of-type 选择属于其父元素的首个 <p> 元素的每个 <p> 元素。
:last-of-type p:last-of-type 选择属于其父元素的最后 <p> 元素的每个 <p> 元素。
:only-child p:only-child 选择属于其父元素的唯一子元素的每个 <p> 元素。
:nth-child(n) p:nth-child(2) 选择属于其父元素的第二个子元素的每个 <p> 元素。
:nth-last-child(n) p:nth-last-child(2) 同上，从最后一个子元素开始计数。
:nth-of-type(n) p:nth-of-type(2) 选择属于其父元素第二个 <p> 元素的每个 <p> 元素。
:nth-last-of-type(n) p:nth-last-of-type(2) 同上，但是从最后一个子元素开始计数。
:last-child p:last-child 选择属于其父元素最后一个子元素每个 <p> 元素。
:empty p:empty 选择没有子元素的每个 <p> 元素（包括文本节点）。
:target #news:target 选择当前活动的 #news 元素。
:enabled input:enabled 选择每个启用的 <input> 元素。
:disabled input:disabled 选择每个禁用的 <input> 元素
:checked input:checked 选择每个被选中的 <input> 元素。
:not(selector) :not(p) 选择非 <p> 元素的每个元素。
5. 前端开发cssbefore怎么定位到底部
方法1：可以改用after方法，此方法类似于before方法，不同的是，内容将会放在对象的结尾处，而before方法会插入内容在开始的地方，当然就无法排列在最底部了。
方法2：如果你的内容已经脱离了文档流，想定位到底部，可以使用以下方式定位到底部。
bottom:0px;
position:absolute;
但需要注意的是，外层容器CSS属性的position必须设置为relative否则定位内容不会参照容器而导致飞出容器的现象。
6. jquery中append，prepend，before和after方法的区别
append：在元素内部的最后面添加元素,作为子元素，如：
7. before和：before的区别前端观察
before 一般指 时间的概念
in front of 指 X在Y的前面 X与Y是两个相对独立的物体
比如TOM sit in front of me.TOM坐在我的前面
in the front of 指X在Y的前部 这里 X是Y的一部分 或者在Y 内部
例如 I sit in the front of the classroom.我坐在教室的前部