摘要：
准备工作：注册npm账号： npm官网 一定记得验证邮箱，不然发布包时会报错： E403 初始化一个简单的组件项目 新建组件文件Main.vue， 组件入口文件index.js Main.vue <template> <div class="container"> <div>{{ msg }}</d 阅读全文
摘要：
flex结合order实现从左到右的瀑布流 这种方式可以做到先从左到右，再从上到下显示 缺点：需要预先设定flex容器的高度，且调整页面大小时会出现一些间距过大的问题 应对：列表改变时，动态计算flex所需高度 缺陷：整体上的每列数量还是按列平均分布的，并未进行填充。 关键代码 vue //vue代 阅读全文
摘要：
关键： .waterfall { column-count: 4; //列数 column-gap: 0; } .item{ box-sizing: border-box; //避免截断 break-inside:avoid; } 问题：数据会变为上下顺序显示。 阅读全文
摘要：
项目是采用scss进行的样式设定，通过设定css变量名的方式可以实现网站运行时的颜色整体切换。 1. 利用css变量实现scss的变量值修改。 示例： 1.1 css变量设定 :root { --my-color: #999999; } 1.2. scss变量中使用css变量的值$myColor的值 阅读全文
摘要：
1.Win10家庭版找不到gpedit.msc组策略。 Win10家庭版中组策略的开启方法： > 来自[百度经验：Win10家庭版如何启用本地组策略](https://jingyan.baidu.com/article/a378c960e7f7e5b32828303e.html) 1.1 新建cmd 阅读全文
摘要：
设置淘宝镜像 恢复默认镜像地址 删除即可恢复默认镜像 npm config delete registry 1、获取配置镜像地址 npm get registry 2、配置镜像地址 npm config set registry http://registry.npm.taobao.org/ 安装c 阅读全文
摘要：
js文件注释插件 Document This 可以自动给js文件和ts文件添加注释 支持jsDoc和以下标签 @class, @description, @enum, @export, @function, @implements, @interface, @param, @private, @re 阅读全文
摘要：
问题描述 安装的是最新webpack和webpack-cli，版本如下 "dependencies": { "webpack-cli": "^4.5.0", "webpack": "^5.24.4" }, 运行报错：Cannot find module 'webpack-cli/bin/config 阅读全文
摘要：
用一个简单封装的Swiper例子，发现初始化有时会失效。研究后发现v-for循环生成的组件，其挂载顺序是和父组件不同的。 组件结构 Detail DetailSwiper Swiper v-for生成的swiper-item 渲染顺序 子组件mounted 父组件mounted v-for生成的孙子 阅读全文
摘要：
移动端click点击事件300ms延迟介绍 在正常情况下，如果不进行特殊处理，移动端在触发点击事件时，会有300ms的延迟。换句话说，当我们在点击移动端页面后不会立即做出反应，而是会等待300ms才会触发click事件。在移动web兴起初期，用户对300ms的延迟没有太大的感觉，但随着用户对交互体验 阅读全文