【前端-问题集】

案例一：

项目介绍：

    实现了Native和JS的通讯方案，为App业务提供了底层的技术支持。

项目细节：

• 通讯方案具体是什么？

             通过请求特定协议的URL+拦截协议的方式实现JS到Native的实现方式。

• 有对比过其他方案吗？

技术问题：

• JS中的面向对象是如何实现的？编写代码证明你的分析。    

职业发张：

• 在近两年里我没有转向技术管理的规划，我希望我带的小组成员不超过5个，但如果有特别好的机会我也不排斥。

算法题：

• 编写快速排序。

设计问题：

• 请设计一个轮播组件的api。

案例问题：

• 假设我们现在面临一个故障，部分用户反馈无法进入登录页面，你将会怎么排查问题？

 "闲聊"：

• 你喜欢看哪些"书籍"？

  协作：

• 如果你的技术方案和一起协作的同事不一样，你该怎么说服他？

压力：

• 我觉得你说的这个方案不可行。

 

JS

• JS内存泄漏
• JS中如何将一个异步接口封装成同步？？？

 

Vue面试题

• v-show和v-if的区别

当条件为false时，v-if不会渲染对应的组件，而v-show是将组件属性设置为 display:none。

当条件频繁变动时，使用v-show，因为v-if会导致Dom文件重新渲染。 

• 为何v-for中要用key
• 描述Vue组件生命周期(有父子组件的情况)
• Vue组件如何通讯
• 描述组件渲染和更新的过程
• 双向数据绑定v-model的实现原理
   
• Vue组件使用
• Vue中的事件

event是原生的

事件是被挂载在当前元素

 

• v-html有xss风险，会覆盖子组件。
• computed和watch

 

React面试题

• React组件间如何通讯

• JSX本质是什么

• context是什么，有何用途
• shouldComponentUpdate的用途
• 描述redux单向数据流
• setState是同步还是异步

 

webpack面试题

• 前端代码为何要进行构建和打包
• module、chunk和bundle分别是什么意思，有何区别
• loader和plugin的区别
• webpack如何实现懒加载
• webpack常见性能优化
• babel-runtime和babel-polyfill的区别

 

框架综合应用面试题

• 基于React设计一个todolist(组件结构，redux state数据结构)
• 基于Vue设计一个购物车(组件结构，vuex state数据结构)

 

其他

• 如何在一个app打开另一个app？？
• vant是如何 实现input框调起不同类型的 键盘的？？ 如何实现清除图标的？？？
• 在H5中使用localStorage缓存数据是不安全的吗？？有什么代替方法？？
• 前端渲染 和 后端渲染的区别？？
• Local Storage作为客户端存储的一种解决方案， 只适合用于存储简单的值。为了存储对象和数组这样更复杂的数据，你必须使用 JSON 来对数据进行序列化和反序列化。