风尚云网-前端面试题综合篇

 

---

目录

***首先：关于面试题，以下答案都是最官方的描述解答，根据自己理解能记多少自行简化简写！！！***

***css技术栈***一.请简述一下css优先级？

***html5技术栈***二：请介绍下html5以及新特性？

***js技术栈***三：JS中如何将页面重定向到另一个页面？

***vue技术栈***四：请简单描述一下computed 和 watch运用的场景？

***小程序技术栈***五：小程序页面间有哪些传递数据的方法？

---

***首先：关于面试题，以下答案都是最官方的描述解答，根据自己理解能记多少自行简化简写！！！***

***css技术栈***
一.请简述一下css优先级？

示例答案：
1.每个选择器都有权值，权值越大越优先
2.继承的样式优先级低于自身指定样式
3.！important优先级最高 js也无法修改
4.权值相同时，靠近元素的样式优先级高  顺序为内联样式表（标签内部）> 内部样式表（当前文件中）> 外部样式表（外部文件中）

***html5技术栈***
二：请介绍下html5以及新特性？

示例答案：
1.什么是 HTML5？
HTML5 是最新的 HTML 标准。
HTML5 是专门为承载丰富的 web 内容而设计的，并且无需额外插件。
HTML5 拥有新的语义、图形以及多媒体元素。
HTML5 提供的新元素和新的 API 简化了 web 应用程序的搭建。
HTML5 是跨平台的，被设计为在不同类型的硬件（PC、平板、手机、电视机等等）之上运行。
2.h5的新特性？
新的语义元素，比如 <header>, <footer>, <article>, and <section>。
新的表单控件，比如数字、日期、时间、日历和滑块。
强大的图像支持（借由 <canvas> 和 <svg>）
强大的多媒体支持（借由 <video> 和 <audio>）
强大的新 API，比如用本地存储取代 cookie。

***js技术栈***
三：JS中如何将页面重定向到另一个页面？

示例答案：
1.使用 location.href:window.location.href =“url”
2.使用 location.replace:window.location.replace(" url");

***vue技术栈***
四：请简单描述一下computed 和 watch运用的场景？

示例答案：
1.当我们需要进行数值计算，并且依赖于其它数据时，应该使用 computed，因为可以利用 computed 的缓存特性，避免每次获取值时，都要重新计算；
2.当我们需要在数据变化时执行异步或开销较大的操作时，应该使用 watch，使用 watch 选项允许我们执行异步操作 ( 访问一个 API )，限制我们执行该操作的频率，并在我们得到最终结果前，设置中间状态。这些都是计算属性无法做到的。

***小程序技术栈***
五：小程序页面间有哪些传递数据的方法？

示例答案：
1.给html元素添加data-*属性来传递值，然后通过e.currentTarget.dataset或onload的param参数获取。注：data-名称不能有大写字母、不可以存放对象
2.设置id的方法标识来传值，通过e.currentTarget.id获取设置的id的值，然后通过设置全局对象的方式来传递数值
3.在navigator中添加参数数值
或
1.使用全局变量实现数据传递
2.页面跳转或重定向时，使用url带参数传递数据
3.使用组件模板template传递参数
4.使用缓存传递参数
5.使用数据库传递参数

---

风尚云网~伴你成长