1.技术选型
2.vue和react的区别
Vue与React的核心差异体现在设计理念、数据管理机制和生态系统构建方式上。Vue以响应式系统和模板语法为核心,强调开发便利性;React以函数式编程和JSX为特色,注重灵活性和控制力。二者在数据绑定方式、组件化实现及性能优化策略等方面存在显著差异。
核心设计理念对比
响应式系统 vs 函数式编程。
Vue通过Object.defineProperty/Proxy建立数据监听,实现自动依赖追踪和视图更新。
React采用单向数据流,要求开发者通过setState手动触发更新,推崇不可变数据(immutable)。
模板语法 vs JSX。
Vue使用类HTML模板分离逻辑与视图,提供v-if/v-for等语义化指令。
React通过JSX将HTML嵌入JavaScript,允许在JS中直接操作UI逻辑。
以下是关于Vue和React核心设计理念的视频:
Vue适用场景。
需要快速上手的项目(新手友好)。
中小型应用或需要渐进式扩展的项目。
表单驱动型应用(双向绑定优势)。
React适用场景。
复杂大型应用(灵活架构支持)。
跨平台开发(React Native生态)。
需要高度定制化解决方案的项目。
3.笔试题
<script>
/**将数组扁平化并去重**/
function flatten(arr) {
// todo;
return Array.from(new Set(arr.flat(Infinity)));
// return Array.from(new Map(arr.map(item => { item })).values())
}
flatten([1, [2, 3]]); // [1,2,3]
flatten([1, [2, 3, [4, 5]]]); // [1,2,3,4,5]
console.log(JSON.stringify(flatten([1, [2, 3, [4, 5]]])))
</script>