分享前端与鸿蒙开发技术、面试题总结

小程序开发要点摘要： 样式差异：WXSS支持rpx适配单位（750rpx=屏幕宽），区分全局/局部样式； 常用组件：view、text、scroll-view、swiper等，button开放能力丰富； 数据与事件： 修改数据需用setData()同步视图，支持异步回调； 事件绑定用bind:前缀，传参推荐mark:或data-属性； 网络与导航： 封装wx.request解决异步问题，无跨域限制； 导航分声明式（navigator标签）与编程式（API），传参通过query； 生命周期：应用/页面/组件各

有了这个绑定信息，⼩程序在下次需要⽤户登录的时候就可以不需要输⼊账号密码，因为通过wx.login() 获取到code之后，可以拿到⽤户的微信身份openid，通过绑定信息就可以查出业务侧的⽤户身份id，这 样静默授权的登录⽅式显得⾮常便捷。⼩程序后续发起的请求中携带 上SessionId，开发者服务器就可以通过服务器端的Session信息查询到当前登录⽤户的身份，这样我们 就不需要每次都重新获取code，省去了很多通信消耗。条件编译是一种根据不同的平台或版本号，在代码中选择性地编写不同逻辑的技术。

本文总结了Vue3开发中的核心知识点： 生命周期：对比Vue2与Vue3钩子函数命名变化（如onMounted替代mounted），强调setup替代beforeCreate/created。 组件通信：父子组件通过defineProps/defineEmits传值；跨组件使用provide/inject传递函数实现数据共享。 组件引用：通过ref绑定子组件实例，访问其方法与状态。 响应式监听：对比watch（精确依赖）与watchEffect（自动追踪依赖）的使用场景。 状态管理：Pinia对比Vuex的

Vue3高频问答摘要： Vue2与Vue3主要差异体现在构建工具（Webpack+vue-cli vs Vite+create-vue）、响应式原理（Object.defineProperty vs Proxy）、API设计（Options API vs Composition API）等方面。Vue3采用Proxy实现全面响应式，支持动态属性，性能更优；Composition API使代码组织更灵活；新增Fragment、Teleport等特性。构建工具Vite比Webpack启动更快，支持ES模块。路由

本文整理了Vue相关的重要知识点，包括：keep-alive组件：缓存组件状态，包含activated/deactivated钩子和include/exclude属性。Vue2响应式原理：通过Object.defineProperty实现数据劫持，结合Dep和Watcher进行依赖收集与更新派发。性能优化：包括路由懒加载、keep-alive、防抖节流、CDN等12项措施。scoped样式：通过属性选择器实现组件样式隔离。mixins混入：复用逻辑代码，但有命名冲突风险，Vue3的组合API可替

摘要本文整理了Vue开发中的核心知识点，包括浏览器安全策略、跨域解决方案、状态管理和组件通信等。重点内容：1)浏览器同源策略及CORS、代理服务器两种跨域解决方案；2)Vuex和Pinia在状态管理上的差异对比；3)组件通信的多种方式（Props/$emit、Event Bus、Vuex等）；4)插槽机制和作用域插槽的应用；5)虚拟DOM的工作原理和性能优化。还涉及过滤器、路由守卫等实用技巧，以及组件封装的实际经验。这些知识构成Vue开发生态的核心技术栈，对构建高效、安全的前端应用具有重要意义。

回答重点：Vue 的 data 属性声明成一个返回初始数据的函数，是为了确保每个组件实例都有独立的状态。通过这种方式，避免了组件使用相同的数据对象导致的状态共亨和互相干扰。扩展知识1)组件实例的独立性Vue 中，每个组件实例都有自己的状态。假如 data 属性是一个对象而不是函数，那么多个实例将共享同一个数据对象。当一个实例修改数据时，其他实例的状态也会受到影响，导致数据污染。通过将 data声明为函数，每个组件实例都会调用这个函数，从而返回独立的数据对象。这保证了各个实例的互不干涉。

本文整理Vue2高频面试问答，主要涵盖以下核心内容：1) MVVM、MVC和MVP模式的区别；2) Vue的核心特性包括数据驱动和组件化；3) 渐进式框架的设计理念与应用场景；4) 组件化的优势与实现方式；5) 常用指令如v-show与v-if的区别；6) data属性设计为函数的原因；7) computed与methods的差异；8) key在v-for中的作用；9) Vue的生命周期各阶段及数据请求的最佳时机。文章通过对比说明和场景分析，系统性地解答了Vue2开发中的常见问题，为面试准备和实际开发提供实

本文总结了JavaScript高频面试问题，内容包括：1)数据类型分为简单类型(Number,String等)和引用类型(Object)；2)判断数组的3种方法；3)this指向的4种规则；4)跨域解决方案如CORS、JSONP；5)宏任务与微任务的区别及常见类型；6)严格模式的限制特性；7)ES6与CommonJS模块化的区别；8)本地存储与cookie的差异；9)事件代理原理及优势；10)深/浅拷贝的区别；11)call/apply/bind的this指向功能；12)ES6核心特性包括let/const

JavaScript高频问答摘要核心概念闭包：函数能访问父作用域变量，即使父函数已执行完毕。用于封装变量、模块化、缓存、私有方法等。潜在问题是内存泄漏。作用域链：变量查找机制，从当前作用域向外逐级查找，函数定义时确定（词法作用域）。原型链：通过__proto__形成的继承链。ES5有6种继承方式，推荐寄生组合式；ES6用class/extends。类型判断：typeof：检测基本类型（"number"/"string"等）instanceof：检查原型链判断引用类型inst

1.为什么谷歌默认可设置最小字体12px，特殊场景需要设置更小字体2.方式一CSS3的缩放p {注意：行内元素没有效果3.方式二zoom属性p {zoom:0.5;

本文梳理了HTML面试高频考点，涵盖10个核心知识点：1) src与href属性区别；2) HTML语义化概念；3) script标签defer与async差异；4) HTML5新特性；5) 行内/块级/空元素分类；6) iframe优缺点；7) 盒子模型解析；8) flex布局基础；9) BFC特性及应用场景（含清除浮动、避免margin重叠代码示例）；10) CSS选择器优先级规则。内容以对比解析和图示为主，重点突出实际应用场景和技术细节差异，适合前端开发者系统复习HTML核心知识体系。