JavaScript的字面量与变量，完整PDF

妖狐艹你老母 2022-10-05 14:59 147阅读 0赞

## 一.我们为什么需要CSS？ ##

使用css的目的就是让网页具有美观一致的页面，另外一个最重要的原因是内容与格式分离 在没有CSS之前，我们想要修改HTML元素的样式需要为每个HTML元素单独定义样式属性，当HTML内容非常多时，就会定义很多重复的样式属性，并且修改的时候需要逐个修改，费心费力。是时候做出改变了，所以CSS就出现了。

CSS的出现解决了下面两个问题：

*  将HTML页面的内容与样式分离。
 *  提高web开发的工作效率

## 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、vue中自定义过滤器 #####

##### 24、vue等单页面应用及其优缺点 #####

##### 25、什么是vue的计算属性？ #####

##### 26、vue-cli提供的几种脚手架模板 #####

##### 27、vue父组件如何向子组件中传递数据？ #####

##### 28、vue弹窗后如何禁止滚动条滚动？ #####

##### 29、计算属性的缓存和方法调用的区别 #####

##### 30、vue-cli中自定义指令的使用 #####

![Vue核心知识点][Vue]

### 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路由模式配置及后台配置 #####

![vue-router][]

> **CSS面试题文档，JavaScript面试题文档，Vue面试题文档，大厂面试题总结**，看文末可**免费**领取！

### vuex ###

##### 1、什么是vuex？ #####

##### 2、使用vuex的核心概念 #####

##### 3、vuex在vue-cli中的应用 #####

##### 4、在vue中使用vuex，修改state的值 #####

##### 5、vuex actions异步修改状态 #####

![vuex][]

### http请求 ###

##### 1、Promise对象是什么？ #####

##### 2、axios、fetch与ajax有什么区别？ #####

##### 3、什么是JS的同源策略和跨域问题？ #####

##### 4、如何解决跨域问题？ #####

##### 5、axios有什么特点？ #####

![http请求][http]

### UI样式 ###

##### 1、`.vue组件的scoped属性`的作用 #####

##### 2、如何让CSS只在当前组件中起作用？ #####

##### 3、vue-cli中常用的UI组件库 #####

##### 4、如何适配移动端？【 经典 】 #####

##### 5、移动端媒体查询 #####

##### 6、vue内容垂直和水平居中 #####

##### 7、vue-cli引入图片的方法 #####

##### 8、移动端常见样式问题 #####

##### 9、文本超出隐藏 #####

![UI样式][UI]

### 常用功能 ###

##### 1、vue中如何实现tab切换功能？ #####

##### 2、vue中keep-alive 实现标签页组件缓存 #####

##### 3、vue中实现页面从右往左侧滑入效果 #####

##### 4、vue中父子组件如何相互调用方法？ #####

##### 5、vue中央事件总线的使用 #####

![常用功能][fb43cdaad1daef13ad4e6c87f2a6689b.png]

### MVVM设计模式 ###

##### 1、MVC、MVP与MVVM模式 #####

##### 2、MVC、MVP与MVVM的区别 #####

##### 3、MVVM的实现原理 #####

##### 4、Object.defineProperty()方法 #####

##### 5、 ES6中定义的类和对象 #####

##### 6、JS中的文档碎片 #####

##### 7、解构赋值 #####

##### 8、Array.from #####

##### 9，Array.reduce #####

##### 10、递归的使用 #####

##### 11、Obj.keys()与Obj.defineProperty #####

##### 12、发布-订阅模式 #####

##### 13、vue项目优化，缩短首屏加载时间 #####

![MVVM设计模式][MVVM]

### 深入拓展 ###

##### 1、vue开发命令 npm run dev 输入后的执行过程 #####

##### 2、vue的服务器端渲染 #####

##### 3、从零写一个npm安装包 #####

##### 4、vue-cli中常用到的加载器 #####

##### 5、webpack的特点 #####

![深入拓展][c686782e6dc7a19d6c3400e7915423b3.png]

### 结尾 ###

正式学习前端大概 3 年多了，很早就想整理这个书单了，因为常常会有朋友问，前端该如何学习，学习前端该看哪些书，我就讲讲我学习的道路中看的一些书，虽然整理的书不多，但是每一本都是那种看一本就秒不绝口的感觉。

以下大部分是我看过的，或者说身边的人推荐的书籍，每一本我都有些相关的推荐语，如果你有看到更好的书欢迎推荐呀。

[**戳这里免费领取前端学习资料**][Link 1]

大概 3 年多了，很早就想整理这个书单了，因为常常会有朋友问，前端该如何学习，学习前端该看哪些书，我就讲讲我学习的道路中看的一些书，虽然整理的书不多，但是每一本都是那种看一本就秒不绝口的感觉。

以下大部分是我看过的，或者说身边的人推荐的书籍，每一本我都有些相关的推荐语，如果你有看到更好的书欢迎推荐呀。

[**戳这里免费领取前端学习资料**][Link 1]

![前端学习书籍导图-1][-1]

[Vue]: /images/20221005/85b4add6b752436289169df2fafe1da3.png
[vue-router]: /images/20221005/3e42fefdf3094cf0aa5870d0389f28a5.png
[vuex]: /images/20221005/07727d963b6542d68937c13b5cad92a7.png
[http]: /images/20221005/20f2d5610cfb4c5fa27ac76294267297.png
[UI]: /images/20221005/428f9b537d864bfcbf7583966f8a3a41.png
[fb43cdaad1daef13ad4e6c87f2a6689b.png]: /images/20221005/e676c2d828604308abdad1c6373273af.png
[MVVM]: /images/20221005/a63e9cf1f8c046fab25f3eda7fff4cb2.png
[c686782e6dc7a19d6c3400e7915423b3.png]: /images/20221005/a0c3709d1a484643b269b0b7340ed38c.png
[Link 1]: https://docs.qq.com/doc/DSlNuUUFPWmpZVlJh
[-1]: /images/20221005/37ecce6cebd34ab9b17a133ac2959d21.png