全套html5面试题大全带答案
基础强化
1. 聊一聊前端存储。
(1)cookie
(2)短暂的sessionStorage
(3)简易强大的localStorage
(4)websql与indexeddb
详细参见:https://https://www.doczj.com/doc/795892290.html,/a/1190000005927232
2. BFC
(1) w3c规范中的BFC定义:
浮动元素和绝对定位元素,非块级盒子的块级容器(例如inline-blocks, table-cells, 和table-captions),以及overflow值不为“visiable”的块级盒子,都会为他们的内容创建新的BFC(块级格式上下文)。
在BFC中,盒子从顶端开始垂直地一个接一个地排列,两个盒子之间的垂直的间隙是由他们的margin 值所决定的。在一个BFC中,两个相邻的块级盒子的垂直外边距会产生折叠。
在BFC中,每一个盒子的左外边缘(margin-left)会触碰到容器的左边缘(border-left)(对于从右到左的格式来说,则触碰到右边缘)。
(2) BFC的通俗理解:
首先BFC是一个名词,是一个独立的布局环境,我们可以理解为一个箱子(实际上是看不见摸不着的),箱子里面物品的摆放是不受外界的影响的。转换为BFC的理解则是:BFC中的元素的布局是不受外界的影响(我们往往利用这个特性来消除浮动元素对其非浮动的兄弟元素和其子元素带来的影响。)并且在一个BFC中,块盒与行盒(行盒由一行中所有的内联元素所组成)都会垂直的沿着其父元素的边框排列。
详细参见:
https://www.doczj.com/doc/795892290.html,/css/understanding-bfc-and-margin-collapse.html
https://https://www.doczj.com/doc/795892290.html,/question/28433480
前端工程化
3. 场景:你是第一天来公司上班的,项目代码托管在GitLab,项目地址:
git@https://www.doczj.com/doc/795892290.html,:org/project.git,现在有一处代码需要你修改。请下完成此项任务中,与git/gitlab 相关的操作步骤。
第一步:$> ssh-keygen -t rss -C zhangsan@https://www.doczj.com/doc/795892290.html,
第二步:拷贝公钥到gitlab
第三步:
$> git config —global https://www.doczj.com/doc/795892290.html, zhangsan
$> git config —global user.email zhangsan@https://www.doczj.com/doc/795892290.html,
第四步:$> git clone git@https://www.doczj.com/doc/795892290.html,:org/project.git
第五步:$> git checkout -b project-20170227-zhangsan-bugfix
第六步:修改代码
第七步:git status
第八步:git add .
第九不:git commit -am ‘bugfix’
第八步:git push --set-upstream origin project-20170227-zhangsan-bugfix
4. CSS,JS代码压缩,以及代码CDN托管,图片整合。
(1)CSS,JS 代码压缩:
可以应用gulp的gulp-uglify,gulp-minify-css模块完成;可以应用webpack的UglifyJsPlugin压缩插件完成。
(2)CDN:
内容分发网络(CDN)是一个经策略性部署的整体系统,包括分布式存储、负载均衡、网络请求的重定向和内容管理4个要件。主要特点有:本地Cache加速,镜像服务,远程加速,带宽优化。关键技术有:内容发布,内容路由,内容交换,性能管理。CDN网站加速适合以咨询为主的网站。CDN是对域名加速不是对网站服务器加速。CDN和镜像站比较不需要访客手动选择要访问的镜像站。CDN使用后网站无需任何修改即可使用CDN获得加速效果。如果通过CDN后看到的网页还是旧网页,可以通过URL推送服务解决,新增的网页和图片不需要URL推送。使用动态网页可以不缓存即时性要求很高的网页和图片。CDN可以通过git或SVN来管理。
(3)图片整合
减少网站加载时间的最有效的方式之一就是减少网站的HTTP请求数。实现这一目标的一个有效的方法就是通过CSS Sprites——将多个图片整合到一个图片中,然后再用CSS来定位。缺点是可维护性差。可以使用百度的fis/webpack来自动化管理sprite。
5. 如何利用webpack把代码上传服务器以及转码测试?
(1)代码上传:
可以使用sftp-webpack-plugin,但是会把子文件夹给提取出来,不优雅。可以使用gulp+webpack来实现。
(2)转码测试
webpack应用babel来对ES6转码,开启devtool: “source-map" 来进行浏览器测试。应用karma 或mocha来做单元测试。
6. 项目上线流程是怎样的?
(1)流程建议
- 模拟线上的开发环境
本地反向代理线上真实环境开发即可。(apache,nginx,nodejs均可实现)
- 模拟线上的测试环境
模拟线上的测试环境,其实是需要一台有真实数据的测试机,建议没条件搭daily的,就直接用线上数据测好了,只不过程序部分走你们的测试环境而已,有条件搭daily最好。
- 可连调的测试环境
可连调的测试环境,分为2种。一种是开发测试都在一个局域网段,直接绑hosts即可,不在一个网段,就每人分配一台虚拟的测试机,放在大家都可以访问到的公司内网,代码直接往上布即可。
- 自动化的上线系统
自动化的上线系统,可以采用Jenkins。如果没有,可以自行搭建一个简易的上线系统,原理是每次上线时都抽取最新的trunk或master,做一个tag,再打一个时间戳的标记,然后分发到cdn就行了。界面里就2个功能,打tag,回滚到某tag,部署。
- 适合前后端的开发流程
开发流程依据公司所用到的工具,构建,框架。原则就是分散独立开发,互相不干扰,连调时有hosts可绑即可。
(2)简单的可操作流程
- 代码通过git管理,新需求创建新分支,分支开发,主干发布
- 上线走简易上线系统,参见上一节
- 通过gulp+webpack连到发布系统,一键集成,本地只关心原码开发
- 本地环境通过webpack反向代理的server
- 搭建基于linux的本地测试机,自动完成build+push功能
7. 工程化怎么管理的?
gulp和webpack
8. git常用命令
Workspace:工作区
Index / Stage:暂存区
Repository:仓库区(或本地仓库)
Remote:远程仓库
详细参见:https://www.doczj.com/doc/795892290.html,/blog/2015/12/git-cheat-sheet.html
9. webpack 和gulp对比
Gulp 就是为了规范前端开发流程,实现前后端分离、模块化开发、版本控制、文件合并与压缩、mock 数据等功能的一个前端自动化构建工具。说的形象点,“Gulp就像是一个产品的流水线,整个产品从无到有,都要受流水线的控制,在流水线上我们可以对产品进行管理。”另外,Gulp是通过task对整个开发过程进行构建。
Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔,等到实际需要的时候再异步加载。通过loader的转换,任何形式的资源都可以视作模块,比如CommonJs 模块、AMD 模块、ES6 模块、CSS、图片、JSON、Coffeescript、LESS 等。
Gulp和Webpack功能实现对比:从基本概念、启动本地Server、sass/less预编译、模块化开发、文件合并与压缩、mock数据、版本控制、组件控制八个方面对Gulp和Webpack进行对比。
详细参见:https://www.doczj.com/doc/795892290.html,/articles/e632EbA
10. webpack打包文件太大怎么办?
webpack 把我们所有的文件都打包成一个JS 文件,这样即使你是小项目,打包后的文件也会非常大。可以从去除不必要的插件,提取第三方库,代码压缩,代码分割,设置缓存几个方面着手优化。
详细参见:https://www.doczj.com/doc/795892290.html,/p/a64735eb0e2b
11. 不想让别人盗用你的图片,访问你的服务器资源该怎么处理?
目前常用的防盗链方法主要有两种:
(1)设置Referer:适合不想写代码的用户,也适合喜欢开发的用户
(2)签名URL:适合喜欢开发的用户
详细参见:https://https://www.doczj.com/doc/795892290.html,/articles/57931
12. 精灵图和base64如何选择?
css精灵,用于一些小的图标不是特别多,一个的体积也稍大,比如大于10K(这个没有严格的界定)。
base64,用于小图标体积较小(相对于css精灵),多少都无所谓。字体图标,用于一些别人做好的图标库(也有少数自己去做的)用起来比较方便,他的图标只能用于单色,图标用只能于一种颜色。
13. webpack怎么引入第三方的库?
拿jQuery为例:
entry: {
page: 'path/to/page.js',
jquery: 'node_modules/jquery/dist/jquery.min.js'
}
new HtmlWebpackPlugin({
filename: 'index.html',
template: 'index.html',
inject: true,
chunks: ['jquery', 'page'] // 按照先后顺序插入script标签})
14. 如果线上出现bug git怎么操作?
参见第1题。
15. 用过Nginx吗?都用过哪些?
nginx是一个高性能的HTTP和反向代理服务器。
常使用场景:
(1)反向代理
(2)网站负载均衡
详细参见:https://www.doczj.com/doc/795892290.html,/hobinly/p/6023883.html
常见面试试题及答案 1、请你自我介绍一下你自己, 回答提示:一般人回答这个问题过于平常,只说姓名、年龄、爱好、工作经验,这些在简历上都有,其实,企业最希望知道的是求职者能否胜任工作,包括:最强的技能、最深入研究的知识领域、个性中最积极的部分、做过的最成功的事,主要的成就等,这些都可以和学习无关,也可以和学习有关,但要突出积极的个性和做事的能力,说得合情合理企业才会相信。企业很重视一个人的礼貌,求职者要尊重考官,在回答每个问题之后都说一句“谢谢”。企业喜欢有礼貌的求职者。 2、你觉得你个性上最大的优点是什么 回答提示:沉着冷静、条理清楚、立场坚定、顽强向上。 乐于助人和关心他人、适应能力和幽默感、乐观和友爱。我在北大青鸟经过一到两年的培训及项目实战,加上实习工作,使我适合这份工作。我相信我能成功。 3、说说你最大的缺点 回答提示:这个问题企业问的概率很大,通常不希望听到直接回答的缺点是什么等,如果求职者说自己小心眼、爱忌妒人、非常懒、脾气大、工作效率低,企业肯定不会录用你。绝对不要自作聪明地回答“我最大的缺点是过于追求完美”,有的人以为这样回答会显得自己比较出色,但事实上,他已经岌芨可危了。企业喜欢求职者从自己的优点说起,中间加一些小缺点,最后再把问题转回到优点上,突出优点的部分。企业喜欢聪明的求职者。 4、你对加班的看法 回答提示:实际上好多公司问这个问题,并不证明一定要加班。只是想测试你是否愿意为公司奉献。 回答样本:如果是工作需要我会义不容辞加班。我现在单身,没有任何家庭负担,可以全身心的投入工作。但同时,我也会提高工作效率,减少不必要的加班 5、你对薪资的要求
1、要对一个农作物的新品种进行推广,但是却没有多少农民来进行咨询和寻求帮助,你怎么做(2010年3月4日下午其他部门国家公务员面试真题) 【试题类型】计划组织类 【考查能力】沟通协调能力和计划组织能力 【解题要点】 1.深入调查,分析原因,制定相应计划; 2.沟通协调,保证计划顺利实施; 3.向领导汇报,并做好相应的宣传。 华图参考要点: 任何时候,人们对新事物的产生都有一个由不接受到接受的过程。新事物在推广阶段遇到困难是很正常的。关键是要不断的深入调查,有针对性的进行宣传推广,使之逐渐被接受。 对于农作物新品种的推广也是这样。我会通过集中调查和入户访谈的方式,深入田间地头,走入农户家里,了解农民的看法,然后对这些数据进行细致地分析,并据此制定更加有针对性地宣传和推广计划,明确推广计划的时间、地点、对象、预算、相关服务和产品等要素,报领导审批并修改。 在计划实施阶段,依照采取多种方式,争取各方面的支持的帮助,比如利用村委会组织动员村民,利用相关的媒体进行宣传,尤其要针对调查中有困惑的村民,对他们不理解的问题进行讲解,方便农民加深对这一新品种的了解。注意推广的方式方法,特别是保证活动中的秩序问题,防止意外的发生。 计划结束之后,统计农民采用新品种的比例,深入总结,并写出书面报告向领导汇报,最后我还会充分利用机关网络和媒体进行宣传。 2、某市城管执法部门实行“公众接待日”制度,有上级领导要来参加,你单位领导让你来组织,怎么做(2010年3月5日上午其他部门国家公务员面试真题) 参考答案: 实行公众接待日工作制度,是城管执法部门进一步转变作风、提高办事效率、全面加强机关效能建设的具体体现,也是实现其全心全意为人民服务的重要保证。因此我会认真组织好这次活动。 首先,我会向单位领导咨询这次“接待日”的目的及要求,向有经验的同事们请教,集思广益确定一份详细的计
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) 获取事件源
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中新增加的很多标签如:
微软面试题及答案 2009-09-28 10:56 P.M. 1.烧一根不均匀的绳,从头烧到尾总共需要1个小时。现在有若干条材质相同的绳子,问如何用烧绳的方法来计时一个小时十五分钟呢? 2.你有一桶果冻,其中有黄色、绿色、红色三种,闭上眼睛抓取同种颜色的两个。抓取多少个就可以确定你肯定有两个同一颜色的果冻? 3.如果你有无穷多的水,一个3公升的提捅,一个5公升的提捅,两只提捅形状上下都不均匀,问你如何才能准确称出4公升的水? 4.一个岔路口分别通向诚实国和说谎国。来了两个人,已知一个是诚实国的,另一个是说谎国的。诚实国永远说实话,说谎国永远说谎话。现在你要去说谎国,但不知道应该走哪条路,需要问这两个人。请问应该怎么问? 5.12个球一个天平,现知道只有一个和其它的重量不同,问怎样称才能用三次就找到那个球。13个呢?(注意此题并未说明那个球的重量是轻是重,所以需要仔细考虑) 6.在9个点上画10条直线,要求每条直线上至少有三个点? 7.在一天的24小时之中,时钟的时针、分针和秒针完全重合在一起的时候有几次?都分别是什么时间?你怎样算出来的? 答案: 1.一要一头烧,一根从两头烧,再有一根做参照,两头烧完的记下位置(即烧到这里要半小时),把参照的那根从标记位置处剪开,取其中一段A。 一头烧的那根烧完后(就是一个小时后),把A从两头开始烧,烧完后即为十五分钟,加起来共一小时十五分钟。2.答案:四个~3.大桶装满水,倒入小桶,大桶剩下2公升水。小桶水倒掉,大桶剩2公升水倒入小桶中,大桶再装满后,倒入小桶至小桶满,大桶即剩4公升水。4.如果参加过类似于奥林匹克数学班的,都应做过这些题。问他你的国家怎么走,他肯定指向的是诚实国。5.12个时可以找出那个是重还是轻,13个时只能找出是哪个球,轻重不知。 把球编为①②③④⑤⑥⑦⑧⑨⑩⑾⑿。(13个时编号为⒀) 第一次称:先把①②③④与⑤⑥⑦⑧放天平两边, ㈠如相等,说明特别球在剩下4个球中。 把①⑨与⑩⑾作第二次称量, ⒈如相等,说明⑿特别,把①与⑿作第三次称量即可判断是⑿是重还是轻 ⒉如①⑨<⑩⑾说明要么是⑩⑾中有一个重的,要么⑨是轻的。 把⑩与⑾作第三次称量,如相等说明⑨轻,不等可找出谁是重球。 ⒊如①⑨>⑩⑾说明要么是⑩⑾中有一个轻的,要么⑨是重的。 把⑩与⑾作第三次称量,如相等说明⑨重,不等可找出谁是轻球。 ㈡如左边<右边,说明左边有轻的或右边有重的
计划组织类面试题答案 不断提高组织工作满意度,是新形势下组织工作的一项重要任务。以下是小编为你整 理的计划组织类面试题答案,希望能帮到你。 1、要对一个农作物的新品种进行推广,但是却没有多少农民来进行咨询和寻求帮助,你怎么做? 【试题类型】计划组织类 【考查能力】沟通协调能力和计划组织能力 【解题要点】 1.深入调查,分析原因,制定相应计划; 2.沟通协调,保证计划顺利实施; 3.向领导汇报,并做好相应的宣传。 参考要点: 任何时候,人们对新事物的产生都有一个由不接受到接受的过程。新事物在推广阶段 遇到困难是很正常的。关键是要不断的深入调查,有针对性的进行宣传推广,使之逐渐被 接受。 对于农作物新品种的推广也是这样。我会通过集中调查和入户访谈的方式,深入田间 地头,走入农户家里,了解农民的看法,然后对这些数据进行细致地分析,并据此制定更 加有针对性地宣传和推广计划,明确推广计划的时间、地点、对象、预算、相关服务和产 品等要素,报领导审批并修改。 在计划实施阶段,依照采取多种方式,争取各方面的支持的帮助,比如利用村委会组
织动员村民,利用相关的媒体进行宣传,尤其要针对调查中有困惑的村民,对他们不理解的问题进行讲解,方便农民加深对这一新品种的了解。注意推广的方式方法,特别是保证 活动中的秩序问题,防止意外的发生。 计划结束之后,统计农民采用新品种的比例,深入总结,并写出书面报告向领导汇报,最后我还会充分利用机关网络和媒体进行宣传。 2、某市城管执法部门实行“公众接待日”制度,有上级领导要来参加,你单位领导让 你来组织,怎么做? 参考答案: 实行公众接待日工作制度,是城管执法部门进一步转变作风、提高办事效率、全面加强机关效能建设的具体体现,也是实现其全心全意为人民服务的重要保证。因此我会认真组织好这次活动。 首先,我会向单位领导咨询这次“接待日”的目的及要求,向有经验的同事们请教,集 思广益确定一份详细的计划,包括活动的主题、时间、地点、所参加的部门和人员,接待时所要准备的材料等。计划完成后报领导审批,同时在单位和社会上做好宣传工作。 其次,领导审批后,立即按照计划分工合作,通知好参加活动的上级领导及群众。活动开始后,接待好每一位群众,针对他们所反映的问题,及时记录并尽快予以解决。对于活动中出现与计划有变的情况,积极向领导汇报,并灵活处理好突发事件。 最后,活动结束时,认真总结,肯定成绩、找出差距,写好工作总结,报送领导,以 利不断提高自己的工作能力,今后能更好地做好这方面的工作。同时,要进行“公众接待日”的宣传报道工作,这是一次很好的机会,我们不能流于形式,而应当形成相应的制度。 3、有些城市流动人口特别多,没有当地户籍,引发很多酗酒、抢劫等犯罪事件,领 导让你组织关于这个事件的调查,你怎么开展? 答题要点:
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会等到页面
前端面试题总结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哪个优先级高?
人际关系 5、假如领导派你和一个有矛盾的同志一起出差,你如何处理?在日常生活中,出现这样的事情你是如何处理的?试举例说明。(人际关系) 答:在日常生活中,由于每个人的观点和立场,看待和分析问题的方法不同,矛盾是不可避免的。假如我和一个和我有矛盾的同志一起出差,我想首先应该开诚布公,因为有矛盾,就把许多东西隐藏起来,这只会加深误会,假如互相坦诚相见,以一种客观,不带个人情绪的态度看问题,你会发现你原先自认为十分得意的想法并不完全正确,你先前反对的看法和观点可能只是一个事物的另一侧面,你们原来在许多方面可以互相补充,互相完善。我个人认为在处理矛盾问题上要有一种宽容的态度,俗话说的好:宰相肚里能撑船。心胸狭隘是化解矛盾的大敌,而一个心胸狭隘的人是绝不可能成就一番大事业的。 我在上大学时,同寝室一个同学喜欢在寝室随地吐痰,我很不喜欢这一点,但他脾气比较暴躁,如果我直接向他说,矛盾就会激化,对此我采取了以下方法:一是通过别的同学委婉地表达我对他随地吐痰的反对态度;二是经常拿一些有关随地吐痰危害自己和他人健康的书籍放在寝室的桌子上,使他能够看到;三是我在他在寝室的时候也吐痰,但是不在寝室里吐,而是在外边吐,暗示其应到外边吐痰. 11、“作为副职,在和主要领导研究问题时,你认为自己的意见正确,提出后却不被采纳,面对这种情况,你如何处理?”(应变能力) 你在思考时,应明确以下思路:一要处以公心,冷静对待;二要再全面分析自己意见的正确性和可行性;三是如确认自己的意见切实可行,则可以向主要领导进一步反映陈述;四是经过反映陈述,仍得不到赞同和支持,可保留意见,若属重大问题可向上级反映。回答时,一步一步,将自己的观点逐层展开,使之环环相扣,从而增加答问陈述的逻辑性。 26、都说同事关系很难相处?你如何看待?如你被录用你如何和同事相处? (人际关系)答:首先要认识到他家同在一间办公室里工作,和睦相处形成一个和谐一致心情舒畅的工作环境是非常重要的,否则科室的正常工作可能都要受到干扰,作为公务员要有和同事和睦相处的能力 其次人都是有感情的,有可塑性的,是可以被说服的。因此和同事友好相处是王权可以做到的. 第三和任何人相处都要尊重对方,只有尊重别人,别人才会尊重你.在科室中应真诚的对待他人,有分歧时要多做沟通,不在背后传播谣言. 第四要谦虚谨慎,自己刚进科室比较年轻,资历浅工作经验少,要本着请教学习的态度和同事交流,不恃才傲物,善于发现别人的优点,不苛求别人. 第五同事和同事又有不同的地方,有的工作性质和你不沾边,有的工作性质完全相同。对待后一种同事,除了正常相处之外还要注意一些问题,要有主动承担繁重工作的精神,有成绩不要自我夸耀,不计较个人的得失,有忍让精神等等. 我相信通过自己的努力应该能够与同事友好相处.共同促进科室工作的工作效率 27、你有一个很好的工作设想,你经过实际调查认为这个设想既科学又可行,但你的领导和同事们很固执,你采取什么办法说服他们与你合作? (人际关系) 答:第一、如果产生这种情况我会感到很遗憾,但要一片公心,不能心存怨恨觉得领导和同事不同意你的方案有其他方面的原因. 第二、认真查找自己方案的可行性,保证在实施过程中不但会出现自己意料中的效果而且也
组织管理类面试题答题技巧: 第一步:计划阶段(事前准备阶段)这一阶段要解决以下几个问题: 1.人:有哪些人参加;需要动员哪些人;如果是比赛的话,还需要聘请评委等。 2.物:需要准备哪些物资。 3.财:根据活动的规模等,预算一下需要多少资金。 4.地:根据参与人员等信息确定活动的地点。 5.时:确定活动时间,要注意选择的时间应方便参与人员参与活动。 6.媒体:一些影响比较大的活动,还可以考虑邀请校台或者是校报的相关人员进行报道。 7.活动主题:这是很多考生容易忽略的,如果组织的这次活动并没有一个明确的主题,那考生在答题的时候就要注意要找领导商议确定好主题。如“让你组织一次全校学生的唱歌比赛,怎么组织”,对于这次活动,题目当中并没有给出明确的主题,那么这次唱歌比赛的主题到底是革命歌曲、校园歌曲还是流行歌曲呢?在主题并不明确的情况下就应该找领导确定好。 8.方案:当一切都计划好之后,就应该形成一个文字方案,交给领导审批。 第二步:实施阶段(事中阶段)这一阶段主要是按照形成的方案来执行。 如果是比赛的话,就包括比赛前场地的布置、比赛时的全程参与和比赛后的颁奖等。在这一阶段,为了保证各项工作的顺利展开,考生可以根据活动需要,将所有人员进行分组。如可以分成后勤组,负责场地的布置与清理;摄影组,负责拍摄一些生动精彩的活动瞬间;如
果是比赛的话,还有评委组,负责打分;如果是户外活动,还可以设置医疗组,负责一些日常和急救的药品等;任何一次活动都可以设置一个应急组,主要是负责处理和协调一些突发事件等。关于如何分组,考生可以根据各个活动的特点和需要,自己来进行划分。 第三步:总结阶段(事后阶段)这一阶段的主要工作就是撰写工作总结和将活动成果扩大推广和宣传。 任何一次活动结束,考生应记得要撰写工作总结,总结出这次活动的优点和需要改进的地方,为以后组织类似的活动提供借鉴。另外,对于活动的成果可以进一步的进行宣传。如摄影组拍摄的优秀作品,可以贴到学校的宣传窗,或是上传到校网站上,拍摄的优秀视频作品可以做出光盘等。 以上是回答组织管理题的基本思路,考生在回答这类问题的时候一定要做到思路清晰,有条理的把这几个步骤回答出来。如果想答得更出彩,就需要在细节的地方花点心思了。如在组织学生春游等户外活动的时候,除了请有经验的教师担任带队老师,还可以选拔一些有能力的学生干部担任各队的副队长,来协助带队老师,这样也充分发挥了学生的作用。所以,考生在作答的时候,除了传统的思路,还可以着重体现自身的创新性,这样才能脱颖而出。
一、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) 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 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 Java经典面试题带答案 一、单项选择题 1.Java是从()语言改进重新设计。 A.Ada B.C++ C.Pasacal D.BASIC 答案:B 2.下列语句哪一个正确() A. Java程序经编译后会产生machine code B.Java程序经编译后会产生byte code C.Java程序经编译后会产生DLL D.以上都不正确 答案:B 3.下列说法正确的有() A.class中的constructor不可省略 B. constructor必须与class同名,但方法不能与class同名C.constructor在一个对象被new时执行 D.一个class只能定义一个constructor 答案:C 4.提供Java存取数据库能力的包是() A. B. C. D. 答案:A 5.下列运算符合法的是() A.&& B.<> C.if D.:= 答案:A 6.执行如下程序代码 a=0;c=0; do{ --c; a=a-1; }while(a>0); 后,C的值是() A.0 B.1 C.-1 D.死循环 答案:C 7.下列哪一种叙述是正确的() A.abstract修饰符可修饰字段、方法和类 B.抽象方法的body部分必须用一对大括号{}包住 C.声明抽象方法,大括号可有可无 D.声明抽象方法不可写出大括号 答案:D 8.下列语句正确的是() A.形式参数可被视为localvariable B.形式参数可被字段修饰符修饰 C.形式参数为方法被调用时,真正被传递的参数 D.形式参数不可以是对象 答案:A 9.下列哪种说法是正确的() A.实例方法可直接调用超类的实例方法 B.实例方法可直接调用超类的类方法 C.实例方法可直接调用其他类的实例方法 D.实例方法可直接调用本类的类方法 答案:D 二、多项选择题 1.Java程序的种类有() A.类(Class) B.Applet C.Application D.Servlet 2.下列说法正确的有() A.环境变量可在编译sourcecode时指定 B.在编译程序时,所能指定的环境变量不包括class path C.javac一次可同时编译数个Java源文件 D.能指定编译结果要置于哪个目录(directory) 答案:BCD 3.下列标识符不合法的有() A.new B.$Usdollars C.1234 D. 答案:ACD 4.下列说法错误的有() A.数组是一种对象 B.数组属于一种原生类 C.intnumber=[]={31,23,33,43,35,63} D.数组的大小可以任意改变 答案:BCD 5.不能用来修饰interface的有() 2019小学教师资格证面试结构化试题:计划组织协调类 考试栏目组小编为你精心准备了2019小学教师资格证面试结构化试题:计划组织协调类,希望能够帮助到你,想知道更多相关资讯,请关注网站更新。 2019小学教师资格证面试结构化试题:计划组织协调类 开门见山,不要讲套话; 重点关注实质性的工作内容,先后流程的内容如果题干中没有强调,不需过 多强调; 措施特征一定要明显,想法和解释少一点; 每道题都是不一样的,切忌生搬硬套; 一、计划组织 1、校长委托组织一次夏令营活动,你怎么开展工作? 首先做好活动前工作:确定活动主题,就此主题写一篇宣传稿,说明活动时间、地点、活动内 容、注意事项等问题。组织报名,记录报名情况。在活动人员中选取能力较高的作为小组长, 负责协助组织活动。 活动中:在小组长的帮助下,按照行程安排有序进行,保证学生安 全。 活动后:对活动进行总结。 2、新学期领导调你到一个双差班去当班主任,你怎么办? 学校领导调我到双差班当班主任,是对我能力的信任,我一定会尽最大努力扭转班级情况。 所谓双差班,就是学习成绩和班风都较差的班级。我认为,学生可塑性强,任何事物的发 展都是有规律可循的,双差班的智力同样如此,我相信通过努力双差班是完全可以转变的。 首先,了解班级的基本情况,包括班级人数,学生性格特征,学生学习情况及家庭情况等 等。 其次,诊断找出差的原因。可能是原来的老师面临退休,放松了对学生的要求,也可能是 班级中独生子女多,在家养成了娇生惯养的坏习惯,不爱学习,不遵守纪律等等原因。通过诊 断为如何开展工作指明的方向。 第三,在心理上定好位。把情况想的坏点,把准备作地充分点;多改变自己,少埋怨环境, 以积极地心态迎接挑战。欣赏每个学生的闪光点,发扬民主作风,取得学生的信任和配合。 第四,建立和谐友好的师生关系。做学生的教练、向导、朋友,消除学生的戒心,让学生 充满信心,让学生尽快的在心里接纳自己,拉近师生关系,倾听到学 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本身是没有表现的,我们看到例如HTML5前端面试题(含答案)
java经典面试题大全带答案
小学教师资格证面试结构化试题计划组织协调类.doc
WEB前端开发面试题集锦
是粗体,字体大小2em,加粗;是加粗的,不要认为这是html 这些其实html默认的css样式在起作用,所以去掉或样式丢失的时候能让页面呈现清晰的结构不是语义化的HTML 点,但是浏览器都有有默认样式,默认样式的目的也是为了更好的表达html的语义,可以说浏览器的默认样式和HTML结构是不可分割的。 2.屏幕阅读器(如果访客有视障)会完全根据你的标记来“读”你的网页. 例如,如果你使用的含语义的标记,屏幕阅读器就会“逐个拼出”你的单词,而不是试着去对它完整发音. 3.PDA、手机等设备可能无法像普通电脑的浏览器一样来渲染网页(通常是因为这些设备对CSS的支持较弱). 使用语义标记可以确保这些设备以一种有意义的方式来渲染网页.理想情况下,观看设备的任务是符合设备本身的条染网页. 语义标记为设备提供了所需的相关信息,就省去了你自己去考虑所有可能的显示情况(包括现有的或者将来新的设备一部手机可以选择使一段标记了标题的文字以粗体显示.而掌上电脑可能会以比较大的字体来显示.无论哪种方式一文本标记为标题,您就可以确信读取设备将根据其自身的条件来合适地显示页面. 4.搜索引擎的爬虫也依赖于标记来确定上下文和各个关键字的权重. 过去你可能还没有考虑搜索引擎的爬虫也是网站的“访客”,但现在它们他们实际上是极其宝贵的用户.没有他们的
web前端面试题整理(HTML) 1. h5的改进: 新元素 画布canvas: HTML5
android面试题目及其答案大全 1,++i和i++ 区别 2,makefile文件代码,写代码 3,隐藏与重写的区别 4,linux 基本命令使用如:如何查询帮助文档(man),如何查处文件(fiind),常用命令5,进程间通信有几种,效率如何 6、什么是嵌入式实时操作系统, Android 操作系统属于实时操作系统吗? 7,tcp/ip 有几层 8、一条最长的短信息约占多少byte? 9,p2p 和SMTP分别在哪层 10、android中的动画有哪几类,它们的特点和区别是什么? 11,多态概念(父类引用子类参数) 12、handler机制的原理 13,java 写1+N的和 14,数据结构与算法如排序,二叉树 15,MVC概念(为什么有DAO层,什么作用) 16,GC回收机制 17、说说mvc模式的原理,它在android中的运用 18,android项目自述 19,java 的进程与线程维护 20、Activity的生命周期 21,N*N 打印出来的样子是(例如N=4) 1 2 3 4 12 13 14 5 11 16 15 6 10 9 8 7 22,linux 末行,输入,命令三个模式 23、Android dvm的进程和Linux的进程, 应用程序的进程是否为同一个概念 24,android 四层架构分别的作用(android系统框图) 25、sim卡的EF 文件有何作用 26,android四大组件,生命周期,onpause()与onstop()的区别 27,UMI建模概念 28,C语言打印N*N数组,规律如下: 2维 1 2 3 4 3维 1 2 3 8 9 4 7 6 5 4维 1 2 3 4 12 13 14 5 11 16 15 6 10 9 8 7