前端面试笔试知识汇总1（含答案） 前端面试笔试知识(15)

所谓SQL注入，就是通过把SQL命令插入到Web表单提交或输入域名或页面请求的查询字符串，最终达到欺骗服务器执行恶意的SQL命令。具体来说，它是利用现有应用程序，将(恶意)的SQL命令注入到后台数据库引擎执行的能力，它可以通过在Web表单中输入(恶意)SQL语句得到一个存在安全漏洞的网站上的数据库，而不是按照设计者意图去执行SQL语句。

2、Xss

3、Csrf

?

8、jquery绑定click的方法有几种

bind()函数只能针对已经存在的元素进行事件的设置；但是live(),on(),delegate()均支持未来新添加元素的事件设置；

bind()函数在jquery1.7版本以前比较受推崇，1.7版本出来之后，官方已经不推荐用bind()，替代函数为on(),这也是1.7版本新添加的函数，同样，可以用来代替live()函数，live()函数在1.9版本已经删除；

live()函数和delegate()函数两者类似，但是live()函数在执行速度，灵活性和CSS选择器支持方面较delegate()差些。

on()方法绑定事件可以提升效率

on()方法可以绑定动态添加到页面元素的事件

10、css3新特性（最熟悉的）

1: CSS3选择器部分

　　 ? E[att^="val"]??????????? 匹配具有att属性、且值以val开头的E元素

????? ???E[att$="val"]??????????? 匹配具有att属性、且值以val结尾的E元素

???????? E[att*="val"]??????????? 匹配具有att属性、且值中含有val的E元素

???????? E:root??????????????? 匹配文档的根元素。在HTML中，根元素永远是HTML

??? ?????E:nth-child(n)?????????? 匹配父元素中的第n个子元素E

???????? E:nth-last-child(n)???? 匹配父元素中的倒数第n个结构子元素E

???????? E:nth-of-type(n)??????? 匹配同类型中的第n个同级兄弟元素E

???????? E:nth-last-of-type(n) ????匹配同类型中的倒数第n个同级兄弟元素E

? ???????E:last-child??????????? 匹配父元素中最后一个E元素

???????? E:first-of-type????????? 匹配同级兄弟元素中的第一个E元素

???????? E:only-child??????????? 匹配属于父元素中唯一子元素的E

????? ???E:only-of-type???????? 匹配属于同类型中唯一兄弟元素的E

???????? E:empty????????????? 匹配没有任何子元素（包括text节点）的元素E

???????? :target??????????? 匹配相关URL指向的E元素

???????? E:enabled????????? 匹配所有用户界面（form表单）中处于可用状态的E元素

???????? E:disabled????????? 匹配所有用户界面（form表单）中处于不可用状态的E元素

???????? E:checked????????? 匹配所有用户界面（form表单）中处于选中状态的元素E

???????? E::selection??????? 匹配E元素中被用户选中或处于高亮状态的部分

???????? E:not(s)?????????? 匹配所有不匹配简单选择符s的元素E

???????? E ~ F????????????? 匹配E元素之后的F元素

2、 CSS3特效部分1：圆角，阴影，渐变

　　 ? border-radius

???????? box-shadow

???????? text-shadow

???????? -webkit-gradient

3、 CSS3特效部分2：背景，边框背景

　　 ? background-origin

　　 ? background-clip

　　 ? background-size

　　 ? multiple backgrounds

　　 ? border-image

4、 CSS3特效部分3： 变形

　　 ? rotate

　　 ? X/Y/Z

???????? scale

???????? translate

　　 ? transform-origin,transition-property,transition-duration,

　　 ? transition-timing-function,transition-delay'

???????? skew

???????? matrix

5、 CSS3特效部分4：动画

　　　animation-name

???????? animation-duration

???????? animation-timing-function

???????? animation-delay

???????? animation-iteration-count

???????? -webkit-animation-direction

?

11、移动端适配问题

（编辑：ASP站长网）