面试试题总结

alaege 发布于2019-08-19 18:05 / 3240人阅读

摘要：闲心面试题一任选一题分的区别的区别是无序列表，是有序列表，是定义列表有层次关系。无任何语义，仅仅用作样式化或者脚本化的钩子是有一定语义的，适合有主题性的内容，表示一个专题，一般有标题，但是不可以乱用。诞生于年，由等人创建，后为所收购。

闲心面试题

一、任选一题（5分）
a) ul、ol、dl的区别？
b) div、section、article的区别？

a:ul是无序列表，ol是有序列表，dl是定义列表有层次关系。
b: div section article ，语义是从无到有，逐渐增强的。
div 无任何语义，仅仅用作样式化或者脚本化的钩子(hook)
section是有一定语义的div，适合有主题性的内容，表示一个专题，一般有标题，但是不可以乱用。只有内容明确需要出现在大纲中时才会使用。
artical是更特殊的section，他是一个独立完整的内容块。比如用在文章，评论等。

二、html5对input新增了哪些高级属性？（5分）
number，date，color，range，datetime，email，tel，range，search等

三、每题都需回答（15分）
a) 如何用CSS控制文本单行溢出省略？并且大致说出多行省略的思路。
b) 谈谈响应式布局？
c) CSS3有哪些高级选择器？
a:css实现单行溢出省略是利用text-overflow：ellipsis，white-space：nowrap和overflow：hidden属性实现的。（新版主流浏览器测试通过）
多上省略：适用于webkit内核和移动端

overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

b:响应式布局就是一个网站能够兼容多个终端,而不是为每个终端做一个特定的版本。
这个概念是为解决移动互联网浏览而诞生的。html5也因此加入了媒体查询等一系列针对响应式布局的新元素。

c:css有属性选择器{E[att$="val"],E[att~="val"],E[att^="val"]}

       伪类选择器{E:not(),E:last-child,E:only-child,E:nth-child(n),E:nth-last-child(),E:empty}
       伪对象选择器{E::selection}
       关系选择器{E~F}

四、请逐一解释他们：Node.js、React Native、Angular.js、Grunt/Gulp、Webpack、Git、JSONP（10分）

Node.js: Node.js是一个基于Chrome JavaScript运行时建立的平台，用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动，非阻塞I/O 模型而得以轻量和高效，非常适合在分布式设备上运行的数据密集型的实时应用。
React Native: React Native 结合了 Web 应用和 Native 应用的优势，可以使用 JavaScript 来开发 iOS 和 Android 原生应用。在 JavaScript 中用 React 抽象操作系统原生的 UI 组件，代替 DOM 元素来渲染等。
Angular.js: AngularJS诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。
Grunt/Gulp:自动构建系统，开发者可以使用它在网站开发过程中自动执行常见任务。
Webpack：是一个模块打包工具，你可以使用WebPack管理你的模块依赖，并编绎输出模块们所需的静态文件。
Git： Git是一款免费、开源的分布式版本控制系统，用于敏捷高效地处理任何或小或大的项目。·
JSONP：为了便于客户端使用数据，逐渐形成了一种非正式传输协议，人们把它称作JSONP，该协议的一个要点就是允许用户传递一个callback参数给服务端，然后服务端返回数据时会将这个callback参数作为函数名来包裹住JSON数据，这样客户端就可以随意定制自己的函数来自动处理返回数据了。

五、分别说出下述输出结果（15分）
a) var a, b = 0, fn = function(){

    var a = b = 2;
};
fn();
console.log(a, b);//(undefined,2)

b) var b = {a: 1}[0]; //b的值 undefined var b={a:1}["a"]输出1

c) !function(){

    this.length = 10;
    var fn = function(){
        console.log(this.length);  //输出多少？  输出2 this是arr
    }, arr = [fn, "hello layui"];
    fn.length = 100;
    arr[0]();
}();

六、封装一个cont方法，能实现如此调用：cout(a)(b)(c)(d)(e)… 并且返回的值为参数连剩的结果，即abcde*…。如cout(1)(3)(7) 得到21 （15分）

        var init=0;  //设置一个全局变量
        var muti=function(m)
      {
           init=init*m; 
           return muti
      }
      muti.toString=function()  //这是关键的一步
      {
          return init;
      }
        function count(m)  //最终我们要调用的函数
        {
            init=m ;// 初始化，否则init是0，那么永远乘 都是 0，也是很关键的一步
            return muti;//最终返回的是 元对象（不是实例化过后的对象哦)
        }

    alert(count(3)(4)(5))

七、任选一题（15分）
a) 谈谈你对模块化开发的理解？
b) 你认为什么是更科学效率的组件化？
c) ES6有哪些你觉得不错的特性？

八、任选一题（20分）
a) 实现一个手势滑动轮播图，可以直接用代码表述，也可以只说说思路。
b) 大致描述如何实现一个基于Express的MVC框架？

云服务器 GPU云服务器笔试题 cdn试题 python试题考试试题

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/79185.html

如何招聘一名优秀的前端

摘要：如何考察一个人是不是经验丰富我们需要在问答式的面试中，对其项目经验进行挖掘。如何设置笔试题现在网上有大量的面经的存在，对于我们面试是一个巨大的挑战。尊重应聘者我们要尊重每一个来应聘的人，不要轻视别人，或者故意刁难别人。时光荏苒，2个月前，我才刚总结了如何应对面试官，现在的我开始总结如何面试别人了。笑哭.png 1.我们需要什么样的人招聘肯定要有标准，这样我们才能更快的找到我们需要的...

Mr_houzi 2019-08-26 10:32 评论0 收藏0
前端面试题总结

摘要：最近一直在找前端工作，前前后后面了几家公司，虽然不太顺利，但是收获还是有的，就过程中遇到的面试题总结一下标准盒模型盒模型自适应三栏布局移动端自适应方案布局有没有用做过入场动画闭包的作用笔试题作用域指向笔试题原型原型链笔试题数组对象中常用的方最近一直在找前端工作，前前后后面了几家公司，虽然不太顺利，但是收获还是有的，就过程中遇到的面试题总结一下 CSS1：标准盒模型/IE盒模型2：自适...

Mr_houzi 2019-08-22 15:53 评论0 收藏0
最最最常见的Java基础知识面试题总结

摘要：地址面试必备最最最常见的面试题总结第一周一中的值传递和引用传递非常重要首先要明确的是对象传递数组类接口是引用传递，原始类型数据整型浮点型字符型布尔型传递是值传递。这个哈希码的作用是确定该对象在哈希表中的索引位置。 showImg(https://segmentfault.com/img/remote/1460000015923339?w=922&h=519); 这里会分享一些出现频率极...

syoya 2019-08-19 10:54 评论0 收藏0
后台开发常问面试题集锦（问题搬运工，附链接）

摘要：基础问题的的性能及原理之区别详解备忘笔记深入理解流水线抽象关键字修饰符知识点总结必看篇中的关键字解析回调机制解读抽象类与三大特征时间和时间戳的相互转换为什么要使用内部类对象锁和类锁的区别，，优缺点及比较提高篇八详解内部类单例模式和 Java基础问题 String的+的性能及原理 java之yield(),sleep(),wait()区别详解-备忘笔记深入理解Java Stream流水...

spacewander 2019-08-21 17:42 评论0 收藏0