link 和@import 的区别是?
?link属于XHTML标签,而@import是CSS提供的;
?页面被加载的时,link会同时被加载,而@import引用的CSS会等到页面被加载完再加载;
?import只在IE5以上才能识别,而link是XHTML标签,无兼容问题;
?link方式的样式的权重高于@import的权重.
浏览器的内核分别是什么?
* IE浏览器的内核Trident、Mozilla的Gecko、Chrome的Blink(WebKit的分支)、Opera内核原为Presto,现为Blink;
常见兼容性问题?
* png24位的图片在iE6浏览器上出现背景,解决方案是做成PNG8.
* 浏览器默认的margin和padding不同。解决方案是加一个全局的*{margin:0;padding:0;}来统一。
* IE6双边距bug:块属性标签float后,又有横行的margin情况下,在ie6显示margin比设置的大。
浮动ie产生的双倍距离#box{ float:left; width:10px; margin:0 0 0 100px;}
这种情况之下IE会产生20px的距离,解决方案是在float的标签样式控制中加入——_display:inline;将其转化为行内属性。(_这个符号只有ie6会识别)
渐进识别的方式,从总体中逐渐排除局部。
首先,巧妙的使用“\9”这一标记,将IE游览器从所有情况中分离出来。
接着,再次使用“+”将IE8和IE7、IE6分离开来,这样IE8已经独立识别。css
1 2 3 4 5 6 .bb{
background-color:#f1ee18;/*所有识别*/
.background-color:#00deff\9; /*IE6、7、8识别*/
+background-color:#a200ff;/*IE6、7识别*/
_background-color:#1e0bd1;/*IE6识别*/
}
* IE下,可以使用获取常规属性的方法来获取自定义属性,
也可以使用getAttribute()获取自定义属性;
Firefox下,只能使用getAttribute()获取自定义属性.
解决方法:统一通过getAttribute()获取自定义属性.
* IE下,even对象有x,y属性,但是没有pageX,pageY属性;
Firefox下,event对象有pageX,pageY属性,但是没有x,y属性.
* 解决方法:(条件注释)缺点是在IE浏览器下可能会增加额外的HTTP请求数。
* Chrome 中文界面下默认会将小于12px 的文本强制按照12px 显示,
可通过加入CSS 属性-webkit-text-size-adjust: none; 解决.
超链接访问过后hover样式就不出现了被点击访问过的超链接样式不在具有hover和active 了解决方法是改变CSS属性的排列顺序:
L-V-H-A : a:link {} a:visited {} a:hover {} a:active {}
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
* 移除的元素
纯表现的元素:basefont,big,center,font, s,strike,tt,u;
对可用性产生负面影响的元素:frame,frameset,noframes;
支持HTML5新标签:
* IE8/IE7/IE6支持通过document.createElement方法产生的标签,
可以利用这一特性让这些浏览器支持HTML5新标签,
浏览器支持新标签后,还需要添加标签默认的样式:
* 当然最好的方式是直接使用成熟的框架、使用最多的是html5shim框架如何区分:DOCTYPE声明\新增的结构元素\功能元素
语义化的理解?
?用正确的标签做正确的事情!
?html语义化就是让页面的内容结构化,便于对浏览器、搜索引擎解析;
?在没有样式CCS情况下也以一种文档格式显示,并且是容易阅读的。
?搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重,利于SEO。
?使阅读源代码的人对网站更容易将网站分块,便于阅读维护理解。
HTML5的离线储存?
?localStorage 长期存储数据,浏览器关闭后数据不丢失;
?sessionStorage 数据在浏览器关闭后自动删除。
(写)描述一段语义的html代码
(HTML5中新增加的很多标签(如:、
1 2 3 4 < div id="header">
< h1>标题< /h1>
< h2>专注Web前端技术< /h2> < /div>
iframe有那些缺点?
?*iframe会阻塞主页面的Onload事件;
?*iframe和主页面共享连接池,而浏览器对相同域的连接有限制,所以会影响页面的并行加载。使用iframe 之前需要考虑这两个缺点。如果需要使用iframe,最好是通过javascript 动态给iframe添加src属性值,这样可以可以绕开以上两个问题。
请描述一下cookies,sessionStorage 和localStorage 的区别?
?cookie在浏览器和服务器间来回传递。
?sessionStorage和localStorage不会sessionStorage和localStorage的存储空间更大;
?sessionStorage和localStorage有更多丰富易用的接口;
?sessionStorage和localStorage各自独立的存储空间;
如何实现浏览器内多个标签页之间的通信? (阿里)
调用localstorge、cookies等本地存储方式
webSocket如何兼容低浏览器?(阿里)
Adobe Flash Socket 、ActiveX HTMLFile (IE) 、基于multipart 编码发送XHR 、基于长轮询的XHR
CSS
介绍一下CSS的盒子模型?
(1)有两种,IE 盒子模型、标准W3C 盒子模型;IE的content部分包含了border 和pading;
(2)盒模型:内容(content)、填充(padding)、边界(margin)、边框(border).
CSS 选择符有哪些?哪些属性可以继承?优先级算法如何计算?CSS3新增伪类有那些?
? 1.id选择器(# myid)
? 2.类选择器(.myclassname)
? 3.标签选择器(div, h1, p)
? 4.相邻选择器(h1 + p)
? 5.子选择器(ul < li)
? 6.后代选择器(li a)
?7.通配符选择器(* )
?8.属性选择器(a[rel = “external”])
?9.伪类选择器(a: hover, li: nth – child)
* 可继承的样式:font-size font-family color, UL LI DL DD DT;
* 不可继承的样式:border padding margin width height ;
* 优先级就近原则,同权重情况下样式定义最近者为准;
* 载入样式以最后载入的定位为准;
优先级为:
!important > id > class > tag
important 比内联优先级高
CSS3新增伪类举例
?p:first-of-type 选择属于其父元素的首个
元素的每个
元素。?p:last-of-type 选择属于其父元素的最后
元素的每个
元素。
?p:only-of-type 选择属于其父元素唯一的
元素的每个
元素。?p:only-child 选择属于其父元素的唯一子元素的每个
元素。
?p:nth-child(2) 选择属于其父元素的第二个子元素的每个
元素。?:enabled :disabled 控制表单控件的禁用状态。
?:checked 单选框或复选框被选中。
如何居中div?
1 2 3 4 5 6 // 给div设置一个宽度,然后添加margin:0 auto属性div{
width:200px;
margin:0 auto;
}
如何居中一个浮动元素?
1 2 3 4 5 6 7 8 9 10 确定容器的宽高宽500 高300 的层
设置层的外边距
.div {
Width:500px ; height:300px;//高度可以不设 Margin: -150px 0 0 -250px;
position:relative;相对定位
background-color:pink;//方便看效果
left:50%;
top:50%;
11
}
12
列出display的值,说明他们的作用。
?block 象块类型元素一样显示。
?none 缺省值。象行内元素类型一样显示。
?inline-block 象行内元素一样显示,但其内容象块类型元素一样显示。
?list-item 象块类型元素一样显示,并添加样式列表标记。
position的值,relative和absolute定位原点是?
?*absolute:生成绝对定位的元素,相对于static 定位以外的第一个父元素进行定位。
?*fixed:生成绝对定位的元素,相对于浏览器窗口进行定位。
?*relative:生成相对定位的元素,相对于其正常位置进行定位。
?* static 默认值。没有定位,元素出现在正常的流中
*(忽略top, bottom, left, right z-index 声明)。
* inherit 规定从父元素继承position 属性的值。
CSS3有哪些新特性?
CSS3实现圆角(border-radius:8px),阴影(box-shadow:10px),
对文字加特效(text-shadow、),线性渐变(gradient),旋转(transform)
transform:rotate(9deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg);//旋转,缩放,定位,倾斜
增加了更多的CSS选择器多背景rgba
一个满屏品字布局如何设计?
经常遇到的CSS的兼容性有哪些?原因,解决方法是什么?
为什么要初始化CSS样式?
–因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化往往会出现浏览器之间的页面显示差异。
–当然,初始化样式会对SEO有一定的影响,但鱼和熊掌不可兼得,但力求影响最小的情况下初始化。
*最简单的初始化方法就是:* {padding: 0; margin: 0;} (不建议)
淘宝的样式初始化:
1 2 3 4 5 6 7 8 9
10
11
12
13 body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
body, button, input, select, textarea { font:12px/1.5tahoma, arial, \5b8b\4f53; }
h1, h2, h3, h4, h5, h6{ font-size:100%; }
address, cite, dfn, em, var { font-style:normal; }
code, kbd, pre, samp { font-family:couriernew, courier, monospace; }
small{ font-size:12px; }
ul, ol { list-style:none; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
sup { vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
legend { color:#000; }
14
15 fieldset, img { border:0; }
button, input, select, textarea { font-size:100%; }
table { border-collapse:collapse; border-spacing:0; }
absolute的containing block计算方式跟正常流有什么不同?
position跟display、margin collapse、overflow、float这些特性相互叠加后会怎么样?
对BFC规范的理解?
(W3C CSS 2.1 规范中的一个概念,它决定了元素如何对其内容进行定位,以及与其他元素的关系和相互作用。)
css定义的权重
以下是权重的规则:标签的权重为1,class的权重为10,id的权重为100,以下例子是演示
各种定义的权重值:
1 2 3 4 5 6 7 8 9
10
11
12
13
14 /*权重为1*/
div{
}
/*权重为10*/
.class1{
}
/*权重为100*/
#id1{
}
/*权重为100+1=101*/ #id1 div{
}
/*权重为10+1=11*/ .class1 div{
15
16
17
18 }
/*权重为10+10+1=21*/
.class1 .class2 div{
}
如果权重相同,则最后定义的样式会起作用,但是应该避免这种情况出现
解释下浮动和它的工作原理?清除浮动的技巧
用过媒体查询,针对移动端的布局吗?
使用CSS 预处理器吗?喜欢那个?
SASS
如果需要手动写动画,你认为最小时间间隔是多久,为什么?(阿里)
多数显示器默认频率是60Hz,即1秒刷新60次,所以理论上最小间隔为1/60*1000ms =
16.7ms
display:inline-block 什么时候会显示间隙?(携程)
移除空格、使用margin负值、使用font-size:0、letter-spacing、word-spacing
JavaScript
JavaScript原型,原型链? 有什么特点?
eval是做什么的?
它的功能是把对应的字符串解析成JS代码并运行;应该避免使用eval,不安全,非常耗性能(2次,一次解析成js语句,一次执行)。
null,undefined 的区别?
写一个通用的事件侦听器函数
1 2 3 4 5 6 7 8 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32 // event(事件)工具集,来源:https://www.doczj.com/doc/ee1880462.html,/markyun
markyun.Event = {
// 页面加载完成后
readyEvent : function(fn) {
if (fn==null) {
fn=document;
}
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = fn;
} else {
window.onload = function() {
oldonload();
fn();
};
}
},
// 视能力分别使用dom0||dom2||IE方式来绑定事件 // 参数:操作的元素,事件名称,事件处理程序
addEvent : function(element, type, handler) {
if (element.addEventListener) {
//事件类型、需要执行的函数、是否捕捉
element.addEventListener(type, handler, false); } else if (element.attachEvent) {
element.attachEvent('on' + type, function() {
handler.call(element);
});
} else {
element['on' + type] = handler;
}
},
// 移除事件
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76 removeEvent : function(element, type, handler) {
if (element.removeEnentListener) {
element.removeEnentListener(type, handler, false);
} else if (element.datachEvent) {
element.detachEvent('on' + type, handler);
} else {
element['on' + type] = null;
}
},
// 阻止事件(主要是事件冒泡,因为IE不支持事件捕获)
stopPropagation : function(ev) {
if (ev.stopPropagation) {
ev.stopPropagation();
} else {
ev.cancelBubble = true;
}
},
// 取消事件的默认行为
preventDefault : function(event) {
if (event.preventDefault) {
event.preventDefault();
} else {
event.returnValue = false;
}
},
// 获取事件目标
getTarget : function(event) {
return event.target || event.srcElement;
},
// 获取event对象的引用,取到事件的所有信息,确保随时能使用event; getEvent : function(e) {
var ev = e || window.event;
if (!ev) {
var c = this.getEvent.caller;
while (c) {
ev = c.arguments[0];
if (ev && Event == ev.constructor) {
break;
}
c = c.caller;
}
}
return ev;
}
77 };
Node.js的适用场景?
高并发、聊天、实时消息推送
介绍js的基本数据类型
1
2
number,string,boolean,object,undefined
Javascript如何实现继承?
通过原型和构造器
[“1″, “2”, “3”].map(parseInt) 答案是多少?
[1, NaN, NaN] 因为parseInt 需要两个参数(val, radix),其中radix 表示解析时用的基数。map 传了3 个(element, index, array),对应的radix 不合法导致解析失败。
如何创建一个对象? (画出此对象的内存图)
1 2 3 4 5 6 function Person(name, age) {
https://www.doczj.com/doc/ee1880462.html, = name;
this.age = age;
this.sing = function() { alert(https://www.doczj.com/doc/ee1880462.html,) }
}
谈谈This对象的理解
this是js的一个关键字,随着函数使用场合不同,this的值会发生变化。
Web前端开发笔试题集锦(已读)
Web前端开发笔试题集锦 HTML/CSS篇 1, 判断字符串是否是这样组成的,第一个必须是字母,后面可以是字母、数字、下划线,总长度为5-20 var reg = /^[a-zA-Z][a-zA-Z_0-9]{4,19}$/; reg.test("a1a__a1a__a1a__a1a__"); 2,截取字符串abcdefg的efg var str = "abcdefg"; if (/efg/.test(str)) { var efg = str.substr(str.indexOf("efg"), 3); alert(efg); } 3,判断一个字符串中出现次数最多的字符,统计这个次数 //将字符串的字符保存在一个hash table中,key是字符,value是这个字符出现的次数 var str = "abcdefgaddda"; var obj = {}; for (var i = 0, l = str.length; i < l; i++) { var key = str[i]; if (!obj[key]) { obj[key] = 1; } else { obj[key]++; } } /*遍历这个hash table,获取value最大的key和value*/ var max = -1; var max_key = ""; var key; for (key in obj) { if (max < obj[key]) { max = obj[key]; max_key = key; } } alert("max:"+max+" max_key:"+max_key); 4,IE与FF脚本兼容性问题 (1) window.event: 表示当前的事件对象,IE有这个对象,FF没有,FF通过给事件处理函数传递事件对象 (2) 获取事件源
公司必备面试题库
面试题库 一、简单寒暄 1、您怎么过来的?交通还方便吧! 2、从(待定)到杭州要多长时间?路途辛苦吗? 3、以前来过郑州吗?对这里的印象如何,跟你所在的城市有何不同的感受? 4、这几天的(或这边的)天气较( 待定),您还能适应吧! 5、您来自来哪里?(简单与面试者聊聊他出身地的特点) 二、观或听: 1、衣着整齐度 2、精神面貌 3、行、坐、立动作 4、口头禅、礼貌用语等 三、口头表达能力(注意语言逻辑性、用语修辞度、口头禅、语言波幅等) 1、请您先用3-5分钟左右的时间介绍一下自己吧! 2、您先说说您最近服务的这家公司(由简历而定)的基本情况吧(规模、产品、市场)! 3、您在目前工作岗位中主要有哪些工作内容?主要的顾客有哪些? 4、请您简要介绍一下自己的求学经历。 5、请您简要介绍一下自己的成长历程。 四、灵活应变能力(也涉及工作态度) 1、您为何要离开目前服务的这家公司?(答案可能是待遇或成长空间或人际氛围或其它,待回答完毕后继续发问) -----您跟您的主管或直接上司有没有针对以上问题沟通过?(如果没有,问其原因;如果有,问其过程和结果) 2、除了简历上的工作经历,您还会去关注哪些领域(或有没有其它潜在的兴趣或是否想过去尝试、从事的其它职业)? -----(若有,继续发问)您觉得这跟您目前要从事的职业有哪些利、弊关系? -----(若无,继续发问)您不觉得您的知识结构有些狭窄或兴趣较贫乏,说说未来的改善计划? 3、您在选择工作中更看重的是什么?(可能是成长空间、培训机会、发挥平台、薪酬等答案) (若薪酬不排在第一,问)-------您可不可以说说你在薪酬方面的心理预期?(待回答完毕后)那您刚才的意思也可以这样理解:薪酬方面可以适当低于您的心理预期,对吗?(若薪酬显得不太让步,可问) 有人说挣未来比挣钱更为重要,您怎样理解?(若薪酬排在第一,问)--------有人说挣未来比挣钱更为重要,您怎样理解? 4、您觉得您在以前类似于我司提供的这个岗位上的工作经历中有哪些方面做得不足? (若答有,问)------您打算在以后的工作中采取哪些改善措施?(待回答完毕后,继续发问)您再想想如果到我们公司来任职还有没有补充改善措施?
最新web前端面试题(及答案)
1、常用那几种浏览器测试?有哪些内核(Layout Engine)? 答: (Q1) 浏览器:IE,Chrome,FireFox,Safari,Opera。 (Q2) 内核:Trident,Gecko,Presto,Webkit。 2、说下行内元素和块级元素的区别?行内块元素的兼容性使用?(IE8 以下)答: (Q1) 行内元素:会在水平方向排列,不能包含块级元素,设置width无效,height无效(可以设置line-height),margin上下无效,padding上下无效。 块级元素:各占据一行,垂直方向排列。从新行开始结束接着一个断行。 (Q2) 兼容性:display:inline-block;*display:inline;*zoom:1; 3、清除浮动有哪些方式?比较好的方式是哪一种? 答: (Q1) (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。 (Q2) 比较好的是第3种方式,好多网站都这么用。 4、box-sizing常用的属性有哪些?分别有什么作用? 答: (Q1)box-sizing: content-box|border-box|inherit; (Q2)content-box:宽度和高度分别应用到元素的内容框。在宽度和高度 之外绘制元素的内边距和边框(元素默认效果)。 border-box:元素指定的任何内边距和边框都将在已设定的宽度和高度内 进行绘制。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的 宽度和高度。 5、Doctype作用?标准模式与兼容模式各有什么区别? 答: (Q1) 告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不 存在或格式不正确会导致文档以兼容模式呈现。 (Q2) 标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防 止站点无法工作。 6、HTML5 为什么只需要写?
前端面试题大全(html篇)
HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的置标语言。最主要的不同: (1)XHTML元素必须被正确地嵌套 (2)XHTML元素必须被关闭 (3)XHTML标签名必须用小写字母 (4)XHTML文档必须拥有根元素 2.什么是语义化的HTML html5的语义化是指用正确的标签包含正确的容,比如nav标签就应该包含导航条容 (1)直观的认识标签对于搜索引擎的抓取有好处,用正确的标签做正确的事情! (2)html语义化就是让页面的容结构化,便于对浏览器、搜索引擎解析 (3)在没有CCS样式情况下也以一种文档格式显示,并且是容易阅读的。搜索引擎的爬虫依赖于标记来确定上下和各个关键字的权重,利于SEO。 (4)使阅读源代码的人更容易将分块,便于阅读维护理解。 写一段语义的html代码(HTML5中新增加的很多标签如:、
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会等到页面
广告公司面试试题及答案word版本
广告公司面试试题及 答案
设计人员试题 一、个人素质方面的问题 1、你是如何理解设计工作的? 答:设计玩我,我玩设计,大家一起玩完 2、设计与绘画艺术有什么最本质的区别? 答:以自我为中心与以商业为中心的区别。 3、为什么常有人说“纯艺术做的好的人大多不能同样在商业美术有很高的成就”呢? 答:太过自我的人在商业社会有所成就不易,难被接受。 4、商业设计的服务对象是什么? 答:市场 5、商业设计的设计水平是学校里学习来的吗?为什么? 答:不是,学校只是个骗取学费的地方,要靠自己才能学的来 6、你在学校学习的时候学过什么样的相关课程? 答:没什么就随便了解哈。 7、设计有没有最好的概念? 答:没有最好,只有最适合。 8、设计作品好坏的标准在哪里? 答:较高的审美下的创造性,服务于商业。 9、平面设计工作是如何进行?有哪些一般可行的过程? 答:每人的工作方式不同,但是有经验的人会有好的方法,视情形看。 10、目前国内外最时尚的平面设计理念是什么? 答:现在流行简约风(这也是为什么常听人说美指做的很简洁之类) 11、在你所见的平面设计作品中你认为哪些国家或地区的作品令你印象深一些?为什么? 答:视自已的情况而定,主要是要讲出你认为深的理由,由此看出一个人的欣赏水平层次。 12、国内你最欣赏的平面设计师有哪些? 答:视自己的情况而定,但最好能有大家都熟悉的作品。 13、国内的平面设计作品对你印象最深的是哪些? 答:视自己的情况而定,但最好是都熟悉的作品。 14、你认为最成功的平面设计作品是什么,举一二例子说明一下? 答:同上。 15、国外的发达国家的平面设计状况是怎样的? 答:谈你对于世界设计状况的认识,主要看你有没有为自己准备理论知识,有没有关注设计。 16、中国的平面设计与国外的同行比较有什么样的优势与不足? 答:优势在于起步虽晚但机会多,不足在于观念与创新能力。 17、国内做平面设计最发达的地区有哪些?这什么? 答:深圳、上海、广州、北京等地,与经济发展密切相关。 18、国内做平面设计工作的一般是有什么教育背景的人员? 答:大部分为接受过绘画、设计教育的人员,少数例外。 19、国内发达地区平面设计的一般收入状况是怎样的呢? 答:谈自已以往公司的做设计一行的收入状况即可,考查该同志有没有在这些地区工作过。 20、你曾经服务的企业你认为最得意的作品是什么? 答:谈谈你得意的地方,如果没有即可知没有做过啥事。 21、你与他人合作完成的作品中最成功的案例是什么?
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分前端面试题总结HTML CSS部分
前端面试题总结HTML CSS部分 时间:2014-02-2521:22:16来源:作者: 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 h1h2h3h4form ul 行内元素:a b br i span input select Css盒模型:内容,border,margin,padding 5.CSS引入的方式有哪些?link和@import的区别是? 内联内嵌外链导入 区别:同时加载 前者无兼容性,后者CSS2.1以下浏览器不支持 Link支持使用javascript改变样式,后者不可 6.CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先级高?
Web前端开发工程师面试题
一、CSS (1) 二、HTML (3) 三、jquery (3) 四、综合 (4) 一、C SS 1.CSS样式表根据所在网页的位置,可分为?(B ) A.行内样式表、内嵌样式表、混合样式表 B.行内样式表、内嵌样式表、外部样式表 C.外部样式表、内嵌样式表、导入样式表 D.外部样式表、混合样式表、导入样式表 2.对于标签,其中*代表(C ) A. 注释的时候才用上 B. 没有这个标签 C. 通配符,意思是所有的标签 3.在CSS中下面哪种方法表示超链接文字在鼠标经过时,超链接文字无下划线?(B ) A. A:link{TEXT-DECORATION: underline } B. A:hover {TEXT-DECORATION: none} C. A:active {TEXT-DECORATION: blink } D. A:visited {TEXT-DECORATION: overline } 4.下面代码片段,说法正确的是:(B ) .DIV1 { position:absolute; line-height:22px; height:58px; background-color: #FF0000; } A. Line-height:22px;修饰文本字体大小 B. position:absolute;表示绝对定位,被定位的元素位置固定 C. height:58px; 表示被修饰的元素距离别的元素的距离 D. background-color: #FF0000; 表示被修饰的元素的背景图像 5.用CSS设置DIV的左边为红色实线,下面设置正确的是(C ) A.style=”border-top: #ff0000 1 solid;”
前端工程师面试题题及答案(全面综合)
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)
web前端研发工程师笔试题选择题带答案
1. 要动态改变层中内容可以使用的方法有( AB ) a) i nn erHTML b) i nn erText c) 通过设置层的隐藏和显示来实现 d) 通过设置层的样式属性的 display 属性 2. 当按键盘 A 时,使用onKeyDown 事件打印event.keyCode 的结果是(A ) a) 65 b) 13 c) 97 d) 37 3.在javascript 里,下列选项中不属于数组方法的是( B ); a) sort() b) l e ngth() c)con cat() d) r everse( ) 4.下列哪一个选项可以用来检索被选定的选项的索引号 ?(B) a)disabled b) selectedl ndex c) opti on d) multiple 5.希望图片具有”提交”按钮同样的功能,该如何编写表单提交?(A ) 6. 使div 层和文本框处在冋一行的代码正确的是 (D ); a) b) c) d) 7. 下列选项中,描述正确的是(选择两项)。(AD ) a)options.add(new Option(,a?,'A?))可以动态添加一个下拉列表选项 b)option.add(new Option(,a?,'A?))可以动态添加一个下拉列表选项 c) n ew Optio n(,a?,'A?)中?a 表示列表选项的值,?A 用于在页面中显示 d) n ew Option(,a?,'A?)中?A 表示列表选项的值,?a 用于在页面中显示 8. 、 var emp = new Array(3); for(var i in emp) 以下答案中能与for 循环代码互换的是:(选择一项)。(D ) A for(var i =0; i项目管理公司面试题目
项目管理公司面试题目 1.自我介绍。 2.如何管理协调设计院,具体都有哪些工作。 答:一、设计院按照甲方的意思设计图纸,在施工中,施工方发现图纸有问题要先联系甲方,甲方找设计院会同监理和施工单位解 决。 二、如果是建设单位要管理设计单位的话,我认为先从控制设计开始防止设计院随意设计造成成本的增加 1控制平米砼中钢筋含钢量,2控制平米砼量,3建筑设计在满足建设单位要求的情况下,尽量选用 当地的通用做法, 3.如何协调现场参建各方的关系 答:一、首先,在工作中必须不断地提高自己的业务能力和协调 沟通能力,处理问题要坚持原则、常常深入施工第一线了解工程的实际状况并能及时解决各分包方的实际困难,尊重分包方的劳动成果, 人与人要互相尊重等。 然后,以参建各方签订的合同为依据。 二、1、要尊重监理、尊重施工单位,这样才会相互尊重,监理 单位、施工单位也更会尊重你! 2、要学习专业知识,不但要清楚,而且要综合,这样才能合理 调节各施工单位之间、施工单位与监理间的关系!
3、在严格控制工期、造价的条件上,尊重监理的意见,这样监 理在工作中才有积极性;对监理的一般错误,要进行私下交流,让他 更加努力。 4、对公司下达的指标、任务,可能对监理、施工单位有一定难度的, 你要说明实情,让他们体谅你,站在同一船上的人,一定会高兴的圆 满完成任务。 4.施工场地总平面布置图的主要内容是什么 答:(1)全部地上、地下建筑物、构筑物;(2)各种施工机械设备的布置;(3)周围道路和建筑及场内道路布置;(4)生产性、生活性临时设施;(5)临时供水(含消防)、供电线路及水源、电源; 5.砼中出现蜂窝、孔洞的处理方法有哪些 ? 答:(1)对数量不多的小蜂窝、露筋的砼表面,可用1:2水泥砂浆抹面修正。(2)蜂窝、孔洞的面积大不、深度较大时,可用高 压注入水泥浆泥法。(3)蜂窝、孔洞比较大,比较深,但未贯穿,可局部凿开砼,包漏斗形模板,用高一级砼或掺UEA微膨胀剂浇捣密实,达到强度凿除多余部分。(4)蜂窝、孔洞多而且严重,应 凿除整根构件,重新支模清理后浇捣砼,并处理好邻接面。 ?? 6.你做的上一个项目专业都存在什么问题,你是如何协调解决的。
HTML5前端面试题(含答案)
HTML5前端面试题(含答案) 1、新的 HTML5 文档类型和字符集是? HTML5 文档类型很简单: 1 HTML5 使用 UTF-8 编码示例: 1 2、HTML5 中如何嵌入音频? HTML5 支持 MP3、Wav 和 Ogg 格式的音频,下面是在网页中嵌入音频的简单示例: 1 2 3 4 3、HTML5 中如何嵌入视频? 和音频类似,HTML5 支持 MP4、WebM 和 Ogg 格式的视频,下面是简单示例: 1 2 3 4 4、除了 audio 和 video ,HTML5 还有哪些媒体标签? HTML5 对于多媒体提供了强有力的支持,除了 audio 和 video 标签外,还支持以下标签:
1
WEB前端开发面试题集锦
1、列举你工作中遇到的IE6 BUG,谈谈解决方案。 3、如何用CSS分别单独定义IE6、7、8的width属性。 所有浏览器通用 height: 100px; IE6 专用 _height: 100px; IE6 专用 *height: 100px; IE7 专用 *+height: 100px; IE7、FF 共用 height: 100px !important; 4、CSS中哪些属性可以同父元素继承。 继承:(X)HTML元素可以从其父元素那里继承部分CSS属性,即使当前元素并没有定义该属性 Color;font-size; 5、你如何理解HTML结构的语意化。 1.去掉或样式丢失的时候能让页面呈现清晰的结构: html本身是没有表现的,我们看到例如
是粗体,字体大小2em,加粗;是加粗的,不要认为这是html 这些其实html默认的css样式在起作用,所以去掉或样式丢失的时候能让页面呈现清晰的结构不是语义化的HTML 点,但是浏览器都有有默认样式,默认样式的目的也是为了更好的表达html的语义,可以说浏览器的默认样式和HTML结构是不可分割的。 2.屏幕阅读器(如果访客有视障)会完全根据你的标记来“读”你的网页. 例如,如果你使用的含语义的标记,屏幕阅读器就会“逐个拼出”你的单词,而不是试着去对它完整发音. 3.PDA、手机等设备可能无法像普通电脑的浏览器一样来渲染网页(通常是因为这些设备对CSS的支持较弱). 使用语义标记可以确保这些设备以一种有意义的方式来渲染网页.理想情况下,观看设备的任务是符合设备本身的条染网页. 语义标记为设备提供了所需的相关信息,就省去了你自己去考虑所有可能的显示情况(包括现有的或者将来新的设备一部手机可以选择使一段标记了标题的文字以粗体显示.而掌上电脑可能会以比较大的字体来显示.无论哪种方式一文本标记为标题,您就可以确信读取设备将根据其自身的条件来合适地显示页面. 4.搜索引擎的爬虫也依赖于标记来确定上下文和各个关键字的权重. 过去你可能还没有考虑搜索引擎的爬虫也是网站的“访客”,但现在它们他们实际上是极其宝贵的用户.没有他们的
宝洁公司面试题_宝洁八大问
宝洁公司面试题 目录 宝洁公司面试题 (1) 宝洁八大问 (2) 一般性问题 (3) 让人尴尬的问题 (3) 敏感的薪资问题 (4)
宝洁八大问 1、给出一个很高难的例子,来说明你采取何种手段来完成这一目标。 2、概述一种情况:你鼓动别人为了某一个目标而努力,而且你在其中扮演了领导角色来完成你的目标。 3、描述一种情形:你有了找寻外面的有关数据,定义关键点,决定行动步骤。 4、描述一个你有效利用事实并且试图说服其他人的事例。 5、举出一个事例,来说明你如何有效地同别人合作来完成一个重要目标。 6、描述一个你提出的创新性的建议或者计划,对一个活动的成功做出了重要贡献。 7、提供有一个事例来说明你详细估定了某一情形并且决定出行动的优先顺序。 8、提供一个例子说明你如何获得了技术上的细节而且将他们转换成实际的应用。 参考答案: 1、高难目标:设计一场音乐或者戏剧演出来庆祝普林斯顿大学百年庆典。 完成这一个目标的人:普林斯顿大学学会主席。我从中观察了解到:一位真实的领袖不是必需成为某一领域的专家,但是他一定拥有非凡魅力的和能力使不同兴趣、不同意见的甚至竞争的人共同来完成某一目标。 2、我发起的活动:组织一个团体在平安夜唱一首圣歌,代表我们的英文协会拜访大学的所有宿舍并且送圣诞礼物。我们的目标:拓宽学生对西方文化的了解。 我所扮演的领导角色:结合代表提议和我的主意并且决定:*唱什么歌? *那些人参加唱诗班? *我们在那个地点进行我们的表演? 结果:许多学生说我们送给他们的礼物带给了他们温暖并且希望我们在下个平安夜会举行类似的活动。 3、背景:我组织了管理学校英文协会建立后第一个活动。待完成的目标:帮一年级新学生和二年级学生提高他们的英语水平并且宣传我们的团体。 关键事项: *学生英语哪方面的英语能力需要精炼?有关的数据: *什么类型的娱乐在学生之中很流行并且提供了机会让他 们最有效地学习英语? *哪种类型的外国老师最适合这个位置? *我们的成员何时有空闲时间? *什么地方队大多数成员是方便的? *其他的相关因素,例如可用的地点以及设备。 4、背景:我提出一项计划,和附近的兄弟大学的协会合作来举行英语角活动。 不利因素: *我们学校的领导可能持有异议。 *费用昂贵,而且我们没有足够的人来实施这一个计划。*有太多的英语角,可能没有必要。 我利用一下有利因素: *我们的院长核准了这一份提议。 *我们的合伙伙伴能提供资金上的援助,而且我们的成员志愿实施计划并且努力完善细节之处。 *民意调查现在英语角不符合学生的需求而且缺乏独特性。结果:其他人被我们说服,而且我们成功建立起这个英语角。 5、背景:在军事训练中,我们举行军歌比赛。 设计:我和同学设计整个比赛节奏、安排、伴奏、高潮。排练:我连同那些掌管照明、声音和现场的人一起工作来产生最完美的艺术效果。 在舞台上:我担任指挥,并且用手势和眼神表达提醒同学们,我们配合默契。 结果:我们的连队嬴得这一比赛的第二名。 6、活动:举行企业家远见竞赛。 我的创新注意:召开公司的一个董事会会议,我们的候选人辩论了有关依照他们收集的市场数据销售现代健身仪器的可行性。 结果:竞赛是依据我的提议而进行的。 7、背景:在我们的晋级月最初开始的时的一个早晨,我发现在一些百货公司中的存货储备不够充足。 我队情形的估定:那四家商店彼此不是很远,而且他们的营业时间不相同,从一家店调运货物到另一家店具有可行性。 优先顺序:使拥有最大量客户的商店满足库存需要。 8、背景:在客户对啤酒口味的意见调查表中,我发现表格有些过时,限制了客户的悬着。 技术上能力:科学安排了调查表的形式。 结果:藉由转换调查表的形式,我们的公司获得了更多数量的更有效的数据。
前端面试题含答案
前端面试题含答案 The latest revision on November 22, 2020
前端开发面试知识点大纲: HTML&CSS : 对Web 标准的理解、浏览器内核差异、兼容性、hack 、CSS 基本功:布 局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应 JavaScript : 数据类型、面向对象、继承、闭包、插件、作用域、跨域、原型链、模块 化、自定义事件、内存泄漏、事件机制、异步装载回调、模板引擎、Nodejs 、 JSON 、ajax 等。 其他: HTTP 、安全、正则、优化、重构、响应式、移动端、团队协作、可维护、SEO 、UED 、架构、职业生涯 作为一名前端工程师,无论工作年头长短都应该必须掌握的知识点: 1、DOM 结构 —— 两个节点之间可能存在哪些关系以及如何在节点之间任意移动。 产品部-前端面试题-答案 产品部 Beijing
2、DOM操作——如何添加、移除、移动、复制、创建和查找节点等。 3、事件——如何使用事件,以及IE和标准DOM事件模型之间存在的差 别。 4、XMLHttpRequest ——这是什么、怎样完整地执行一次GET请求、怎样检测 错误。 5、严格模式与混杂模式——如何触发这两种模式,区分它们有何意义。 6、盒模型——外边距、内边距和边框之间的关系,及IE8以下版本的浏览器 中的盒模型 7、块级元素与行内元素——怎么用CSS控制它们、以及如何合理的使用它们 8、浮动元素——怎么使用它们、它们有什么问题以及怎么解决这些问题。 9、HTML与XHTML——二者有什么区别,你觉得应该使用哪一个并说出理由。 10、JSON ——作用、用途、设计结构。 HTML 一、Doctype作用严格模式与混杂模式如何区分它们有何意义 (1)、 声明位于文档中的最前面,处于 标签之前。告知浏览器的解析器,用什么文档类型规范来解析这个文档。
html5面试题
web前端面试题整理(HTML) 1. h5的改进: 新元素 画布canvas: HTML5
企业面试问题及答案
企業面試問題及答案 问题一:你是否觉得有能力在自己职位上取得成功?如果感到不妥,你将如何弥补自己的缺点? 正确回答:尽管我确信我还有很多东西要学,在每个新工作中都是这样,但我认为,你会发现我是一个学得很快的人,我相信自己的能力和天分可以满足你们的需要,我不认为前面的道路上会有什么克服不了的困难。 问题二:你能够在压力状态下工作得很好吗? 正确回答:在从事有价值的工作时,任何人在工作时都会不时地遇到压力。我能够应付一定量的压力,甚至在有些情况下还可以承受极大地压力。对我来说,应对压力的关键是找到一种方法控制形势,从而减轻压力的剧烈程度,通过这种方式,压力就不会影响我的工作了。我知道任何工作都有压力,如果必要的话,我会在压力下工作的很好。 问题三:当你确信自己是正确的,但其他人却不赞同你时,你会怎么做? 正确回答:首先,我会确保有足够的信息来支持自己,一旦我确信自己的观点是正确的,我就会密切关注反对者的反对理由,我将从他们的角度看待问题,并以此说服他们,由于互相尊重,我相信我们会最终达成协议的。 问题四:如果你在销售一种产品时,遇到了一位客户一直抱怨你的售后服务很糟糕时,这时你会怎么办?
正确回答:我将向客户解释,我们的企业向来以产品的质量和优质服务为荣。然后我将向客户保证,我将会尽一切努力来改善这种状况,接下来我会听他(她)抱怨,并查找问题的根源,做出必要的改进来满足客户。 问题五:你是怎样准备这次面试的? 正确回答:首先,我研究了你们的年度报告,然后,在网上了解到了贵公司的文化背景,接着我联系了一个我认识的人,询问他对贵公司的印象,我把了解到的情况都记下来了,而且还在来之前复习了这些笔记。 问题六:你认为怎样才能成为一名专业人士? 正确回答:对我来说,做一名专业人士,意味着在做任何工作时都要尽一切努力来完成预期结果,同时,也意味着要对自己的表现负责。作为一名专业人士,最重要的是要自己监督自己,也可以叫做自我质量控制。 问题七:你期望从工作中获得最重要的回报是什么? 正确回答:对我来说,最重要的是自己所做的工作是否适合我,我的意思是说,这份工作应该能让我发挥专长,这会给我带来一种满足感,我还希望所作的工作能够对我目前的技能水平形成挑战,从而能促使我提升自己。 问题八:在高薪、表彰和晋升之间,你认为哪种形式最有价值? 正确回答:这些都是紧密联系,不可分离的。尽管我对金钱并不着迷,但我认为,随着成功、晋升以及表彰的出现,它们一定也会给我带来更多的金钱回报。