vue面试速记

公共组件怎么封装?
封装有几种方式?
封装组件怎么通信?
自定义组件是怎么回事?
vue-cli3.0的优化?
vue-cli2.0的优化?
vue8000行代码怎么优化的?
工具库都怎么引入的?
项目都是怎么调优的?
vue的生命周期?
activitedkeep-alive 专属,组件被激活时调用
deadctivatedkeep-alive 专属,组件被销毁时调用
通过webpack引入第三方库?
1.通过CDN
2.通过npm安装过的通过webpack内置插件 ProvidePlugin
3.如果在本地lib文件夹可以配置alias,通过path.resolve配置路径
4.通过import-loader引入
webpack打包文件太大怎么办?
优化生产环境sourcemap
使用ExtractTextPlugin剥离css文件
使用UglifyJSPlugin压缩。
CommonsChunkPlugin提取公共依赖
开启gzip压缩
webpack 和 gulp对比?
两个侧重点不一样,gulp更侧重于工作流的的定制,gulp使用task定制一步一步的任务,比如对单独的sass文件夹编译
wepack更偏向于模块加载与打包,webpack根据加载的依赖机制运行loader来打包前端生成静态资源
精灵图和base64如何选择?
精灵图体积小,合并个很多图片,减少资源请求
不好维护,后期加图标很难受
base64可以避免跨域,也相当于优化了请求
但是增加文件体积,在css中的话,多了不利于css的加载
不想让别人盗用你的图片,访问你的服务器资源该怎么处理?
现在的云服务器基本都有防盗链配置,.
或者通过配置http请求头,nginx,那可以考虑用location 通配你的图片后缀,根据referReferer

移动端布局与适配题

iscroll安卓低版本卡顿,如何解决?
iscroll5里面增加参数
  • disablePointer: true,disableTouch:false,disableMouse:fasle
或者head里面加
  • <script>window.PointerEvent = undefined</script>
移动布局自适应不同屏幕的几种方式?
1.固定一个宽度,使用一个模式,加少许媒体查询
2.使用flex布局模式
3.rem布局方式
4.百分比加媒体查询
立即登录, 发表评论.
没有帐号? 立即注册