网站的运作流程,白石龙做网站,湖南佳程建设有限公司网站,最近新闻小学生摘抄1.let,var,const区别
1.作用域#xff1a; var#xff1a;var声明的变量存在函数作用域或全局作用域#xff0c;这意味着它们在声明它们的函数内部可见#xff0c;而不在块级作用域内可见。 let和const#xff1a;let和const声明的变量存在块级作用域#xff0c;这…1.let,var,const区别
1.作用域 ·varvar声明的变量存在函数作用域或全局作用域这意味着它们在声明它们的函数内部可见而不在块级作用域内可见。 ·let和constlet和const声明的变量存在块级作用域这意味着它们在声明的块内可见例如if语句、循环或花括号内的代码块。 2.变量提升 ·varvar声明的变量会被提升到它们所在作用域的顶部但初始化的值不会提升。 ·let和constlet和const声明的变量也会被提升但它们不会被初始化。这意味着在声明之前访问 它们会导致暂时性死区(Temporal Dead ZoneTDZ)错误。 3.可变性 ·varvar声明的变量可以被多次赋值并且可以在同一作用域内重复声明。 ·letlet声明的变量可以被多次赋值但不允许在同一作用域内重复声明。 ·constconst声明的变量必须被初始化并且不能被重新赋值但对象和数组等复杂类型的内容可以被修改 4.全局对象属性 ·var声明的变量会成为全局对象的属性(在浏览器环境中通常是 window 对象)。 ·let和const不会成为全局对象的属性。 5.适用场景 ·var在ES6之前是唯一的声明关键字但由于它的一些问题现在通常不推荐使用。 ·let通常用于需要重新赋值的变量。 ·const通常用于不需要重新赋值的常量。
2.map和foreach区别
1. 返回值map操作会返回一个新的集合该集合包含了原始集合中每个元素经过指定函数处理后的结果而foreach操作没有返回值它仅对原始集合中的每个元素执行指定的操作不会生成新的集合。
2. 函数作用map通常需要一个函数作为参数这个函数定义了如何将原始集合中的每个元素转换为新元素foreach同样需要一个函数但这个函数用于指定对每个元素执行的操作这些操作不一定会产生新的结果。 3. 数据不变性map操作不会改变原始集合中的数据它创建了一个新的集合来存储转换后的结果foreach操作可能会改变原始集合中的元素因为它直接在原始元素上执行操作。 4. 用途map常用于需要根据现有数据生成新数据的场景如数据转换、计算等foreach则适用于需要对每个元素执行某些操作而这些操作不需要返回值的场景如打印日志、更新状态等。 5. 性能考虑由于map会创建一个新的集合因此在处理大量数据时可能会占用更多的内存foreach则直接在原始集合上操作不需要额外的内存空间。
3.v-model组成 v-model本质上是一个语法糖它是v-bind和v-on的组合。具体来说v-model通过v-bind绑定一个value属性并通过v-on指令监听input事件来实现数据的双向绑定。
4.vue中的data为什么是函数
Vue中的data是函数的主要原因是为了确保每个组件实例都有独立的数据作用域避免数据污染和状态共享问题。
1.数据隔离当data是一个函数时每次创建组件实例时都会调用这个函数返回一个新的数据对象。这样每个组件实例都有自己的数据对象互不干扰。如果data是一个对象所有的组件实例将共享同一个数据对象导致数据污染和状态共享问题12。
2.避免共享状态如果data是一个对象当一个组件实例修改了数据其他所有实例的数据也会被修改。这通常是不希望的因为不同的组件实例通常需要有不同的状态。通过将data定义为一个函数每个组件实例都有自己的数据对象避免了状态的共享2。
3.支持组件复用Vue中的组件是可复用的UI构建块。通过将data定义为一个函数每个组件实例在创建时都会生成一个新的数据对象这使得组件的复用更加安全和可靠。每个组件实例都有独立的数据不会受到其他实例的影响
5.es6新增的两个set和map
Set 对象允许你存储任何类型的唯一值无论是原始值或者是对象引用。 Map 对象保存键值对并且能记住键的原始插入顺序。
6.vue中数据更新了视图没更新的解决办法
1.使用watch监听对象属性变化 2.使用this.$set()强制更新响应式变量 3.使用this.$forceUpdate()强制性重新渲染
7.react中的hook
react hook是react 16.8推出的方法能够让函数式组件像类式组件一样拥有state、ref、生命周期等属性
8.for函数和foreach区别
1.适用对象 for循环适用于任何需要重复执行指定次数的情况而foreach循环专门用于遍历集合类型的数据更加简洁易读。 2.循环变量 for循环需要在外部显式声明循环变量并在循环体内进行更新操作。而foreach循环则不需要显式声明循环变量直接将集合中的元素赋值给一个临时变量。 3.索引访问 for循环可以通过索引访问数组或列表中的元素因为循环变量i可以作为索引。而foreach循环只能逐个访问集合中的元素不能直接获取索引。 4.遍历方式 for循环可以根据需要自由设置循环条件和迭代步长可以实现倒序遍历等复杂遍历方式。而foreach循环只能顺序遍历集合中的元素。
9.ts的数据类型
1.基本数据类型 number用于表示数值类型包括整数和浮点数。例如let num: number 123。 string用于表示文本数据。例如let str: string abc。 boolean表示逻辑值只有 true 和 false。例如let isDone: boolean false。 null 和 undefined表示空值。null 和 undefined 是所有类型的子类型但使用严格空检查可以避免意外的空值。 symbol表示唯一标识符通常用于对象属性的键。 2.复合数据类型 Array表示数组类型可以包含多个相同类型或不同类型的元素。例如let arr: number[] 。 Tuple表示元组类型可以定义具有固定数量和类型的元素的数组。例如let tuple: [string, number] [abc, 123]。 Object表示对象类型可以包含多个键值对。例如let obj: object {name: abc}。 Function表示函数类型包括函数的参数类型和返回值类型。 3.特殊数据类型 any可以代表任何类型但过度使用会削弱TypeScript的类型安全特性。例如let anyVar: any hello。 void用于标识没有返回值的函数。例如function sayHello(): void { console.log(Hello); }。 never表示那些永不会达到终点的代码例如无限循环的函数。例如function infiniteLoop(): never { while (true) {} }。
10.watch和computed区别 一、指代不同
1、computed (用计算机或计数器)计算估计。
2、watch注视看守观看手表监视看守值班。
二、侧重点不同
1、computed 多用于表示人在使用计算机或计算器在进行计算、估算。
2、watch多用于表示对某事物或人的看守、监视同时表示物体手表之意。
三、引证用法不同
1、computedcompute作计算估算解时是正式用法指计算结果、答案、数目等用作及物动词时可接名词、代词或that从句作宾语。
2、watchwatch的基本意思是观看、注视指用眼睛跟踪某物以观察到每一个动作、变化、危险迹象、机会等。引申可表示照管、守护、保卫等指明确需要警觉做好防止危险发生的准备强调连续性和职务性。
11.vue3中的ref和rective区别
1. 数据类型不同ref用于包装JavaScript基本类型的数据如字符串、数字、布尔值等而reactive可以用于包装JavaScript对象和数组等复杂类型的数据。 2. 使用方式不同ref需要通过在模板中使用ref指令以及在JavaScript代码中使用ref函数进行创建和使用而reactive则需要通过调用Vue.js提供的reactive函数进行包装和创建。 3. 访问方式不同对于通过ref函数创建的响应式数据我们可以通过.value属性来访问其实际值而对于通过reactive函数创建的响应式对象我们可以直接访问其属性或调用其方法。 4. 设计理念不同ref主要是为了解决单一元素/数据的响应式问题而reactive则是为了解决JavaScript对象和数组等复杂数据结构的响应式问题。
12.vue2中的Mixins和vue3中的hook
1.语法和用法Hooks 是在 Vue 3 的 Composition API 中引入的一种函数式编程的方式而 Mixins 是在 Vue 2 中的一种对象混入机制。Hooks 使用函数的方式定义和使用而 Mixins 则是通过对象的方式进行定义和应用。
2.组合性和灵活性Composition API 的 Hooks 允许开发者根据逻辑功能来组合和复用代码可以将相关的逻辑和状态封装为自定义的 Hook 函数。而 Mixins 在组件中的属性和方法会与组件本身的属性和方法进行合并可能会导致命名冲突或不可预料的行为。
3.响应式系统Vue 3 的 Composition API 使用了一个新的响应式系统可以通过 reactive 和 ref 来创建响应式数据。这样可以更精确地控制组件的更新和依赖追踪。而 Mixins 使用 Vue 2 的响应式系统对数据的追踪和更新较为简单可能存在一些性能上的问题。
4.生命周期钩子在 Vue 3 的 Composition API 中可以使用 onMounted、onUpdated 等钩子函数来替代 Vue 2 中的生命周期钩子。这样可以更灵活地管理组件的生命周期。Mixins 依然使用 Vue 2 的生命周期钩子。
总结
以上是我面试遇到的问题答案可能有错漏可自行查阅。
