口试试题总结

2024年4月12日 122次阅读 来源: eve0803

闲心面试题

一、任选一题（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框架？

    原文作者：eve0803
    原文地址: https://segmentfault.com/a/1190000004931397
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞