09 2024 档案
摘要：先看两端代码 let str = "hello" const str1:string = "hello" const str2 = "hello" 在上述代码中用let声明的变量是字符类型的 而用const 没有指定类型的话,其是字面量类型，不能随意进行变更。
阅读全文
摘要：接口类型 作用：给对象约束属性和方法 基础语法： interface 接口名 { 属性名：类型 } 接口名称推荐以I开头 接口声明后，直接使用接口名称作为变量类型 interface person { name: string age: number gender: string sayHi: ()
阅读全文
摘要：数组的定义 普通定义： let arr: number[] = [4, 6, 7, 9]; //需求：希望数组里面可以存数字或者字符串 联合数据类型： //联合数据类型：|的优先级比较低，需要用（）包裹提升优先级 //一旦使用联合查询，说明arr里面的值既可能是number也可能是string，所以
阅读全文
摘要：Node.js/浏览器，只认识JS代码，不认识TS代码，需要将TS代码转化为JS代码，然后才能运行。 安装命令：npm i -g typescript 或者 yarn global add typescript 注意：Mac电脑安装全局包时，需要通知添加sudo获取权限。sudo npm i -g
阅读全文
摘要：由于对象采用的是引用赋值。所以直接用“=”,修改属性的时候也会将原来的变量改变掉。 因此，就有了浅拷贝与深拷贝 用{...obj}和object.assign表示浅拷贝，其只拷贝外围对象的一层，而不会拷贝多层。 方法二：使用Object.assign 深拷贝的实现 其一是通过递归实现拷贝。其二lod
阅读全文
摘要：传统的写法不好记忆，书写麻烦，此时可以使用结构赋值的方法让代码更加简洁。 数组结构是将数组中的单元值快速批量赋值给一系列变量的简介语法。 变量的顺序对应数组单元值位置一次进行赋值操作。 如下： 应用一：交换两个变量 Js前面有那种情况需要加分号。（不加分号 解析器认为和上局是连成一句的） 一：数组解
阅读全文
摘要：使用箭头函数的目的：引入箭头函数目的是更加更加简短的函数写法并且不绑定this，箭头函数的语法比函数表达式更加简洁 使用场景：箭头函数更加适用于哪些本来需要匿名函数的地方 定义语法： const fn = () => { } 使用方式一：括号里面加形参 // 箭头函数 const fn = (x)
阅读全文
摘要：什么是闭包？ 简单理解：闭包=内层函数+外层函数的变量。正如前面所说的作用域链也会涉及到闭包，如下： let a = 6;//全局作用域 function f() { a = 7;//父级作用域 function d(){ a = 8;//自己的作用域 console.log(a); } d();
阅读全文
摘要：作用域链本质上就是使用的是哪个变量，全局变量，局部变量，自身的变量。这个在看别人代码的逻辑的时候非常有用，底层是变量的查找机制。 嵌套关系的作用域窜连起来形成了作用域链 在函数被执行，会优先查找当前函数作用域中的变量。 如果当前函数作用域找不到，则会逐级查找父级作用域，知道全局作用域 相同作用域链中
阅读全文
摘要：函数分为具名函数和匿名函数，具名函数需要先声明在进行调用，而匿名函数是完全没有值。 例如：我们设置点击事件中的function就是匿名函数 document.addEventListener('click', function(){ }) 我们可以设置匿名函数立即执行。 好处是一方面可以防止变量污染
阅读全文
摘要：1、在el-menu开启路由模式，default-active使用动态值等于当前路由，就需要用:default-active="$route.path" 2、阿里巴巴矢量图icfont的使用 ①将自己需要的图标下载到矢量库对应的项目文件中 ②更新对应的css代码，点击css代码链接，更新到本地去 ③
阅读全文
摘要：我们在做web页面，由其是后台的页面的时候，需要菜单栏和右侧内容区域分隔开来，例如如下的功能： 就需要使用flex弹性内容的布局。 当我们为父盒子设置为flex后，子元素的float,clear和vertical-align属性将失效 在flex布局中，是分为主轴和侧轴两个方向，同样的叫法有：行和列
阅读全文
摘要：1、父组件向子组件传值，通过标签加上":" <user-add-editor :dialogFormVisible.sync="dialogFormVisible"></user-add-editor> 其中dialogFormVisible 就是子组件的值，sync表示子可以修改父组件。 2、父组
阅读全文
摘要：在Vue.js中使用Element UI时，如果需要给组件的属性加上冒号（:），这表示你正在绑定一个动态属性。冒号后跟的是一个JavaScript表达式，而不是一个字符串。 例如，如果你想要绑定一个动态的值到el-input组件的value属性，你应该这样写： <el-input :value="d
阅读全文
摘要：100%和100vh的区别12 在CSS中，height: 100%表示元素的高度将与其父元素的高度相同。但是，要使height: 100%生效，父元素必须具有明确定义的高度，例如固定高度值或相对定位。如果父元素的高度未被明确定义，那么height: 100%将不会生效。 另一方面，heig
阅读全文
摘要：桌面版PC对应网站 Element UI 开发 H5 和多端小程序 NutUI 3.0 京东的组件 MorJS Mor (发音为 /mɔːr/，类似 more) 是饿了么开发的一款基于小程序 DSL 的，可扩展的多端研发框架。使用小程序原生 DSL 构建，使用者只需书写一套（微信或支付宝）小程序，就
阅读全文
摘要：什么情况下我应该使用 Vuex？ Vuex 可以帮助我们管理共享状态，并附带了更多的概念和框架。这需要对短期和长期效益进行权衡。 如果您不打算开发大型单页应用，使用 Vuex 可能是繁琐冗余的。确实是如此——如果您的应用够简单，您最好不要使用 Vuex。一个简单的 store 模式就足够您所需了。但
阅读全文
摘要：js 中有一个sessionstrage，其意思是当浏览器会话存在的时候会有session数据， 当用户关闭标签页同时清空浏览器session数据的时候会被清除。我们可以在不会发生大的改变，同时经常用到的存储到session strage中。 用法：sessionStrage.setItem('us
阅读全文
摘要：axios是基于promise的http库，可以用在浏览器和node.js中 特性:从浏览器中创建XMLHttpRequests、从node.js创建http请求、支持promiseApi、拦截请求和响应、取消请求、自动转换JSON数据、客户端支持防御xsrf axios就是一个库，也可以单独独立出
阅读全文
