文档章节

某公司前端面试题整理

smile_微笑
 smile_微笑
发布于 2017/09/11 21:08
字数 1146
阅读 26
收藏 0
点赞 0
评论 0
  • 1、有一个鼠标点击按钮事件,alert,要求在执行完页面某些操作(在点击函数之外)后,再次点击不再有反映
 ele.addEventListener("click",function(e){
     alert("xxx");
     //执行某些操作
     //解除绑定
     ele.removeEventListener("click")
 ,false)
  • 2、类数组和数组的区别?常见类数组?类数组API有哪些
  类数组拥有length属性
  但是类数组不能像数组一样使用slice,splice,sort,reverse等数组的api,数组所具有的方法
  常见的类数组有arguments 和 querySelectAll返回值、getElementById等dom元素节点查询返回值
  
  //判断一个数组是否是类数组:
  function isArrayLike(o) {
      if (o &&                          
          typeof o === 'object'&&isFinite(o.length)&&o.length >= 0 &&o.length===Math.floor(o.length)&&o.length < 4294967296)            
          return true;                        
      else{
          return false;
      }
  类数组转换为数组:
  Array.prototype.slice.call(arrayLike)

  
  • 3、页面布局的方式有哪些
  flex布局,grid布局,table布局(现在基本不用了),div+css布局
  • 4、原型链,fn A()如何继承fn B()
  es6: class A extend B{
          constructor(){
            super()
          }
       }
       
  es5: function A(){
         B.call(this)
       }     

5、ng特点,优势

 使用ng主要是为了减轻前端js代码量,增加js的复用。而且ng是一个很炫的框架。
 1、angular使用了传统的mvc开发模式
 2、数据绑定
 3、依赖注入
 4、模块开发

6、你自己常用框架有哪些

  react、Vue、jquery、angular、extjs、
  • 1.有没有用过webpack打包工具
  webpack应该算是现在最主流,也最火热的前端文件打包工具.
  
  webpack的使用依赖于node.js , 使用之前必须安装好node 
  
  webpack主要就是用来分析你的项目结构,找到js模块 浏览器不能直接运行的拓展语言(ts,scss,less...) 将其打包为浏览器支持的语法.
  
  webpack可以使整个项目模块化,让我们可以把复杂的程序细化为小的文件
  
  webpack配置文件里面有很多插件(plugin),插件是用来拓展webpack功能的,他们会在整个构建过程中生效,执行相关的任务.
  
  webpack 配置文件里也有loaders,loaders是在打包构建过程中用来处理源文件的(JSX,Scss,Less..)一次处理一个。
  
  webpack有一个入口文件,并从这个文件中你的项目依赖的文件,进行分析处理,构建成为想要的浏览器可以识别的文件。
  • 2.如何设置手机端和电脑端访问接口(如:客户访问网页时,何时展示手机版网页,何时展示pc端网页)
    //使用js通过UA来识别上是否为移动端页面,然后跳转到移动界面
    var userAgentInfo = navigator.userAgent;
    var Agents = ["Android", "iPhone",
                "SymbianOS", "Windows Phone",
                "iPad", "iPod"];
    var flag = true;
    for (var v = 0; v < Agents.length; v++) {
        if (userAgentInfo.indexOf(Agents[v]) > 0) {
            flag = false;//跳转至移动端的页面
            break;
        }
    }
    //否则是pc端页面
  • 3.公司团队成员,前端及后端人数,工作模式怎样,公司用的后端语言是什么?前后端如何协调工作
  根据项目的大小划分人数,前后端人数一样多
  现在主流的后端开发语言:java、php、nodejs、python、ruby
  现在主流的开发模式都是前后分离开发,这样可以前后端进行接口制定后并行开发,后端负责接 口文档(小公司可能没有),待页面和接口都写完后,进行接口联调
  • 4.cookie和storage的区别
 cookie数据始终在同源的http请求中携带,cookie在浏览器和服务器间来回传递。
 sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存。
 cookie数据还有路径(path)的概念,可以限制cookie只属于某个路径下。
 存储大小限制也不同,cookie数据不能超过4k,同时因为每次http请求都会携带cookie,所以cookie只适合保存很小的数据,如会话标识。
 sessionStorage和localStorage 虽然也有存储大小的限制,但比cookie大得多,可以达到5M或更大。
 sessionStorage:仅在当前浏览器窗口关闭前有效,自然也就不可能持久保持;
 localStorage:始终有效,窗口或浏览器关闭也一直保存,因此用作持久数据;
 cookie只在设置的cookie过期时间之前一直有效,即使窗口或浏览器关闭。
 作用域不同,sessionStorage不在不同的浏览器窗口中共享,即使是同一个页面;
 localStorage 在所有同源窗口中都是共享的;
 cookie也是在所有同源窗口中都是共享的。

© 著作权归作者所有

共有 人打赏支持
smile_微笑
粉丝 2
博文 31
码字总数 69100
作品 0
深圳
程序员
2018 前端面试准备

前端面试常见问题按知识点分类整理 前端面试常考问题整理,按模块知识点分类,持续完善中... Front-end-Developer-Questions by Modules and knowledge 前端面试经典问题:CSS 中居中的几种方...

掘金官方 ⋅ 2017/12/14 ⋅ 0

前端相关整理

整理一下最近在网上收集的前端面试相关资料,包括预备知识、书籍、面试考点、面经等。前端方面资料其实太多太多,就光从知乎、前端乱炖、w3cplus 等网站就能找到很多,所以针对细节不发散,仅...

Seas0n_ ⋅ 2016/03/01 ⋅ 0

一道很有代表性的前端面试题

一个小游戏的公司的前端面试题 效果演示.gif 考点 基础的布局知识, 左侧浮动脱离标准流, 右侧margin-left 设置为左侧宽度,即可快速实现左右布局 媒体查询, 媒体查询可以根据屏幕尺寸的变化,...

木子昭 ⋅ 01/23 ⋅ 0

三角形最大路径

看到公司一个前端面试题,题目如下: 一个高度为N的由正整数组成的三角形,从上走到下,求经过的数字和的最大值。 每次只能走到下一层相邻的数上,例如从第3层的6向下走,只能走到第4层的2或...

牛亦非 ⋅ 2017/12/01 ⋅ 0

前端开发-学习资料库

前端开发-学习资料库 包含前端技术参考手册,前端编码规范,前端博客及社区,前端面试题,以及整理前端开源的一些开源书籍。 http://f2edocs.com 持续更新中... 参考、使用的项目 ECMAScript...

郭小铭 ⋅ 2015/12/01 ⋅ 0

前端面试题之Html和CSS

又到了毕业季,很多小伙伴们都到了找工作的时候了,好多小伙伴问我有前端的面试题么?答:没有。 呃呃… … 小伙伴本宝宝真的没有骗你们,我从毕业到现在一直在一家公司没有换过,所以手里压...

VIP_web ⋅ 2016/06/23 ⋅ 0

一道前端试题

对于没参加过互联网企业招聘,或是没有参加过大型互联网企业招聘的人来说,能以这些公司的面试题做为锻炼,无疑是一种非常好的学习和进步的途径。下面是一道腾讯的前端面试题(JS解答),题目本...

WEB攻程狮 ⋅ 2017/11/14 ⋅ 0

jQuery

前端基础进阶:全方位详细图解面向对象、构造函数、原型与原型链 这是一篇非常适合新手理解关于面向对象一切的文章,解答了为什么我们会使用构造函数与原型,构造函数与原型的本质以及 new ...

掘金官方 ⋅ 01/08 ⋅ 0

前端面试题整理-1

常见试题 行内元素:会在水平方向排列,不能包含块级元素,设置width无效,height无效(可以设置line-height),margin上下无效,padding上下无效。 告知浏览器的解析器用什么文档标准解析这个...

张大蕾呀 ⋅ 2017/06/26 ⋅ 0

前端笔试、面试

让 BAT 的 Offer 不再难拿 随着各大公司春招的开始,很多小伙伴都行动起来了,我有幸能够加入百度并和大家分享自己的经验心得。由于我面试的都是比较大的公司,所以自然也是做了这方面的准备...

掘金官方 ⋅ 01/11 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

R计算IV

参考文章 #读取文件 rawdata = read.csv("/path/to/csv/file",header=T) colnames(rawdata)[18] <- "y" //重命名因变量y #数据分区 训练集测试集 trainIdx <- sample(nrow(rawdata), round(......

火力全開 ⋅ 3分钟前 ⋅ 0

SQL老司机,在SQL中计算 array & map & json数据

摘要: 场景 通常,我们处理数据,一列数据类型要么是字符串,要么是数字,这些都是primitive类型的数据。 场景 通常,我们处理数据,一列数据类型要么是字符串,要么是数字,这些都是primi...

阿里云云栖社区 ⋅ 3分钟前 ⋅ 0

SQL老司机,在SQL中计算 array & map & json数据

摘要: 场景 通常,我们处理数据,一列数据类型要么是字符串,要么是数字,这些都是primitive类型的数据。 场景 通常,我们处理数据,一列数据类型要么是字符串,要么是数字,这些都是primi...

猫耳m ⋅ 14分钟前 ⋅ 0

关于ireport自定义变量类型为list的时候

自己摸石头过河,我真的应该去趟市中心图书馆,借本真正靠谱的教材 网上的东西,只有0.01%是有用的,还有0.99%是垃圾,剩下的99%是垃圾的复制品。。 哎!~ 问题是这样的,报表带sql,从db中获...

炑炑milina ⋅ 14分钟前 ⋅ 0

Spring mvc ContextLoaderListener 原理解析

对于熟悉Spring MVC功能,首先应从web.xml 开始,在web.xml 文件中我们需要配置一个监听器 ContextLoaderListener,如下。 <!-- 加载spring上下文信息,最主要的功能是解析applicationContex...

轨迹_ ⋅ 15分钟前 ⋅ 0

阿里云发布企业数字化及上云外包平台服务:阿里云众包平台

摘要: 阿里云正式发布旗下众包平台业务(网址:https://zhongbao.aliyun.com/),支持包括:网站定制开发,APP、电商系统等软件开发,商标、商品LOGO、VI、产品包装设计、营销推广、大数据人...

阿里云官方博客 ⋅ 17分钟前 ⋅ 0

Redis安装异常解决办法

官网地址:http://redis.io/ 官网下载地址:http://redis.io/download 1. 下载Redis源码(tar.gz),并上传到Linux 2. 解压缩包:tar zxvf redis-2.8.17.tar.gz 3. 进入解压缩后的文件夹:c...

slagga ⋅ 21分钟前 ⋅ 0

006. 深入JVM学习—年轻代

1. 年轻代图片 年轻代(Young)属于JVM堆内存空间的一个组成部分 所有使用关键字new新实例化的对象一定会在伊甸园区进行保存,而对于存活区保存的一定是已经在伊甸园区存在一段时间并且经过了...

影狼 ⋅ 22分钟前 ⋅ 0

如何成为一个合格的程序员

偶尔的,我会被人问道:如何成为一名优秀的程序员,更或者,如何成为一名程序员。每次人们问起,我都力图给出不同的答案。因此,我的答案是各种各样的。下面就是我认为的成为一名优秀的程序员...

柳猫 ⋅ 23分钟前 ⋅ 0

cups error_log日志暴增

日志内容 File \"/usr/lib/cups/notifier/dbus\" has insecure permissions 解决(未验证适用范围) sudo service cups stopsudo rm /etc/cups/subscriptions.conf*sudo rm -r /var/cac......

一介码夫_Hum ⋅ 27分钟前 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部