css
1,盒模型
2,如何实现一个最大的正方形
3,一行水平居中,多行居左
4,水平垂直居中
5,两栏布局,左边固定,右边自适应,左右不重叠
6,如何实现左右等高布局
7,画三角形
8,link @import导入css
9,BFC理解
js
1,判断 js 类型的方式
2,ES5 和 ES6 分别几种方式声明变量
3,闭包的概念?优缺点?
4,浅拷贝和深拷贝
5,数组去重的方法
6,DOM 事件有哪些阶段?谈谈对事件代理的理解
7,js 执行机制、事件循环
8,介绍下 promise.all
9,async 和 await,
10,ES6 的 class 和构造函数的区别
11,transform、translate、transition 分别是什么属性?CSS 中常用的实现动画方式,
12,介绍一下rAF(requestAnimationFrame)
13,javascript 的垃圾回收机制讲一下,
14,对前端性能优化有什么了解?一般都通过那几个方面去优化的?
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
因为是开发环境,所以这里我们配置一个超级用户admin ,使其能够管理tomcat,编辑后的内容如下:
复制代码
代码如下:
<?xml version='1.0' encoding='utf-8'?>
<tomcat-users>
<role rolename="manager-gui"/>
<role rolename="admin-gui"/>
<user username="admin" password="admin" roles="manager-gui,admin-gui"/>
</tomcat-users>
重新启动tomcat,之后就可以使用admin账户对tomcat进行管理了,这里只说明如何配置账户,关于如何使用界面管理tomcat暂不做叙述,具体参考tomcat帮助文档吧,主要原因是在开发环境下几乎用不到这个功能,而且我比较推荐手工配置。
三。eclipse 安装与配置
eclipse的官网地址:http://www.eclipse.org/
我们下载J2EE版本:Eclipse IDE for Java EE Developers
目前最新版本是:Helios Service Release 2
windows32版本的下载地址:http://www.eclipse.org/downloads/download.php?file=/technology/epp/downloads/release/helios/SR2/eclipse-jee-helios-SR2-win32.zip
此版本为解压缩版本。
比如我们解压缩后的eclipse的路径为:F:/eclipse-jee-helios-SR2-win32/eclipse(以下简称%ECLIPSE_HOME%)
如果我们配置了jdk环境变量,进入%ECLIPSE_HOME%后,双击“eclipse.exe”,即可启动eclipse,启动时会提示你选择一个workspace。
这里建议大家多创建一些workspace,可以根据实际的需要将不同的project创建在不同的workspace中,以免日后workspace中的project越来越多,影响eclipse的启动速度(当然,对于近期不使用的project建议将其关闭–右键单击项目名称选择"Close Project",如果需要开启项目,则右键单击关闭的项目名称选择"Open Project"即可。)。
切换workspace可以在启动是进行选择,也可以等启动后在“File”–"Switch Workapsce"中进行切换。
关于eclipse对workspace的管理也可以参考“http://hanqunfeng.iteye.com/blog/868197 ”。
第一次启动eclipse后,我们需要做一些基本的配置,通常我们需要做如下配置:
1)配置jdk
默认情况下,eclipse会自动关联环境变量中配置的jdk,如果我们安装了多个版本的jdk,也可以手工进行配置,方法如下:
“Window”–“Preferences”–“Java”–“Installed JREs”–“Add”–“Standard VM”–选择jdk安装目录。
2)配置tomcat
“Window”–“Preferences”–“Server”–“Runtime Environments”–“Add”–“Apache”–“Apache Tomcat v7.0”–选择tomcat7的目录,在JRE中选择1)中配置的jdk即可。
配置完成,可以“Servers”视图中进行验证。默认“Servers”视图”在“Java EE”预设视图的下方是开启的,如果没有开启,可以通过“Window”–“Show View”–“Server”–选择Servers即可打开“Servers”视图。
在“Servers”视图中,右键单击–“New”–“Server”–选择“Tomcat v7.0 Server”,如果在“Server runtime environment”中看到"Apache Tomcat v7.0",则说明配置成功。
3)启动提速
eclipse启动时会默认加载一些插件,而加载这些插件会增加eclipse的启动时间,实际上有些东东对我们来说并没有什么用,所以可以关闭,方法如下:
“Window”–“Preferences”–“General”–“Startup and Shutdown”–去掉你不想要的插件即可。
比如,按照本文叙述安装完插件后的效果图如下:
4)关闭验证
默认eclipse会对workspace中的项目进行验证,验证的内容包括jsp内容、xml内容,等等,验证过程很消耗内存,所以建议关闭验证功能。关闭方法如下:
“Window”–“Preferences”–“Validation”–“Disable All”。
5)设置“新建”菜单项
eclipse默认的新建内容并不满足需求,好多内容还需要到other中去找,不过我们可以自定义新建菜单项中的内容,方法如下:
右键单击工具栏–“Customize Prespective…”–“Shortcuts”–选择你需要的新建项即可。
6)默认文件编辑器
eclipse默认会自动选择文件的编辑器,也可以在打开文件时右键单击文件–“Open With”中选择编辑器,但有时我们可能更希望让文件使用某种特定的编辑器,此时可以通过如下方法进行配置:
“Window”–“Preferences”–“General”–“Editors”–“File Associations”,上方选择特定的文件名后缀类型,下面选择编辑器,可以通过Add进行添加,通过Default设置默认编辑器。
7)注释风格定义
相信大家都知道注释的重要性,在团队中,统一注释风格更为重要。设置注释风格方法如下:
“Window”–“Preferences”–“Java”–“Code Style”–“Code Templates”–根据需要自己设置吧
比如Comments中
Types:
复制代码
代码如下:
/**
*Title: project_name
*Description: XXXX
*Copyright: Copyright (c) 2011
*Company:www.xxx.com
*Makedate:${date} ${time}
* @author ${user}
* @version %I%, %G%
* @since 1.0
*
*/
Methods:
/**
* 描述 : <描述函数实现的功能>. <br>
*<p>
* ${tags}
*/
可以通过“Alt+Shift+j”自动添加注释。
四。eclipse常用插件安装
之所以eclipse这么受欢迎,原因就是其拥有众多的插件作为支持,这里只介绍几个常用的插件。
1)svn插件
可能有些人更喜欢“小乌龟”,不过这里还是推荐安装svn的eclipse插件。
官方地址:http://subclipse.tigris.org
目前最新版本是1.6.17
Eclipse update site URL: http://subclipse.tigris.org/update_1.6.x
Zipped downloads: http://subclipse.tigris.org/servlets/ProjectDocumentList?folderID=2240
插件安装方法如下:
“help”–“Install new software”–“add”
name:svn_subclipse
Location:http://subclipse.tigris.org/update_1.6.x
点击“OK”后,如下图所示:
这里只选择“Subclipse”,next如下图所示.
点击“next”,accept后点击finish开始安装。安装完成后会提示重启eclipse。
重启eclipse后,在“Window”–“Show View”–“Other”–"SVN"中选择“SVN资源库”,即可打开“SVN资源库”视图。
在视图中右键单击–“新建”–“资源库位置”–输入地址–Finish即可。
2)propedit插件
官方地址:http://propedit.sourceforge.jp/index_en.html
在开发时,经常会用到多语言支持的问题,常用的解决方案是将各个语言文字放到properties文件中,但中文是需要转为ascii的,虽然有一些工具帮助我们进行转码,但都不如直接在propeities中写中文来的方便,那就安装插件吧,这个插件基本上可以支持各种语言的转换。方法如下:
“help”–“Install new software”–“add”
name:propedit
Location:http://propedit.sourceforge.jp/eclipse/updates/
点击“OK”后,eclipse会自动搜索,根据网络情况时间会有所不同,一般需要2~3分钟吧,会出现如下页面:
这里只选择“PropertiesEditor”,next后需要大家耐心等待一段时间,大约5~10分钟后会看到如下界面时,
点击next后,看到如下界面:
选择“accept”后点击“Finish”,eclipse将开始安装插件,安装过程大约10分钟,耐心等待吧。安装完成后会提示重新启动eclipse。
重新启动后,会看到所有.properties的文件的图标都变成了一个大写的P的样式,右键单击文件选择“Open With”会发现默认编辑器变成了“PropertiesEditor”,在其中编辑中文后,使用其它编辑器查看,会发现中文都转成了accii码。
如果觉得url更新的方式下载插件过于漫长的话,也可以先下载zip包进行本地安装。
zip包下载地址:http://zh.sourceforge.jp/projects/propedit/downloads/40156/jp.gr.java_conf.ussiy.app.propedit_5.3.3.zip/
3)反编译插件
jad是java的反编译工具,可惜是命令行执行。eclipse下的有个插件,叫jadclipse,安装好之后,在java文件中按ctrl+鼠标左键类名称(包括jar包里的类),就能直接打开源文件。
安装jadclipse要先下载一个jad.exe,很遗憾没有找到jad的官方地址,我在附件里提供了一个,可以支持jdk1.5和1.6的反编译。jad.exe要拷贝到%JAVA_HOME%/bin目录下。
jadclipse目前最新版本是:3.3.0
jadclipse下载地址:http://sourceforge.net/projects/jadclipse/
将下载后的jar拷贝到eclipse的plguin下。
重新启动eclipse,重启后在window>preferences>java>JadClipse中,
设置path to decompiler为jad.exe的全路径,既:%JAVA_HOME%/bin/jad.exe
网上查资料,有说直接双击“.class文件”也可以打开源文件,可惜一直没有成功。
还有N多有用的插件,提供几个下载地址:
findbugs - http://findbugs.cs.umd.edu/eclipse/
Mylyn for Eclipse 3.4 and 3.5 - http://download.eclipse.org/tools/mylyn/update/e3.4/
python - http://pydev.org/updates/
最后
在面试前我花了三个月时间刷了很多大厂面试题,最近做了一个整理并分类,主要内容包括html,css,JavaScript,ES6,计算机网络,浏览器,工程化,模块化,Node.js,框架,数据结构,性能优化,项目等等。
包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目,涵盖了初中级前端技术点。
-
HTML5新特性,语义化
-
浏览器的标准模式和怪异模式
-
xhtml和html的区别
-
使用data-的好处
-
meta标签
-
canvas
-
HTML废弃的标签
-
IE6 bug,和一些定位写法
-
css js放置位置和原因
-
什么是渐进式渲染
-
html模板语言
-
meta viewport原理
css js放置位置和原因
-
什么是渐进式渲染
-
html模板语言
-
meta viewport原理