技术标签： 面试 前端大面经 前端 Web前端大合集 js css3
温馨提示：
经常看一些面试题，能够很好的对自己进行查缺补漏，检验自己的能力。
1、写出transform中2D转换的几大属性及其作用：答：①translate()：根据坐标原点，浏览器左上角（0，0）进行X轴、
Y轴上的位置移动
②rotate()：根据X轴进行旋转，正值时为顺时针，负值时为逆时针。(deg单位)
③scale(parm1,parm2)：根据原大小对其进行放大缩小功能，参数一二对应width和height，和X轴、Y轴。
④skew（parm1，parm2）：根据x轴、Y轴进行旋转，单个值时，第二个值默认为0.
⑤matrix(a,b,c,d,x,y)：可以实现以上所有transform属性的功能，坐标(x,y)参考以下公式：
x = ax + cy +x y = bx + dy +y
具体内容
.opacity{
filter:alpha(opacity=50); /* IE */ 或者使用rgba（0，0，0，.5）
-moz-opacity:0.5; /* 老版Mozilla */
-khtml-opacity:0.5; /* 老版Safari */
opacity: 0.5; /* 支持opacity的浏览器*/
-webkit-opacity: 0.5;/*支持webkit内核浏览器*/
opcity:.5 /* IE9 + etc...modern browsers */
}
background:
①background-color (颜色)
②background-image（背景样式）
③background-repeat （是否平铺 no-repeat ，repeat）
④background-attachment（背景状态 scroll fixed local）
⑤background-size
⑥background-position(x,y)
① =（赋值）：将某一个值进行赋值操作，x = 5;
②==(比较值)：将两个值进行比较， 8 == 9 -->false
③===（值与类型均进行比较）：进行值和类型的比较
| 事件名 | 书写 |
|---|---|
| onclick（） | 鼠标点击 |
| onmousevoer() | 鼠标悬停 |
| ondbclick（） | 鼠标双击 |
| onmousemove(event) | 鼠标移动 |
| onload() | 加载事件（body image） |
| onunload() | 卸载事件（body image） |
| onfoucs() | 聚焦事件 |
| onblur() | 失去焦点 |
| onkeypress() | 鼠标按下抬起 |
| onkeydown() | 鼠标按下 |
| onkeyup() | 鼠标抬起 |
| onsubmit（） | 表单提交 |
| onreset() | 表单重置 |
| onselect（） | 用于输入框，当其发生变化时 |
| onchange() | select和文本框状态发生改变时 |
background:
linear-gradient(color1,color2)(线性渐变)
radial -gradient(color1,color2)(径向渐变)
①：给父级定义高度
②：添加一个空的div，并且加上clear：both
③：父级定义div，伪类：after 和zoom
<div class="box clear">
<div class="left">Left</div>
<div class="right">Right</div>
</div>
<div class="footer"></div>
.clear{
zoom:1;}/*为解决ie6,ie7浮动问题*/
.clear:after{
/*三者缺一不可*/
display:block;
clear:both;
content:"";
}
④：父级添加overflow：hidden
⑤：给父级添加::after伪元素
⑥：末尾加上br class=“clear”
<!-- 5、末尾加br -->
<div class="box5">
<div class="left5">Left</div>
<div class="right5">Right</div>
<br class="clear">
</div>
<div class="footer5"></div>
①setInterval() ：按照指定的周期（以毫秒计）来调用函数或计算表达式。方法会不停地调用函数，直到 window.clearInterval() 被调用或窗口被关闭。
②setTimeout() ：在指定的毫秒数后调用函数或计算表达式，取消定时器的方法 window.clearTimeout()
①自调用（两种写法）
格式：(函数）(参数）
(function (a,b){
console.log("自调方法（函数）(参数)结果为:"+(a+b))
})(10,100)//结果110
(function start(a,b){
console.log("自调方法（函数）(参数)结果为:"+（a+b))
})(10,100)//结果110
格式：(函数(参数））
(function (a,b){
console.log("自调方法（函数）(参数)结果为:"+(a+b))
}(10,100))//结果110
(function start(a,b){
console.log("自调方法（函数）(参数)结果为:"+（a+b))
}(10,100))//结果110
②外部调用
③函数调用函数
文章浏览阅读144次。1 基本结构 2 操作2.1 Web.xml 2.2 Index.jsp 方正管理系统 window.open('${path}/index.do','_parent'); 2.3 PageController@Controllerpublic c_ace访问
文章浏览阅读1w次，点赞12次，收藏52次。TortoiseGit解决冲突问题概述场景重现解决冲突问题概述在项目实施过程中，多人维护同一份文件或代码时经常会在本地Commit完再从远程仓库Pull时出现冲突。这时需要保留自己的内容，同时也保留远程仓库原来的数据信息。场景重现新建test仓库，仓库中新建文本文档，在其中输入内容123。在PC上两个不同的地方分别克隆test仓库，以此来模拟两个不同的维护人员。接下来模拟冲突产生过程：在test1文件夹中的文档中新增内容“1111111”，右击->Commit，之后右击->_tortoisegit解决冲突
文章浏览阅读9.4k次，点赞4次，收藏8次。1、【设置】–>【语言格式设置】2、左侧【语言】框中选择文本语言(此处以SQL为例)3、在【自定义扩展名】中添加文件格式(多个格式之间用空格分隔)此处添加的两种文件格式为hql和txt，保存之后，下次使用Notepad++打开.sql .hql .txt文件时将默认使用SQL语言，同理可按需求设置其他文件格式4、自定义高亮显示关键字(多个关键字用空格分隔)在Notep..._notepad语言abaqus关键词
文章浏览阅读264次。微信小程序 一般组件的方法只能通过点击事件触发 如果想要它自己调取可以通过下面的方法ready(){//自带的方法 ready 返回一个结果 this.getbanner() }..._js 延时 微信小程序
文章浏览阅读1.3k次。Lunix设置RSA秘钥登录_ssh 指定 id_rsa
文章浏览阅读1.4k次。@ [TOC]** FREENAS WINDOWS SMB 登录后公共使用文件夹的共享设置。。**FreeNas OS Windows SMB 所有用户登录后共享同一文件夹。。有时候即使是公用文件夹，也不想给没有认证的使用者看到。上期讲了，不登录系统才能使用的共享文件夹，今天讲一下，要登录系统后才能看到及使用的公共文件夹内的文件。设置起来比较复杂。..._freenas 多用户 多文件夹
文章浏览阅读4.7k次。胜利往往伴随着放弃不切实际的幻想。当地时间2月26日，美国、英国、欧盟与加拿大发表共同声明，宣布将俄罗斯主要银行从SWIFT体系中剔除。SWIFT凭借着其强大的制裁效果，在民间一直有着金融核武器之称，因此这一劲爆消息引发了全网的热议，不少人认为此举将对于俄罗斯经济产生巨大影响；也有人认为，我国也要对此未雨绸缪，加强跨境人民币系统CIPS系统的建设；而最乐观的看法是SWIFT是一把伤敌一千自损八百的双刃剑，美国一旦把SWIFT的牌打出来，那么也就意味着美元的金融霸权即将走向终结。个SWIFT到.._swift作为进口商有什么顾虑
文章浏览阅读108次。唐僧呈交给唐太宗的这份取经报告，绝对是前无古人，后无来者，世界一流水平。对于现代公务员写公文而言，的确有值得学习借鉴的高深之处！尊敬的唐太宗陛下：我叫唐三藏，又名唐僧。为弘扬佛法，普度众生，超度亡魂。根据《公元627年大唐工作安排》（唐发[627]1号）的精神，成立唐三藏取经办公室，奉命到西天拜佛求经。取经办公室师徒4人历时14年，行程十万八千里，经历九九八十一难，终于取得了我佛大乘真经，圆满地完..._唐僧的工作报告,堪称史上最牛
文章浏览阅读109次。1. 标识符的作用域与可见性 1.1 作用域 标识符的作用域包括：函数原型作用域、局部作用域、类作用域、命名空间作用域 (1) 函数原型作用域：函数的参与的作用域就是从函数的开始到结束 (2) 局部作用域：void fun(int a){ int b = a; cin>>b; if(b>0) ..._c++数据的共享和保护实验总结
文章浏览阅读9.4k次，点赞13次，收藏35次。首先贴出我的问题，解决的就是这个问题。要解决这个问题，首先要看你的cuda环境配置的是否正确，那么就要从头跟着我们走一遍，再检查一下您配置的是否正确。1>1.cu.obj : error LNK2019: 无法解析的外部符号 cublasDestroy_v2，该符号在函数 main 中被引用1>1.cu.obj : error LNK2019: 无法解析的外部符号 cudaFree，该..._cuda程序报错无法解析的外部符号cublascreate_v2,该函数在main函数中被引用
文章浏览阅读1.3k次。雪球APP：实现股票查询：(Search)股票选择：(Selected)登陆操作的封装：Profilepage页面登陆页面目录结构：AndroidClient.py主要实现app的安装的启动功能：from appium import webdriverfrom appium.webdriver.webdriver i..._from appium.webdriver.webdriver import webdriver用法
文章浏览阅读5.2k次。spring集成kafka运行时报错：Failed to construct kafka producer] with root causeorg.apache.kafka.common.KafkaException: class org.apache.kafka.common.serialization.StringDeserializer is not an instance of org.apache.kafka.common.serialization.Serializer如图：_failed to construct kafka producer