摘要： 今天在用一个组件时, 发现这个组件的功能有些小问题, 便想改好之后提个pr上去. 但是! 当我把仓库clone下来, npm i ,npm run serve之后, 咔咔报错, 才发现事情并没有那么简单 在测试的demo中,是这样引入的. 正常情况下webpack会进入node_modules中查找 阅读全文

摘要： 直接贴上代码 const debounce = function (fn,delay) { let timer = null return function (...args) { if (timer) clearTimeout(timer) timer = setTimeout(() => { f 阅读全文

摘要： 今天写样式的时候,发现了一个奇怪的现象: 先看图 这是三个span标签,它们都是使用relative来进行位置移动的,代码如下 奇怪的是'这是描述'这个span标签并没有和我想得一样移动到最左端, 我查了一下MDN的文档 很简单,相对定位relative为了保持文档的页面布局,并不会使元素脱离文档流 阅读全文

摘要： 简述一下: ^符号表示主版本号不变,次版本号和修订号始终最新 ~符号表示主版本号和次版本号不变.修订号始终最新 主版本号(major):做了不兼容的API修改 次版本号(minor): 向下兼容的功能性新增(新功能增加,但是兼容之前的版本) 修订号(patch):向下兼容的问题修正,没有新功能,修复 阅读全文

摘要： 有这么一个需求,现在要从服务器请求回来一组数据,然后将它渲染到页面上 显然这个需求需要用到vuex和vue组件 那么实现的思路就应该是这样的 先在vuex的action中请求数据,代码大概是这样的 actions: { async getHomeBaseData({ commit }) { cons 阅读全文

摘要： 规则优先级 默认绑定优先级最低 显示绑定优先级高于隐式绑定 var obj = { name:"obj", foo: function() { console.log(this) } } ​ obj.foo() //obj ​ //call/apply优先级高于隐式绑定 obj.foo.call(" 阅读全文

摘要： 默认绑定 先看一段代码 function foo1() { console.log(this) } function foo2() { console.log(this) foo1() } function foo3() { console.log(this) foo2() } foo3() 这段代 阅读全文

摘要： 现在有四个组件,如图所示,调用的结构如图所示 为方便使用,在组件二中封装的是一些公共插槽传递到组件三中进行解析, 但是不可能所有的页面内容全部相同,所以不能将只在某个页面中使用的插槽放到组件2中, 应该由组件一中的配置文件来决定,通过跨组件插槽来解决这个问题 下面是代码 组件1: <template 阅读全文

摘要： 当我们希望在vue组件中使用useStore,并想为它指定类型来保证它更安全时,会出现一些问题, 举个栗子: 这是一个模块化的store,当我们希望使用子模块的类型时, 而在index.ts下同样拿不到子模块的类型, 解决方案: 新建一个接口,包含子模块的类型, 再定义一个接口来结合index.ts 阅读全文

摘要： 首先来看图 调用了一个函数,函数名后面跟了一个泛型,看样子是做了类型约束,但明显不是约束形参, 思索了一半天,这样来解释就清楚很多了: 定义function的时候函数名后面的泛型是约束形参的,那调用这个函数的时候在这个函数名后面写个泛型就是用来约束返回值的 并且这个泛型还可以做嵌套(用嵌套来形容有点 阅读全文