美文网首页
面试题一览

面试题一览

作者: sYongHua | 来源:发表于2017-06-28 16:42 被阅读0次

    HTML与CSS

    自适应布局
    各浏览器的内核分别是什么 ---- 阿里面试问到过
    浏览器的兼容性问题怎么处理  
    弹性布局flex也叫流式布局 rem布局及其计算原理
    css单位:rem em px vh vw 我经常用到的几个  微信小程序 :rpx
    

    HTML与CSS常用编译工具

    HTML ------- jade
    CSS ------- sass less stylus 
    

    原生js

    数组的方法
    数组与类数组的区别
    正则
    字符串去空
    字符串的方法
    节点的一系列操作
    原生ajax的一整套完整流程:什么是异步
    原生跨域:为什么要跨域,有哪几种方法,写出原理及其实现代码
    ajax和jsonp的区别,ajax请求时如何解析json数据
    js的算法 冒泡算法,-----
    js是不是多线程,如果是怎么解释
    javascript的数据类型 
    什么是JavaScript的同源策略
    闭包是什么,有什么优缺点以及特性
    new操作符具体干了什么
    =====================
    说一下http协议 与https有什么区别
    cookie与session的区别 他们一般用来做什么
    +++++++++++++++++++++++++++++++++++++
     正则一定要会
     关于加载优化:html优化,css优化,js优化,请求优化,图片优化
     性能优化:网页内容 || 减少 http请求次数||减少 DNS查询次数||避免页面跳转||缓存 Ajax|| 延迟加载||提前加载||减少 DOM元素数量||避免 404||服务器||使用CDN(内容分发网络)||添加Expires或Cache-Control报文头||Gzip压缩传输文件
     CSS:将样式表置顶||用代替@import||雪碧图
     JavaScript:把脚本置于页面底部||使用外部JavaScript和CSS||精简JavaScript和CSS||去除重复脚本||减少DOM访问
     图片:优化图像||优化CSS Spirite||不要在HTML中缩放图片||favicon.ico要小而且可缓存
     浏览器器兼容关于hack技术,我曾经被问到都有那些hack,自行百度
     javascript原型继承,原型跟原型链 ;
     ES6中的类
     require || export || export default || module.exports ||exports || import 的区别,前几天看到SegmentFault上边有几篇文章讲的不错,可以去看看,或者csdn都有此类型问题的答案
     盒模型有几种,有什么区别
     this的指向问题,
     call、apply、bind的区别
     javascript垃圾回收机制,
     那些操作会造成内存泄漏
    

    h5

    canvas
    fetch API  与ajax有什么不同
    多媒体 video&audio  方法属性
    离线存储 localStorage&sessionStorage
    通信 :WebSockets
    新加元素
    

    React

    state&&props
    组件之间的通信 :父与子 && 子与父 && 同级
    生命周期函数: 每个函数的作用 
    怎么创建一个组件 
    什么是虚拟DOM
    React的机制中diff算法是怎样计算的
    redux的使用   
    

    Vue

    Vue1x与Vue2x 有什么区别
    手写一个vue组件
    组件之间的通信 :父与子 && 子与父 && 同级
    vue的计算属性computed怎么使用
    vue的过滤属性
    vue-router的使用 vue路由可携带信息的方法
    vue重定向
    vue怎么发起ajax请求 : ES6-axios (vue作者推荐)  vue-resoucre vue2x 官方不支持 但也可以用 
    封装原生ajax来使用 也可以引入jquery使用 尽量说前两种
    vuex的使用
    vue双向数据绑定的原理
    

    ES6

    Promises 处理异步操作的一种模式
    Generator 
    es6最常用的方法属性
    es6跟es2015的区别  :::它俩就是一回事
    

    javascript框架

    Echarts  ------基于canvas的图表插件库
    zepto --------轻量级的jquery库
    sea.js --------没使用过可查
    common.js
    require.js
    MUI (也属于ui框架)配合hbuilder 打造原生app 
    Backbone.js
    Highcharts ----纯javascript编写的图表框架
    

    前端ui框架 最常用的

    Jquery --------bootstrap
    React-------Ant Design
    Vue -------element ui -----mint ui
    

    常用插件

    jquery.lazyload.js
    swiper.js
    iscroll
    touch.js
    Fullpage
    

    前端自动化

    webpack  原理及其做了些什么
    npm  bower  对npm 的理解  知道有bower即可   两种包管理工具
    grunt 
    gulp
    browerify
    

    nodejs

    express
    KOA
    
    了解下CMD与AMD
    require.js
    common.js
    

    版本控制系统

    git  常用的命令一定要清楚 以及ide集成工具  常用git桌面应用sourceTree了解下
    svn
    

    公司协同合作软件

    蓝湖
    confluence
    Teambition
    标你妹
    

    考量

    你怎么理解前端这个行业的发展
    你怎么理解前端工程师这个职位
    你在以往的工作中碰到过什么比较棘手的问题,最后是怎么处理的
    你平常是怎么学习的,经常逛什么网站
    你的职业规划是什么怎么样的
    

    ps:自己平常做的项目一定要特别特别了解,有很多公司会仔仔细细的问项目的流程以及你负责什么以及在项目中碰到了什么棘手的问题,不要到时候去公司面试连自己做的项目是干什么的有什么功能都说不清楚就比较尴尬了

    ps:这些东西也只是片面,终究还是要靠你自己的本事 比如会问到原生js中很细的东西这里也没办法给你列出来,希望同学们不管在学习多高级的框架时都不要忘记原生,那是爸爸,框架也都是它生的,底层知识牢靠,学习任何东西都不会费劲。

    推荐书籍

    JavsScript高级程序设计
    JavaScript权威指南
    ECMAscript6 阮一峰写的最近在看
    HTTP权威指南
    React和Vue也在出书,还没接触到特别好的,等有了会推荐出来
    
    持续更新中。。。 后续也会写自己在项目中碰到的问题以及接触到的最新的知识
    看到文章中有什么问题也可在下方留言一起探讨

    相关文章

      网友评论

          本文标题:面试题一览

          本文链接:https://www.haomeiwen.com/subject/kziucxtx.html