MeQingJe

1. BFC的含义 2. 触发BFC的方式： 3. 实际例子（两端固定，中间自适应） 以浮动为例： 可以看到图中.center的宽度被两个浮动的元素压在了下面，若是想实现两...

1. 效果图展示 2. 封装代码 3. 参数说明 注意点：该组件的核心依旧使用了@vueuse/core插件的useMouseInElement方法， elementX，e...

商品SKU组合的创建与查询，是电商业务最经典的开发场景之一，也是整个电商系统最基础的功能。如果缺少了它，那么在电商系统里也许连如何准确的描述一件商品都将变得困难，商品的库存...

1.SKU的基本了解 在点击某个商品之后会有与之相对应的产品型号，详细到是：什么颜色，什么尺寸，产地是什么，最后得到的组合就是SKU 下面这张图片： 锅，黑色的，国产的，2...

1. 组件效果展示 2. 结构及功能代码 3. 参数说明 4. 组件的使用 因为需要操作dom元素在页面中动态添加移除，将具体操作移至单独的js文件中 具体内容如下： 使用...

1. 查看应用效果图 2. 使用步骤 2.1 下载插件 npm i vee-validate 2.2 引入注册使用 3. 所需要注意的 这里的校验信息是封装在其他文件中的 ...

1. 预览城市组件 2. 组件基础结构代码 3. 实现功能代码： 4 注意点 4.1 需要传递的值 从父组件传进来的值，是为了要默认显示在页面中的 4.2 在组件外部点击隐...

1. 回调地狱的出现形式 举个栗子： 输出结果：先2s拿到油条，再1s拿到豆浆 2. 回调地狱现象 3. promise对象 promise的详细用法请看===> js中的...

1.预览分页组件效果图 2. 分析需求 常用 需求： 页码的按钮数量默认给予5个，也可以按照需求，进行传入修改 3. 基础实现翻页交互效果代码： 4. 接下来是基础功能实现...

使用场景：接口返回一个数组，展示时每行固定显示n个，则可将返回的数组转成二维数组[[...n], [...n]...]的形式循环展示 1. 一维数组转二维数组 输出： 将其...

首先 symbol 是以函数形式存在的，调用这个函数可以拿到这个symbol值 都会输出：==> 再打印一下他是什么类型的： 它本身是个symbol类型 也可以用字符串来对...

问题：当几个页面渲染在同一个路由下，依靠id来改变页面时，页面地址改变了但是页面并没有变（视图没有更新） 问题解析： 虽然地址改变了，但是页面只会创建一次，不会再次去发送请...

定义自定义指令 在main.js中定义自定义指令 2. 使用自定义指令 3. 输出自定义指令钩子函数的两个参数 4. 将代码封装到directives/index.js 在...

1. 借用插件 @vueuse/core 2. 引用插件 3.使用 4. 对数据懒加载进行封装 这里将此文件放入compositions/index.js中 5. 使用封装...

面板骨架组件的作用：在页面加载数据之前显示骨架样式 以上代码显示效果如下图： 可以传递的值有：宽高背景颜色，可以根据需求再决定别的传递参数 使用时，引入这个组件，通过父传子...

按照需求对应的封装轮播图组件 需求暂定为：宽高，背景颜色，是否自动轮播，轮播时间间隔 封装组件： 之后将组件定义传值即可使用，可以全局，也可局部定义，将这里将其定义到全局 ...

vue2全局组件的定义 main.js中： vue3全局组件的定义 在main.js中： import...

简单来说js的执行顺序为以下： 此时计时器需要注意 任务在执行时会先执行运行栈中的代码，之后再执行任务队列中的代码如图： 当计时器有了延时，它不会立刻放入任务队列中，而是在...

call方法 （1）可以改变this指向 毫无疑问this肯定指向window，输出查看 接下来调用call方法 可以看到此时this指向了div元素 ==> call可以...