vue拓展题
本文档基于vue-cli技术栈
总结了
- vue-cli工程
- vue.js核心知识
- vue-router路由
- vuex状态管理器
- axios等http请求
- 移动端适配
- Tab切换等常用功能
- vue与原生app
混合交互
- vue生产环境部署
- vue各项技术
源码解析
- MVVM设计模式
- vue-cli工程深入拓展
等12个关于vue-cli
开发的方面。
不仅可以帮你一次性详细阅读所有关于vue
的面试题、更可以帮你拓展关于vue
开发的视野。
关于vue
的试题,看这一篇文档就够了!
vue-cli工程
1、构建的 vue-cli 工程都到了哪些技术,它们的作用分别是什么?
2、vue-cli 工程常用的 npm 命令有哪些?
3、请说出vue-cli工程中每个文件夹和文件的用处
4、config文件夹 下 index.js 的对于工程 开发环境 和 生产环境 的配置
5、请你详细介绍一些 package.json 里面的配置
参考答案:
https://www.kancloud.cn/hanxu...
vue核心知识点
1、对于Vue是一套渐进式框架的理解
2、vue.js的两个核心是什么?
3、请问 v-if
和 v-show
有什么区别
4、vue常用的修饰符
5、v-on可以监听多个方法吗?
6、vue中 key
值的作用
7、vue-cli工程升级vue版本
8、vue事件中如何使用event对象?
9、$nextTick的使用
10、Vue 组件中 data 为什么必须是函数
11、v-for 与 v-if 的优先级
12、vue中子组件调用父组件的方法
13、vue中 keep-alive
组件的作用
14、vue中如何编写可复用的组
件?
15、什么是vue生命周期
和生命周期钩子
函数?
16、vue生命周期钩子函数有哪些?
17、vue如何监听键盘事件
中的按键?
18、vue更新数组时触发视图更新的方法
19、vue中对象更改检测
的注意事项
20、解决非工程化项目初始化页面闪动问题
21、v-for产生的列表,实现active的切换
22、v-model语法糖的组件中的使用
23、十个常用的自定义过滤器
24、vue等单页面应用及其优缺点
25、什么是vue的计算属性?
26、vue-cli提供的几种脚手架模板
27、vue父组件如何向子组件中传递数据?
28、vue-cli开发环境使用全局常量
29、vue-cli生产环境使用全局常量
30、vue弹窗后如何禁止滚动条滚动?
31、计算属性的缓存和方法调用的区别
32、vue-cli中自定义指令的使用
参考答案:
https://www.kancloud.cn/hanxu...
vue-router
1、vue-router如何响应 路由参数 的变化?
2、完整的 vue-router 导航解析流程
3、vue-router有哪几种导航钩子( 导航守卫 )?
4、vue-router的几种实例方法以及参数传递
5、vue-router的动态路由匹配以及使用
6、vue-router如何定义嵌套路由?
7、<router-link></router-link>
组件及其属性
8、vue-router实现路由懒加载( 动态加载路由 )
9、vue-router路由的两种模式
10、history路由模式与后台的配合
参考答案:
https://www.kancloud.cn/hanxu...
vuex
1、什么是vuex?
2、使用vuex的核心概念
3、vuex在vue-cli中的应用
4、组件中使用 vuex 的值和修改值的地方?
5、在vuex中使用异步修改
6、pc端页面刷新时实现vuex缓存
参考答案:
https://www.kancloud.cn/hanxu...
http请求
1、Promise对象是什么?
2、axios、fetch与ajax有什么区别?
3、什么是JS的同源策略和跨域问题?
4、如何解决跨域问题?
5、vue-cli中如何使用JSON数据模拟
?
6、vue-cli中http请求的统一管理。
7、axios有什么特点?
参考答案:
https://www.kancloud.cn/hanxu...
UI样式
1、.vue组件的scoped属性
的作用
2、如何让CSS只在当前组件中起作用?
3、vue-cli中常用的UI组件库
4、如何适配移动端?【 经典 】
5、移动端常用媒体查询的使用
6、垂直居中对齐
7、vue-cli中如何使用背景图片?
8、使用表单禁用时移动端样式问题
9、多种类型文本超出隐藏问题
参考答案:
https://www.kancloud.cn/hanxu...
常用功能
1、vue中如何实现tab切换功能?
2、vue中如何利用 keep-alive 标签实现某个组件缓存功能?
3、vue中实现切换页面时为左滑出效果
4、vue中父子组件如何相互调用方法?
5、vue中央事件总线的使用
参考答案:
https://www.kancloud.cn/hanxu...
混合开发
1、vue如何调用 原生app 提供的方法?
2、原生app 调用 vue 提供的方法,并将值传递到 .vue 组件中
参考答案:
https://www.kancloud.cn/hanxu...
生产环境
1、vue打包命令是什么?
2、vue打包后会生成哪些文件?
3、如何配置 vue 打包生成文件的路径?
4、vue如何优化首屏加载速度?
参考答案:
https://www.kancloud.cn/hanxu...
MVVM设计模式
1、MVC、MVP与MVVM模式
2、MVC、MVP与MVVM的区别
3、常见的实现MVVM几种方式
4、Object.defineProperty()方法
5、实现一个自己的MVVM(原理剖析)
6、 ES6中类和定义
7、JS中的文档碎片
8、解构赋值
9、Array.from与Array.reduce
10、递归的使用
11、Obj.keys()与Obj.defineProperty
12、发布-订阅模式
13、实现MVVM的思路分析
参考答案:
https://www.kancloud.cn/hanxu...
源码剖析
1、vue内部与运行机制:
- Vue.js 全局运行机制
- 响应式系统的基本原理
- 什么是 Virtual DOM?
- 如何编译template 模板?
- diff算法
- 批量异步更新策略及 nextTick 原理?
- proxy代理?
2、vuex工作原理详解
- Vue.mixin
- Vue.use
参考答案:
https://www.kancloud.cn/hanxu...
深入拓展
1、vue开发命令 npm run dev 输入后的执行过程
2、vue的服务器端渲染
3、从零写一个npm安装包
4、vue-cli中常用到的加载器
5、webpack的特点
参考答案:
https://www.kancloud.cn/hanxu...
vue拓展题的更多相关文章
- Vue证明题
看来我需要对我的vue能力做一个证明了~~ 最近辞职了,又逢病重,找工作的时候发现对vue要求蛮高的,说会不行,还必须要有过vue的项目. 我这种半路出家的哪里来的vue的项目,公司又不是那种一线互联 ...
- vue-v-xxx基于 Vue拓展的 v-xxx 库
君问归期未有期,巴山夜雨涨秋池. 何当共剪西窗烛,却话巴山夜雨时. 作为vue轻车熟路的老司机,经常会用到一些指令,vue官方提供的指令又太少,无法满足旺盛的欲望,而每次要写一遍,终日郁郁寡欢,从小就 ...
- vue证明题五,组件传值与绑定
上文中写了一个input组件,该组件需要复用,但是并不是每个组件都相同的 比如我定义了一个组件,是个矿泉水瓶子,这个瓶子分为大中小三个号,定义了三种瓶子的容积,定义了必须有瓶盖,瓶口,瓶子质地 但是瓶 ...
- vue证明题四,使用组件
vue的开发方式,基本上是以组件为主的,至于为啥,我也不好去论述,网上看别人的 所谓渐进式开发,也是源自于单页面应用这一说,而注册一个域名以后,指定了首页,爬虫爬取链接都是从首页开始的 如果一个网址, ...
- vue证明题三,vue项目的包结构和配置
用vue-cli创建的项目带有自动配置好的包结构,包结构都是固定的. 关于详细的解释,网上多得是,只说下最重要的内容 1.vue项目包结构和端口号配置 这里笔者下了个HBuilderX来写代码. 2. ...
- vue证明题二,让vue跑起来
使用vue有很多连带产品,大多数入门的并非看不懂官方文档,也并非不会语法,而是卡在这些连带产品上 笔者刚刚入手这台电脑,什么都没装,就以此开始,从头构建一个vue项目吧,哪怕没有任何基础,跟着来应该是 ...
- vue证明题一,vue全家桶的构成
简单说下vue的构成,当然是简单为主,网上这东西满天飞,简单说几句就ok 1.vue是什么 vue读作view,是一种js框架.只关注于视图层,操作内容包括js,html,css 2.vue全家桶是什 ...
- vue基础题
一.对于MVVM的理解? MVVM 是 Model-View-ViewModel 的缩写. Model代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑. View 代表UI 组件,它负责 ...
- python - work5 - 类与对象 - 拓展题
''' 5:购物车类,包含的功能如下,请自行设计这个类以及类里面的方法:1)用户输入工资后,打印商品列表(商品列表自行设计展示模式)2)允许用户根据商品编号去选择商品3)用户选择商品后,检查余额是否足 ...
随机推荐
- ftp/sftp定时自动上传文件脚本(CentOS)
1.ftp自动上传文件脚本 #!/bin/bash ftp -n<<! open 192.168.220.129 user ls toor binary hash cd /path/to/ ...
- Daily record-August
August11. A guide dog can guide a blind person. 导盲犬能给盲人引路.2. A guide dog is a dog especially trained ...
- Vue + Element UI 实现权限管理系统(第三方图标库)
使用第三方图标库 用过Elment的同鞋都知道,Element UI提供的字体图符少之又少,实在是不够用啊,幸好现在有不少丰富的第三方图标库可用,引入也不会很麻烦. Font Awesome Font ...
- Uva 10635 - Prince and Princess 问题转化,元素互不相同(在自身序列中独特)的两个数列的LCS,LIS 难度: 2
题目 https://uva.onlinejudge.org/index.php?option=com_onlinejudge&Itemid=8&page=show_problem&a ...
- X86汇编语言实现的贪吃蛇游戏
body, table{font-family: 微软雅黑; font-size: 13.5pt} table{border-collapse: collapse; border: solid gra ...
- ssh 免密登陆
A 要免密码登录要B 那么需要在A电脑上使用命令 ssh-keygen -t rsa 在~/.ssh/ 目录下生成id_rsa.pub 这个文件,然后将这个文件的内容拷到B电脑de ~/.ssh/au ...
- 参数优化-API
网格搜索 对给定参数进行组合,用某标准进行评价,只适合小数据集 class sklearn.model_selection.GridSearchCV(estimator, param_grid, sc ...
- 实力封装:Unity打包AssetBundle(二)
→前情提要:Unity最基本的AssetBundle打包方式. 第二种打包方式 Unity提供的BuildAssetBundles API还有一个重载形式,看下面↓↓ public static As ...
- ylz 开发学习笔记一(注意事项)
Eclipse快捷键 断点 F6执行下一步 等等 C+S+R 搜索文件名字 C+鼠标移动左击 跳入类文件 jsp 文件的断点是使用 debugger 之后再chrom 用F10单步调 ...
- L306 词汇题
Public acceptance of rabbit as an economical source of protein depends on how aggressively producers ...