1.绝对路径用什么符号表示?当前目录、上层目录用什么表示?主目录用什么表示?切换目录用什么命令?
绝对路径:如/etc/init.d
当前目录和上层目录:./../
主目录:~/
切换目录:cd
2.怎么查看当前进程?怎么执行退出?怎么查看当前路径?
查看当前进程:ps
执行退出:exit
查看当前路径:pwd
3.怎么清屏?怎么退出当前命令?怎么执行睡眠?怎么查看当前用户id?查看指定帮助用什么命令?
清屏:clear
退出当前命令:ctrl+c彻底退出
执行睡眠:ctrl+z挂起当前进程fg恢复后台
查看当前用户id:”id“:查看显示目前登陆账户的uid和gid及所属分组及用户名
查看指定帮助:如man adduser这个很全而且有例子;adduser--help这个告诉你一些常用参数;info adduesr;
4.Ls命令执行什么功能?可以带哪些参数,有什么区别?
ls执行的功能:列出指定目录中的目录,以及文件
哪些参数以及区别:a所有文件l详细信息,包括大小字节数,可读可写可执行的权限等
5.建立软链接(快捷方式),以及硬链接的命令。
软链接:ln-s slink source
硬链接:ln link source
6.目录创建用什么命令?创建文件用什么命令?复制文件用什么命令?
创建目录:mkdir
创建文件:典型的如touch,vi也可以创建文件,其实只要向一个不存在的文件输出,都会创建文件
复制文件:cp
7.文件权限修改用什么命令?格式是怎么样的?
文件权限修改:chmod
格式如下:
$chmod u+x file给file的属主增加执行权限
$chmod751file给file的属主分配读、写、执行(7)的
权限,给file的所在组分配读、执行(5)的权限,给其他用户分配执行(1)的权限
$chmod u=rwx,g=rx,o=x file上例的另一种形式
$chmod=r file为所有用户分配读权限
$chmod444file同上例
$chmod a-wx,a+r file同上例
$chmod-R u+r directory递归地给directory目录下所有文件和子目录
的属主分配读的权限
8.查看文件内容有哪些命令可以使用?
vi文件名#编辑方式查看,可修改
cat文件名#显示全部文件内容
more文件名#分页显示文件内容
less文件名#与more相似,更好的是可以往前翻页
tail文件名#仅查看尾部,还可以指定行数
head文件名#仅查看头部,还可以指定行数
9.随意写文件命令?怎么向屏幕输出带空格的字符串,比如”hello world”?
写文件命令:vi
10.终端是哪个文件夹下的哪个文件?黑洞文件是哪个文件夹下的哪个命令?
/dev/tty/dev/null
11.移动文件用哪个命令?改名用哪个命令?
mv mv
12.复制文件用哪个命令?如果需要连同文件夹一块复制呢?如果需要有提示功能呢?
cp cp-r????
13.删除文件用哪个命令?如果需要连目录及目录下文件一块删除呢?删除空文件夹用什么命令?
rm rm-r rmdir
14.Linux下命令有哪几种可使用的通配符?分别代表什么含义?
“?”可替代单个字符。·“*”可替代任意多个字符。·方括号“[charset]”可替代charset集中的任何单个字符,如[a-z],[abABC]
15.用什么命令对一个文件的内容进行统计?(行号、单词数、字节数)
wc命令-c统计字节数。-l统计行数。-w统计字数。
16.Grep命令有什么用?如何忽略大小写?如何查找不含该串的行?
是一种强大的文本搜索工具,它能使用正则表达式搜索文本,并把匹配的行打印出来。
grep[stringSTRING]filename
grep[^string]filename
17.Linux中进程有哪几种状态?在ps显示出来的信息中,分别用什么符号表示的?
(1)、不可中断状态:进程处于睡眠状态,但是此刻进程是不可中断的。不可中断,指进程不响应异步信号。
(2)、暂停状态/跟踪状态:向进程发送一个SIGSTOP信号,它就会因响应该信号而进入TASK_STOPPED状态;当进程正在被跟踪时,它处于TASK_TRACED这个特殊的状态。
“正在被跟踪”指的是进程暂停下来,等待跟踪它的进程对它进行操作。
(3)、就绪状态:在run_queue队列里的状态
(4)、运行状态:在run_queue队列里的状态
(5)、可中断睡眠状态:处于这个状态的进程因为等待某某事件的发生(比如等待socket连接、等待信号量),而被挂起
(6)、zombie状态(僵尸):父亲没有通过wait系列的系统调用会顺便将子进程的尸体(task_struct)也释放掉
(7)、退出状态
D不可中断Uninterruptible(usually IO)
R正在运行,或在队列中的进程
S处于休眠状态
T停止或被追踪
Z僵尸进程
W进入内存交换(从内核2.6开始无效)
X死掉的进程
18.怎么使一个命令在后台运行?
&
19.利用ps怎么显示所有的进程?怎么利用ps查看指定进程的信息?
ps-ef(system v输出)ps-aux bsd格式输出ps-ef|grep pid
20.哪个命令专门用来查看后台任务?
job-l
21.把后台任务调到前台执行使用什么命令?把停下的后台任务在后台执行起来用什么命令?
fg
例如:#jobs
[1]+Running/root/bin/rsync.sh&
#fg1bg类似
22.终止进程用什么命令?带什么参数?
kill-9pid
23.怎么查看系统支持的所有信号?
kill-l
24.搜索文件用什么命令?格式是怎么样的?
find dir-name"string*"
25.查看当前谁在使用该主机用什么命令?查找自己所在的终端信息用什么命令?
w用户名称;用户的机器名称或tty号;远程主机地址;用户登录系统的时间;空闲时间(作用不大);附加到tty(终端)的进程所用的时间(JCPU时间);当前进程所用时间(PCPU 时间);用户当前正在使用的命令.
who用户名、tty号、时间日期、主机地址
whoami,id-un命令用于显示登入的用户名
last命令可用于显示特定用户登录系统的历史记录(last jason):用户名称;tty设备号;历史登录时间日期;登出时间日期;总工作时间.
查找自己所在终端信息:who am i
26.使用什么命令查看用过的命令列表?
history
27.使用什么命令查看磁盘使用空间?空闲空间呢?
df-hl
文件系统容量已用可用已用%挂载点
Filesystem Size Used Avail Use%Mounted on
/dev/hda245G19G24G44%/
/dev/hda1494M19M450M4%/boot
28.使用什么命令查看网络是否连通?
netstat
29.使用什么命令查看ip地址及接口信息?
ifconfig
30.查看各类环境变量用什么命令?
查看所有env
查看某个,如home:env$HOME
31.通过什么命令指定命令提示符?
\u显示当前用户账号
\h显示当前主机名
\W只显示当前路径最后一个目录
\w显示当前绝对路径(当前用户目录会以~代替)
$PWD显示当前全路径
\$显示命令行’$'或者’#'符号
\#:下达的第几个命令
\d:代表日期,格式为weekday month date,例如:"Mon Aug1"
\t:显示时间为24小时格式,如:HH:MM:SS
\T:显示时间为12小时格式
\A:显示时间为24小时格式:HH:MM
\v:BASH的版本信息
如export PS1=’[\u@\h\w\#]\$‘
32.查找命令的可执行文件是去哪查找的?怎么对其进行设置及添加?
whereis[-bfmsu][-B<目录>...][-M<目录>...][-S<目录>...][文件...]
补充说明:whereis指令会在特定目录中查找符合条件的文件。这些文件的烈性
应属于原始代码,二进制文件,或是帮助文件。
-b只查找二进制文件。
-B<目录>只在设置的目录下查找二进制文件。
-f不显示文件名前的路径名称。
-m只查找说明文件。
-M<目录>只在设置的目录下查找说明文件。
-s只查找原始代码文件。
-S<目录>只在设置的目录下查找原始代码文件。
-u查找不包含指定类型的文件。
which指令会在PATH变量指定的路径中,搜索某个系统命令的位置,并且返
回第一个搜索结果。
-n指定文件名长度,指定的长度必须大于或等于所有文件中最长的文件名。
-p与-n参数相同,但此处的包括了文件的路径。
-w指定输出时栏位的宽度。
-V显示版本信息
33.通过什么命令查找执行命令?
which只能查可执行文件
whereis只能查二进制文件、说明文档,源文件等
34.怎么对命令进行取别名?
alias la='ls-a'
35.du和df的定义,以及区别?
du显示目录或文件的大小
df显示每个<文件>所在的文件系统的信息,默认是显示所有文件系统。
(文件系统分配其中的一些磁盘块用来记录它自身的一些数据,如i节点,磁盘分布图,间接块,超级块等。
这些数据对大多数用户级的程序来说是不可见的,通常称为Meta Data。)
du命令是用户级的程序,它不考虑Meta Data,而df命令则查看文件系统的磁盘分配图并考虑Meta Data。
df命令获得真正的文件系统数据,而du命令只查看文件系统的部分情况。
36.awk详解.
awk'{pattern+action}'{filenames}
#cat/etc/passwd|awk-F':''{print$1"\t"$7}'//-F的意思是以':'分隔
root/bin/bash
daemon/bin/sh
搜索/etc/passwd有root关键字的所有行
#awk-F:'/root/'/etc/passwd
root:x:0:0:root:/root:/bin/bash
WEB前端面笔试题总结
1. 如何显示/隐藏一个DOM元素? 更改元素的css style,设为display: none。此外还可以将visibility设为hidden,透明度设为0,或长、宽设为0。 2. 一个定宽网页在浏览器(IE6,IE7,Firefox,IE5)中横向居中对齐的布局, 请写出主要的HTML标签及CSS。 1. 2. 3.
4.
5.
居中 6. 11. 12. 13.
居中
14.
15. 3. CSS中margin和padding的区别 margin是外边距,属于元素之外,相邻元素的margin可以融合。 padding是内边距,在元素之内,相邻元素的padding不可融合。 4. JavaScript中如何检测一个变量是一个String类型?请写出函数实现 function(obj) { returntypeof(obj) == ”string”; } 5. 网页中实现一个计算当年还剩多少时间的倒数计时程序,要求网页上实时动态 显示“××年还剩××天××时××分××秒” 这个看我论坛右上角的就知道了… 6. 如何控制网页在网络传输过程中的数据量 题目貌似有问题,应该是减少数据量吧。 最显著的方法是启用GZIP压缩。此外保持好的编码习惯,避免重复和css、 JavaScript代码,多余的HTML标签和属性。 7. 补充代码,是鼠标单击后Button1到Button2的后面
var parent =this.parentNode; parent.removeChild(this); parent.appendChild(this); 8. Linux中,将a、b打包为back.tar,命令是() 不知道=。= 9. Flash、Ajax各自的优缺点,在使用中如何取舍? Flash的缺点是需要客户端安装Flash插件,比较大,且更改了默认的HTML页面行为;但可以方便地实现很多特效及动画,且具有较高权限。 Ajax的缺点是编程较为复杂,需要服务器端的支持,能实现的效果只能是DOM API 提供的,权限很低,较难跨域;但可以显著加快页面的载入速度和用户体验。 此外,二者都不能被搜索引擎索引(Google已支持Flash文本的索引),不利于SEO。 建议:重要和关键部分直接用HTML,交互部分可以使用Ajax,复杂的动画可采用Flash。 百度2010 1、JS主要数据类型?5分
前端基础面试题汇总
1.行内元素和块级元素有哪些?有什么区别? 块级:
行内:a、br、i、img、input、strong 区别:块级元素的W、H、margin和padding都可以控制 行内元素的W、H,以及margin和padding的top和bottom不能控制 2.介绍所知道的CSS hack技巧 由于不同的浏览器对CSS的支持和解析结果不同,所以可以使用CSS hack来对不同的浏览器写不同的CSS样式,常见的有(_,*,!important) 3.CSS定位方式有哪些?position的属性值之间的区别是什么 static(静态) 没有特别的设定,遵循基本的定位规定,不能通过z-index进行层次分级。 relative(相对定位) 对象不可层叠、不脱离文档流,参考自身静态位置通过top,bottom,left,right 定位,并且可以通过z-index进行层次分级。 absolute(绝对定位) 脱离文档流,通过top,bottom,left,right定位。选取其最近一个最有定位设置的父级对象进行绝对定位,如果对象的父级没有设置定位属性,absolute元素将以body坐标原点进行定位,可以通过z-index进行层次分级。 fixed(固定定位)这里所固定的参照对像是可视窗口而并非是body或是父级元素。可通过z-index 进行层次分级。 4.类的定义方法(prototype)(继承) var Obj3 = new Function(); Obj3.prototype = { v1 : "", get_v1 : function() { return this.v1; }, set_v1 : function(v) { this.v1 = v; } }; 5.DOM 操作 1.向当前对象追加节点 var para=document.createElement("p"); var node=document.createTextNode("这是新段落。"); para.appendChild(node); 2.移除当前节点的子节点,并返回节点 var childnode=document.getElementById("child"); var removednode=document.getElementById("father").removeChild(childnode) 3.复制并返回当前节点(复制节点本身,不复制子节点) varul = document.getElementByIdx_xx_x("myList"); //获得ul vardeepList = ul.cloneNode(true); //深复制 varshallowList = ul.cloneNode(false); //浅复制web前端开发面试题汇总模板
web前端开发面试题汇总 1天前653浏览2评论 前端面试题汇总 HTML&CSS 1. 常用那几种浏览器测试?有哪些内核(Layout Engine)? (Q1) 浏览器:IE,Chrome,FireFox,Safari,Opera。 (Q2) 内核:Trident,Gecko,Presto,Webkit。 2. 说下行内元素和块级元素的区别?行内块元素的兼容性使用? (IE8 以下) 行内元素:会在水平方向排列,不能包含块级元素,设置width无效,height无效(可以设置line-height),margin上下无效,padding上下无效。 块级元素:各占据一行,垂直方向排列。从新行开始结束接着一个断行。 兼容性:display:inline-block;display:inline;zoom:1; 3. 清除浮动有哪些方式?比较好的方式是哪一种? (1)父级div定义height。 (2)结尾处加空div标签clear:both。 (3)父级div定义伪类:after和zoom。 (4)父级div定义overflow:hidden。 (5)父级div定义overflow:auto。 (6)父级div也浮动,需要定义宽度。 (7)父级div定义display:table。
(8)结尾处加br标签clear:both。 总结:比较好的是第3种方式,简洁方便。 4. box-sizing常用的属性有哪些?分别有什么作用? 常用的属性:box-sizing: content-box border-box inherit; 作用:content-box:宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框(元素默认效果)。 border-box:元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。 5. Doctype作用?标准模式与兼容模式各有什么区别? (Q1) 告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。 (Q2) 标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。 6. HTML5 为什么只需要写< Doctype html>? HTML5不基于SGML,因此不需要对DTD进行引用;但是需要doctype来规范浏览器的行为(让浏览器按照它们应该的方式来运行)。而HTML4.01基于SGML,所以需要对DTD进行引用,才能告知浏览器文档所使用的文档类型。 7. 页面导入样式时,使用link和@import有什么区别? (1)link属于XHTML标签,除了加载CSS外,还能用于定义RSS, 定义rel连接属性等作用;而@import是CSS提供的,只能用于加载CSS; (2)页面被加载的时,link会同时被加载,而@import引用的CSS会等到页面
前端开发的面试题
前端开发的面试题 web前端面试题 以下是收集一些面试中经常会遇到的经典面试题以及自己面试过程中无法解决的问题,通过对知识的整理以及经验的总结,重新巩固自身的前端基础知识。 1.对WEB标准以及W3C的理解与认识 标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件,容易维护、改版方便,不需要变动页面 内容、提供打印版本而不需要复制内容、提高网站易用性; 2.xhtml和html有什么区别 HTML是一种基本的WEB语言,XHTML是一个基于XML的置标语言 最主要的不同: XHTML 元素必须被正确地嵌套。 XHTML 元素必须被关闭。 标签名必须用小写字母。 XHTML 文档必须拥有根元素。 3.Doctype? 严格模式与混杂模式-如何触发这两种模式,区分它们有何意义? 用于声明文档使用那种规范(html/Xhtml)一般为严格过度基于框架的html文档 加入XMl声明可触发,解析方式更改为IE5.5 拥有IE5.5的bug 4.行内元素有哪些?块级元素有哪些?CSS的盒模型? 块级元素:div p h1 h2 h3 h4 form ul 行内元素: a b br i span input select Css盒模型:内容,border ,margin,padding 5.CSS引入的方式有哪些? link和@import的区别是?
内联内嵌外链导入 区别:同时加载 前者无兼容性,后者CSS2.1以下浏览器不支持 Link 支持使用script改变样式,后者不可 6.CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先级高? 标签选择符类选择符 id选择符 继承不如指定 Id>class>标签选择 后者优先级高 7.前端页面有哪三层构成,分别是什么?作用是什么? 结构层 Html 表示层 CSS 行为层 js 8.css的基本语句构成是? 选择器{属性1:值1;属性2:值2;……} 9.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? Ie(Ie内核) 火狐(Gecko) 谷歌(webkit) opear(Presto) 10.写出几种IE6 BUG的解决方法 1.双边距BUG float引起的使用display 2.3像素问题使用float引起的使用dislpay:inline -3px 3.超链接hover 点击后失效使用正确的书写顺序 link visited hover active 4.Ie z-index问题给父级添加position:relative 5.Png 透明使用js代码改 6.Min-height 最小高度 !Important 解决’ 7.select 在ie6下遮盖使用iframe嵌套
前端笔试面试题目总结
前端笔试面试题目总结
希望对一起奋战找工作的战友们有帮助 列举3个以上http请求头,响应头有哪些字段,列举5个以上;http的响应状态消息有哪些值,列举4个以上说明 解析ajax的意思,同步和异步的区别,异步请求有哪些状态,如何创立一个异步请求,异步请求完成过程,说下IE与其它浏览器的差异 如何实现跨域请求,AJAX跨域的解决办法 html有哪些常见标签,大概多少个,如何分类的,html5有哪些新增标签 前端优化提高客户端响应速度的方法,至少10条以上 平常见哪些开发工具,用什么插件,了解哪些类库,是否熟悉php,nodejs,看过哪些书 网页设计中能够使用哪些图像格式,说下它们的优缺点 一个元素结点有哪些公共属性,哪些事件属性,各举5个以上 盒模型——外边距、内边距和边框之间的关系,IE 8以下版本的浏览器中的盒模型有什么不同。 布局的方式有哪些 使用缓存的方式有哪些,说下各种方式的优缺点与发展过程 怎么实现一个元素的居中 display,position的属性值有哪些 元素的属性简写,如font,background, html5有哪些新功能,都有哪些新的JS API,列举5条以上 介绍几个css3的属性,选择器有哪些 css的基本语句构成是,有哪些选择器,css3新增的有哪些 CSS引入样式的方式有哪些,link和@import的区别是,如何计算样式的优先级你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? 经常遇到的浏览器的兼容性有哪些?怎么会出现?解决方法是什么? 常见到哪些类库,是否了解jq的实现,说一下对jq代码的理解,基本的架构或者 jQuery.fn.init 中都做了哪些判断,是否了解sizzle, 前端页面由层级结构是怎样的,分别是什么?作用是什么?是否了解MVC模型,在前端如何实现MVC 简单介绍一下js的语法特点,数据类型 说一下字符串,数组的常见方法 js的继承方式 js的运算符与优先级 创立对象的方法 JSON与JSONP的区别 DOM结点的选择有哪些方法,有哪些元素集合可直接选取,如果选择一个节点有父节点,子节点,兄弟节点(nextSibling与nextElementSibling,IE与其它浏览器的差别) 简单介绍DOM节点层级 节点怎样添加、移除、移动、复制、创立和查找节点 IE与FF的JS兼容性都知道哪些 IE事件流与其它浏览器事件流特点,绑定事件的差异 正则表示式是否熟悉,有哪些元字符,何为分组,捕获,零宽断言,零宽度正预测
前端工程师面试题题及答案(全面综合)
1. 要动态改变层中内容可以使用的方法有(AB ) a)innerHTML b)innerText c)通过设置层的隐藏和显示来实现 d)通过设置层的样式属性的display属性 2. 在javascript里,下列选项中不属于数组方法的是(B); a)sort() b)length() c)concat() d)reverse() 3 、var emp = new Array(3); for(var i in emp) 以下答案中能与for循环代码互换的是: (选择一项)。(D ) A for(var i =0; ic)getElementsByName() d)bgColor() 6. 、display属性值的常用取值不包括(C ) a)inline b)block c)hidden d)none 7. 以下有关pixelTop属性与top属性的说法正确的是。(D ) a)都是Location对象的属性 b)使用时返回值都是字符串 c)都是返回以像素为单位的数值 d)以上都不对 8. 使用open方法打开具有浏览器工具条,地址栏,菜单栏的窗 口,下列选项正确的是__D__ a)open("x.html","HI","toolbas=1,scrollbars=1,status=1"); b)open("HI","scrollbars=1,location=1,status=1"); c)open("x.html","status=yes,menubar=1,location=1"); d)open("x.html","HI","toolbas=yes,menubar=1,location=1"); 9. 、javascript中表达式parseInt(“X8X8”)+paseFloat(‘8’)的结果是什么?( C) a)8+8 b)88 c)16 d)“8”+’8 10. 关于setTimeout(“check”,10)中说法正确的是( D)
前端开发面试问题总结
前端开发面试问题总结 May 28, 2015 对于前端开发人员的招聘,面试是非常关键的环节,而现实的情况是,很多招聘者是开发出身,不会面试,不知道问什么,问了一些常规问题,又不知道考察些什么。 这里分享一下我在面试过程中常问的一些问题(很多问题不仅限于前端开发),注意很多问题都是开放的,作为一个面试官,不要试图准备几个选择题或填空题应付了事,面试不同与笔试,面试就是要以交流为主,互动讨论总是要比直接的答案更能体现此人的能力。 我个人认为,任何时候,考察一个应聘者,综合素质要优先于他的技术能力,做开发不是做航天飞船,一般智商不低的人通过学习都可以胜任大部分工作,关键的是人品、工作态度、分析能力、学习能力,这些都是与生俱来或潜移默化形成的,是很难通过学习获得的,它们要比现有的技术经验和技术能力更重要。 ?今天天气还不错,你是怎么过来的? ?大概用了多久,离得远么? ?(如果远的话)是自己的房子还是租的房子?经常这样远距 离上班可以适应么? 缓解一下应聘者的紧张感,让他尽快进入状态,并能了解出行方式、大概的远近。有时候工作地点远近还真是大问题,即使应聘者可以接受,但是上班时间超过1个半小时的员工幸福感和工作效率会较低,流失率会比较高。 ?(用3分钟时间)简单做个自我介绍吧? 自我介绍是关键的环节,连自我介绍都说不好,说明对待面试和职业的态度很差。可以加上时间限制,或者让应聘者自由发挥,看看他把握重点的能力和控制时间的能力。自我介绍一般来说应该包含年龄,籍贯,毕业院校、专业和时间,工作过的公司和时间,主要的项目,担当的职务,用到的技术,擅长的技术等。 ?详细介绍一个对你影响比较大的项目? ?对于你刚才说的xxx项目,我很感兴趣,你能详细说一说么? ?这个项目主要是解决什么问题/完成什么事情? ?你在这个项目里的职责是什么/做了哪些事情? ?这个项目用到了那些技术/框架? ?这个项目中大家是怎样协作的? ?这个项目主要的挑战是什么? ?这个项目遇到了哪些技术难点和问题? ?你是怎样解决的? ?你觉得自己的解决方案还有改进的地方么?
2016年前端js笔试题和答案
前端笔试题_答案
1,C。内联元素加上 display:block;后被块级化。块级元素一般是其他元素的 容器, 可容纳内联元素和其他块状元素, 块状元素排斥其他元素与其位于同一行, 宽度(width)高度(height)起作用。因此,可以定义其宽度和高度。 ,2,TRUE。参数是 scroll 时候,必会出现滚动条。 参数是 auto 时候,子元素内容大于父元素时出现滚动条。 参数是 visible 时候,溢出的内容出现在父元素之外。 参数是 hidden 时候,溢出隐藏。, 3,选 B。在 html 中通过标签打开一个链接,通过 标签的 target 属 性规定在何处打开链接文档。 如果在标签中写入 target 属性,则浏览器会根据 target 的属性值去打开与 其命名或名称相符的 框架或者窗口. 在 target 中还存在四个保留的属性值如下, 属性值 值 描述
_blank
在新窗口中打开被链接文档。
_self
默认。在相同的框架中打开被链接文档。
_parent
在父框架集中打开被链接文档。
_top
在整个窗口中打开被链接文档。
framename
在指定的框架中打开被链接文档。
4,选 b。onfocus 获得焦点 onblur 失去焦点 5,A 这两个属性是有些重复了。在不同浏览器里面表现有些不同。在 alt 和 title 同时设置的时候,alt 作为图片的替代文字出现,title 是图片的解释文字。 6,A #0000 是不正确的写法,至少要为六位,应该是#FF0000 A 写法是正确的,有两种写法: document.getElementById("input").style.backgroundColor = "red"; inputElement.style.backgroundColor = "#FF0000"; 7, B
这里考察 HTML 标签的使用:
计算机笔试真题汇总:前端篇
计算机笔试真题汇总:前端篇 一、基础知识专项练习 (一)JavaScript 1、AngularJS1中指定控制器的是哪个指令( )(点击查看答案>>>>>>>>) A、ng-route B、ng-template C、ng-model D、ng-controller 2、要在10秒后调用checkState,下列哪个是正确的()(点击查看答案>>) A、(checkState, 10); B、(checkState, 10000); C、(checkState(), 10); D、(checkState(), 10000); 3、在jquery中指定一个类,如果存在就执行删除功能,如果不存在就执行添加功能,下面哪一个是可以直接完成该功能的(点击查看答案>>>>>>>>) A、removeClass() B、deleteClass() C、toggleClass(class) D、addClass() 4、下面关于块内声明函数的做法哪些是正确的(点击查看答案>>>>>>>>) A、if (x) { function foo() {}} B、if (x) { var foo = function() {}} C、if (x) { foo = function() {}} D、ECMAScript明确的规范了块内函数,javascript实现了这个规范
5、angularjs1中的服务实质上是()(点击查看答案>>>>>>>>) A、网络服务 B、单例对象 C、接口对象 D、函数调用 6、如果需要匹配包含文本的元素,用下面哪种来实现() (点击查看答案>>>>>>>>) A、text() B、contains() C、input() D、attr(name) 7、在jquery中,如果想要获取当前窗口的宽度值,下面哪个是实现该功能的()(点击查看答案>>>>>>>>) A、width() B、width(val) C、width D、innerWidth() 8、angularjs1中使用指令,绑定监听是在什么时候() (点击查看答案>>>>>>>>) A、compiles时 B、link时 C、require时 D、生成DOM时
web前端开发面试题汇总
1天前653浏览 前端面试题汇总 HTML&CSS 1.常用那几种浏览器测试有哪些内核(LayoutEngine) (Q1)浏览器:IE,Chrome,FireFox,Safari,Opera。 (Q2)内核:Trident,Gecko,Presto,Webkit。 2.说下行内元素和块级元素的区别行内块元素的兼容性使用 (IE8以下) 行内元素:会在水平方向排列,不能包含块级元素,设置width无效,height无效(可以设置 line-height),margin上下无效,padding上下无效。 块级元素:各占据一行,垂直方向排列。从新行开始结束接着一个断行。 兼容性:display:inline-block;display:inline;zoom:1; 3.清除浮动有哪些方式比较好的方式是哪一种 (1)父级div定义height。 (2)结尾处加空div标签clear:both。 (3)父级div定义伪类:after和zoom。 (4)父级div定义overflow:hidden。 (5)父级div定义overflow:auto。 (6)父级div也浮动,需要定义宽度。 (7)父级div定义display:table。 (8)结尾处加br标签clear:both。 总结:比较好的是第3种方式,简洁方便。 常用的属性有哪些分别有什么作用 常用的属性:box-sizing:content-boxborder-boxinherit; 作用:content-box:宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和
边框(元素默认效果)。 border-box:元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。 作用标准模式与兼容模式各有什么区别 (Q1)告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。 (Q2)标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。 为什么只需要写 HTML5不基于SGML,因此不需要对DTD进行引用;但是需要doctype来规范浏览器的行为(让浏览器按照它们应该的方式来运行)。而基于SGML,所以需要对DTD进行引用,才能告知浏览器文档所使用的文档类型。 7.页面导入样式时,使用link和@import有什么区别 (1)link属于XHTML标签,除了加载CSS外,还能用于定义RSS,定义rel连接属性等作用;而@import是CSS提供的,只能用于加载CSS; (2)页面被加载的时,link会同时被加载,而@import引用的CSS会等到页面被加载完再加载; (3)import是提出的,只在IE5以上才能被识别,而link是XHTML标签,无兼容问题。 总之,link要优于@import。 8.介绍一下你对浏览器内核的理解 IE浏览器的内核Trident、Mozilla的Gecko、Chrome的Blink(WebKit的分支)、Opera内核原为Presto ,现为Blink; 内核主要分成两部分: 渲染引擎(layoutengineer或RenderingEngine)和JS引擎 渲染引擎:负责取得网页的内容(HTML、XML、图像等等)、整理讯息(例如加入CSS等),以及计算网页的显示方式,然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同,所以渲染的效果也不相同。 所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要内核。
前端面试笔试题
前端面试笔试题 前端面试笔试题 前端面试笔试题有哪些?前端面试笔试题分享给大家,以下就是小编整理的前端面试笔试题,一起来看看吧! 1.XHTML和HTML有什么区别HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的置标语言最主要的不同:XHTML 元素必须被正确地嵌套。XHTML 元素必须被关闭。标签名必须用小写字母。XHTML 文档必须拥有根元素。 2.前端页面有哪三层构成,分别是什么?作用是什么? 结构层 Html 表示层 CSS 行为层 js; 3.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? Ie(Ie内核) 火狐(Gecko)谷歌(webkit,Blink) opera(Presto),Safari(wbkit) 4.什么是语义化的HTML? 直观的认识标签对于搜索引擎的抓取有好处,用正确的标签做正确的事情!html语义化就是让页面的内容结构化,便于对浏览器、搜索引擎解析;在没有样式CCS情况下也以一种文档格式显示,并且是容易阅读的。搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重,利于 SEO。 使阅读源代码的人对网站更容易将网站分块,便于阅读维护理
解。 5.HTML5 为什么只需要写 !DOCTYPE HTML? HTML5 不基于 SGML,因此不需要对DTD进行引用,但是需要doctype来规范浏览器的行为(让浏览器按照它们应该的方式来运行);而HTML4.01基于SGML,所以需要对DTD进行引用,才能告知浏览器文档所使用的文档类型。 6.Doctype 作用?标准模式与兼容模式各有什么区别? !DOCTYPE声明位于位于HTML文档中的第一行,处于html 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。7.html5有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和HTML5?HTML5 现在已经不是SGML 的子集,主要是关于图像,位置,存储,多任务等功能的.增加。绘画 canvas 用于媒介回放的 video 和audio 元素本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失;sessionStorage 的数据在浏览器关闭后自动删除语意化更好的内容元素,比如article、footer、header、nav、section 表单控件,calendar、date、time、email、url、search 新的技术
前端面试笔试题总结.
JavaScript类库:jQuery、Prototype JavaScript框架:BackBone、Vuejs、Angular.js、React.js CSS预编译器:LessCss、Sass JavaScript模块加载器:RequireJS、Browserify 项目构建工具:Grunt、Gulp 项目管理和协同工具的使用:SVN、Git 前端测试框架以及工具:Jasmine、Mocha 基本后端开发:NodeJS、Python web相关技术:MongoDB、CoffeeScript、SEO、Socket.io、Express、Tornado等 一、谈谈cookie的弊端: cookie虽然在持久保存客户端数据提供了方便,分担了服务器存储的负担,但还是有很多局限性的。 第一:每个特定的域名下最多生成20个cookie 1.IE6或更低版本最多20个cookie 2.IE7和之后的版本最后可以有50个cookie。 3.Firefox最多50个cookie 4.chrome和Safari没有做硬性限制 IE和Opera 会清理近期最少使用的cookie,Firefox会随机清理cookie。 cookie的最大大约为4096字节,为了兼容性,一般不能超过4095字节。 IE 提供了一种存储可以持久化用户数据,叫做uerData,从IE5.0就开始支持。每个数据最多128K,每个域名下最多1M。这个持久化数据放在缓存中,如果缓存没有清理,那么会一直存在。
优点:极高的扩展性和可用性 1.通过良好的编程,控制保存在cookie中的session对象的大小。 2.通过加密和安全传输技术(SSL),减少cookie被破解的可能性。 3.只在cookie中存放不敏感数据,即使被盗也不会有重大损失。 4.控制cookie的生命期,使之不会永远有效。偷盗者很可能拿到一个过期的cookie。 缺点: 1.`Cookie`数量和长度的限制。每个domain最多只能有20条cookie,每个cookie长度不能超过4KB,否则会被截掉。 2.安全性问题。如果cookie被人拦截了,那人就可以取得所有的session信息。即使加密也与事无补,因为拦截者并不需要知道cookie 的意义,他只要原样转发cookie就可以达到目的了。 3.有些状态不可能保存在客户端。例如,为了防止重复提交表单,我们需要在服务器端保存一个计数器。如果我们把这个计数器保存在客户端,那么它起不到任何作用。 二、浏览器本地存储: 在较高版本的浏览器中,js提供了sessionStorage和globalStorage。在HTML5中提供了localStorage来取代globalStorage。 html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage。 sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储。 而localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的。 三、web storage和cookie的区别 Web Storage的概念和cookie相似,区别是它是为了更大容量存储设计的。Cookie的大小是受限的,并且每次你请求一个新的页面的时候Cookie都会被发送过去,这样无形中浪费了带宽,另外cookie还需要指定作用域,不可以跨域调用。 除此之外,Web Storage拥有setItem,getItem,removeItem,clear等方法,不像cookie需要前端开发者自己封装setCookie,getCookie。 但是Cookie也是不可以或缺的:Cookie的作用是与服务器进行交互,作为HTTP规范的一部分而存在,而Web Storage仅仅是为了在本地“存储”数据而生 浏览器的支持除了IE7及以下不支持外,其他标准浏览器都完全支
Web前端开发笔试题
前端研发笔试题 备注:请将答案写在答题纸上. 一、选择题 1.下面标签嵌套正确的是() A.
B. 赶集网 C.
- 赶集网
D. - 赶集网
2. 在HTML中,()可以在网页上通过链接直接打开邮件客户端发送邮件。 A. 发送邮件 B. 发送邮件 C. 发送邮件 D. 发送邮件 3. 请选出所有的置换元素()(多选) A. img B. input C. textarea D. select 4.下面哪条声明能固定背景图片() A. background-attachment:fixed; B. background-attachment:scroll; C. background-origin: initial; D. background-clip: initial; 5.下列说法正确的是()(多选) A. display: none;不为被隐藏的对象保留其物理空间; B. visibility:hidden;所占据的空间位置仍然存在,仅为视觉上的完全透明; C. visibility:hidden;产生reflow和repaint(回流与重绘); D. visibility:hidden;与display: none;两者没有本质上的区别; 6.以下关于盒子模型描述正确的是() A.标准盒子模型中:盒子的总宽度=左右margin + 左右border + 左右padding + width B.IE盒子模型中:盒子总宽度=左右margin + 左右border + width C.标准盒子模型中:盒子的总宽度=左右margin + 左右border + width D.IE盒子模型中:盒子总宽度= width 7.英文字母全部转为大写正确的是() A. text-transform: capitalize; B. text-transform: lowercase; C. text-transform: uppercase; D. font-weight: bold;
前端面试笔试题
前端面试笔试题 前端面试笔试题有哪些?前端面试笔试题分享给大家,以下就是小编整理的前端面试笔试题,一起来看看吧! 1.XHTML和HTML有什么区别HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的置标语言最主要的不同:XHTML 元素必须被正确地嵌套。XHTML 元素必须被关闭。标签名必须用小写字母。XHTML 文档必须拥有根元素。 2.前端页面有哪三层构成,分别是什么?作用是什么?结构层 Html 表示层 CSS 行为层 js; 3.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?Ie(Ie内核) 火狐(Gecko)谷歌(webkit,Blink)opera(Presto),Safari(wbkit) 4.什么是语义化的HTML?直观的认识标签对于搜索引擎的抓取有好处,用正确的标签做正确的事情!html语义化就是让页面的内容结构化,便于对浏览器、搜索引擎解析;在没有样式CCS情况下也以一种文档格式显示,并且是容易阅读的。搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重,利于 SEO。 使阅读源代码的人对网站更容易将网站分块,便于阅读维护理解。 5.HTML5 为什么只需要写 !DOCTYPE HTML?
HTML5 不基于 SGML,因此不需要对DTD进行引用,但是需要doctype来规范浏览器的行为(让浏览器按照它们应该的方式来运行);而HTML4.01基于SGML,所以需要对DTD进行引用,才能告知浏览器文档所使用的文档类型。 6.Doctype 作用?标准模式与兼容模式各有什么区别?!DOCTYPE声明位于位于HTML文档中的第一行,处于html 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。7.html5有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和HTML5?HTML5 现在已经不是 SGML 的子集,主要是关于图像,位置,存储,多任务等功能的.增加。绘画 canvas用于媒介回放的 video 和audio 元素本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失;sessionStorage 的数据在浏览器关闭后自动删除语意化更好的内容元素,比如 article、footer、header、nav、section表单控件,calendar、date、time、email、url、search新的技术webworker, websockt, Geolocation移除的元素纯表现的元素:
WEB前端开发工程师面试题
[HTML && CSS] 1. Doctype? 严格模式与混杂模式-如何触发这两种模式,区分它们有何意义? Doctype声明位于文档中的最前面的位置,处于标签之前。此标签可告知浏览器文档使用哪种HTML 或XHTML 规范。该标签可声明三种DTD 类型,分别表示严格版本、过渡版本以及基于框架的HTML 文档。 当浏览器厂商开始创建与标准兼容的浏览器时,他们希望确保向后兼容性。为了实现这一点,他们创建了两种呈现模式:标准模式和混杂模式(quirks mode)。在标准模式中,浏览器根据规范呈现页面; 在混杂模式中,页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模拟老式浏览器(比如Microsoft IE 4和Netscape Navigator 4)的行为以防止老站点无法工作。 浏览器根据DOCTYPE是否存在以及使用的哪种DTD来选择要使用的呈现方法。如果XHTML文档包含形式完整的DOCTYPE,那么它一般以标准模式呈现。对于HTML 4.01文档,包含严格DTD的DOCTYPE常常导致页面以标准模式呈现。包含过渡DTD和URI的DOCTYPE也导致页面以标准模式呈现,但是有过渡DTD而没有URI会导致页面以混杂模式呈现。DOCTYPE不存在或形式不正确会导致HTML和XHTML文档以混杂模式呈现。 2. 行内元素有哪些?块级元素有哪些?CSS的盒模型? 行内元素有:a b span I b em img input select strong 块级元素有:div ul ol li dl dt dd h1 h2 h3 h4…p 盒模型:margin border padding width 3. CSS引入的方式有哪些? link和@import的区别是?
互联网大公司面试笔试题前端
问答题 1、HTML 中的table 元素有2 种布局(table-layout)算法,请给出默认值。并详细说明为什 么fixed 布局要比auto 快? 编程题 1、版本排序 题目描述:去哪儿前端技术团队一直很富有创新性,经常为了解决实际工作的一些痛点,自主开发一些工具,来解决这些问题。这样,工具的版本就成为了很重要的一个点,开发者如何提供正确版本,使用者如何获取正确版本,都是十分重要的。因此,版本都会遵循业界统一的规范---SemVer。常规版本规则如下: (1) 版本格式:主版本号.次版本号.修订号,例如1.2.3,版本的三个位数都必须存在,并且为0 到999 之间的整数。 (2) 主版本号:当你做了不兼容的功能修改 (3) 次版本号:当你做了向下兼容的功能性新增 (4) 修订号:当你做了向下兼容的问题修正 当然,使用者不一定会指定版本号,可能使用通配符(例如***)未自动获取满足条件的最新版本。(在本题中,只考虑这种情况表示匹配任意版本例如2.2.*,可以匹配所有 2.2.1,2.2.2 等;) 现在会给出一个版本列表,并给出使用者的匹配规则,找出符合版本规则而且满足条件的最新版本,并输出,如果没有找到相应结果,则输出0. 输入 输入第一行是一个整数N,之下N(02.1.8 2.1.0 2.1.* 样例输出 2.1.8 2、在去哪儿,前端工程师,在日常工作中,经常会使用到模版引擎,比较常用的有jQuery Template、artTemplate、Mustache 等。现在要求你实现一个简单的类似于 Mustache 的模版引擎,根据传入的模版字符串和数据,替换模版字符串中的标签,输出 出对应的HTML 片段。 需要支持的模版标签有: (1){{keyName}}:输出对象中属性名为keyName 的值。需要支持多级属性,比如{{https://www.wendangku.net/doc/1916802699.html,2}}; (2) {{keyName}}content{{/keyName}}:keyName 对应的值为“真”时,输出content,为 “假”时不输出 (3) {{#arr}}content{{/arr}}:arr 对应的值为“假“时,输出content 为“真”时不输出; (4) {{.}}表示数组遍历中当前的元素(可以只考虑基本数据类型)。 (5) {{^keyName}}content{{/keyName}}:keyName 对应的值为“假”时,输出content,为 “真”时不输出; 注意:如果给定的数据中,没有对应的属性字段,标签替换为空。 输入: 第一行出入模版字符串(长度不超过1000),字符串中可以包含模版标签,也可以不包括标签。 第二行输入需要渲染的数据(JSON 字符串,长度不超过1000)。 输出: 输出对应的HTML 的片段。 代码输入:
Welcome Qunar-Man