蓝with黑的博客

在Vuex中使用mapState将 Vuex store 中的状态映射到组件的计算属性（computed）中的原因是为了更方便地在组件中使用这些状态，并。mapState 实际上是，而不是放在组件的 data 中。这是因为 Vuex 中的状态通常用于在应用程序的多个组件之间共享和管理。当这些状态发生变化时，。将 mapState 结果放在 computed 中的好处是可以直接在模板中使用这些计算属性，就像使用 data 中的属性一样，但又能够保持响应式。

浅拷贝和深拷贝都是创建一份数据的拷贝。js分为原始类型和引用类型，对于原始类型的拷贝，并没有深浅拷贝的区别，只有拷贝引用类型的时候存在深浅拷贝的区别的问题。浅拷贝只进行一层复制，引用类型还是共享内存地址。深拷贝是无限层级拷贝，深拷贝后对象不会和被拷贝的对象相互影响。

前端vue + docxtemplater实现word模板填充数据组建。最后，测试实现效果，成功导出填充的word文件。fileTemplete： 模板路径。exportData： 填充的数据。fileName：文件名。

结合标签可以实现在特定条件下停止外层循环，但需要谨慎使用，确保在合适的时机使用它，以避免逻辑错误和不必要的跳出。标签给外层循环命名。当在内层循环中出现错误时，我们使用。循环中遇到内层报错，并且想要停止外层循环，你可以使用。在 JavaScript 中，如果你在嵌套的。来跳出外层循环并停止执行后续的迭代。语句结合标签（label）来实现。在上述示例中，我们使用。

基于elementUI的el-input, el-tree 实现组件支持下拉选择框树的结构的数据。使用到组件：el-popover、el-selece、el-tree、el-input。

列表无限滚动利用vue-seamless-scroll 插件,鼠标上移停止滚动<template> <section class="list-content" v-else id="list-content"> <vue-seamless-scroll :data="data" class="seamless-warp" :class-option="classOption">

冒泡排序原理，冒泡排序js实现

前端面试，手写promise

命名空间任何使用module关键字声明的一个内部模块的地方都应该使用namespace关键字来替换。第一步定义一个简单的字符串验证器，假设你会使用它们来验证表单里的yoghurt输入或验证外部数据 interface StringValidator{ isAcceptable(s:string): boolean } let letterRegexp = /^[A-Za-z]+$/ let numberRegexp = /^[0-9]+$/

typescript 之接口typescript的核心原则之一就是对值所就要有的解构进行类型检查。在typescript中，接口的左右就是为这些类型命名和为你的代码和第三方代码定义契约接口初探labelValue接口就好比一个名字，它代表一个label属性且类型为string的对象。需要注意的是，我们在这里并不能像其他语言里一样，说传给printLabel的对象实现了这个接口。我们只会去关注值得外形。只要传入的对象满足上面提到的必要条件，那么它就是被允许的注意： 类型检查器不会去检查属性的顺

泛型我们不仅要创建一致的定义良好的API，同时也要考虑可重用性。组件不仅能够支持当前的数据类型，同时也能支持未来的数据类型，这在创建大型系统时为你提供了十分灵活的功能泛型之hello world不使用泛型 function indentity(arg: number): number { return arg } function identity(arg: any): any { return arg; }使用a

react父组件调用子组件方法(typescript)Parent.tsx import * as React from 'react' import Child from './Child' class Parent extends React.Component{ public childRef:any = React.createRef(); constructor(props:any){ super(props)

es6 let const声明 《深入理解ES6—第一章》1. 开发中使用var的问题hosting 变量提升机制在函数作用于或全局作用域通过var关键字声明的变量，无论实际上是在哪里声明的，都会被当成当前作用域顶部声明的变量。以下函数举例说明这个问题： function getValue(condition) { if (condition) { var value = "blue" return value

typescript 之基础类型布尔let isDone: boolean = false数字let num:number = 123let num:number = 0xf00d字符串类型let str:string = 'ss'数组// number类型的数组let list: number[] = [1,2,3]let list: string[] = ['a','b','c']// 数组泛型let list: Arrat<number> = [12,3,4

1.箭头函数有花括号{}与没有的区别() => {} 默认没有返回值，如果需要返回值需要写```return``` () => 1 + 1 默认返回，const arrowFun1 = () => { 1 + 1 } const arrowFun2 = () => 1 + 1 alert(arrFun1()) // undefined alert(arrowFun2()) // undefined以上代码等效 var arrowFun1 =.