02 2021 档案
摘要：用一个简单封装的Swiper例子，发现初始化有时会失效。研究后发现v-for循环生成的组件，其挂载顺序是和父组件不同的。 组件结构 Detail DetailSwiper Swiper v-for生成的swiper-item 渲染顺序 子组件mounted 父组件mounted v-for生成的孙子
阅读全文
摘要：移动端click点击事件300ms延迟介绍 在正常情况下，如果不进行特殊处理，移动端在触发点击事件时，会有300ms的延迟。换句话说，当我们在点击移动端页面后不会立即做出反应，而是会等待300ms才会触发click事件。在移动web兴起初期，用户对300ms的延迟没有太大的感觉，但随着用户对交互体验
阅读全文
摘要：1. 取消对某项目的fork 进入自己fork的项目页面，点击settings-拉到页面最下方 在Danger Zone选择delete this repository即可。需要输入repo的名字才能确认删除。 2. git rm -r --cached ：在.gitignore中忽略已提交的文件时
阅读全文
摘要：解决方案 1.前提："vetur.format.defaultFormatter.html": "js-beautify-html", 2.修改"wrap_attributes"为 "aligned-multiple" "vetur.format.defaultFormatter.html": "j
阅读全文
摘要：--新增：该解法在单页面时可用，但 当页面中内容有图像等时，直接在数据设置前调用refresh，此时图像等元素还未渲染成功，refresh不能正确计算scrollerHeight。 当页面内容有切换时，数据是在最早就一起设置了，但页面切换时才开始第一次渲染元素，这时refresh未被调用，当前的滚动
阅读全文
摘要：伪元素的content支持直接设置图片，但此时伪元素的width和height无法控制图片大小。 .item::before { content: url(~assets/img.png); display: block; display:block; width: 14px; height: 14
阅读全文
摘要：写伪元素的时候，发现有的时候是:after，有的时候是::after。这两者有什么区别呢？？ 1. 单冒号和双冒号的区别 CSS3之后才有双冒号::，表示伪元素 用于对伪类（Pseudo-class）和伪元素（Pseudo-element）进行区分。 即伪类只能用单冒号。 伪元素在CSS3中，推荐使
阅读全文
摘要：单行文本 .info { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 多行文本 .info{ display:-webkit-box; /*将对象作为弹性伸缩盒子模型*/ -webkit-box-orient:
阅读全文
摘要：网络模块及其封装 1. 网络模块的选择 传统Ajax，XMLHttpRequest(XHR) 配置和调用方式等非常混乱. 编码起来看起来就非常xxx 所以真实开发中很少直接使用, 而是使用jQuery-Ajax JQuery-Ajax 相对于传统ajax很好用 为什么不用 在Vue的整个开发中不需要
阅读全文
摘要：EditorConfig简介 “EditorConfig帮助开发人员在不同的编辑器和IDE之间定义和维护一致的编码样式。 EditorConfig项目由用于定义编码样式的文件格式和一组文本编辑器插件组成，这些插件使编辑器能够读取文件格式并遵循定义的样式。 EditorConfig文件易于阅读，并且与
阅读全文
摘要：介绍： 官方简介：一种现代的HTML5替代CSS重置方法。Normalize.css使浏览器更一致地渲染所有元素，并符合现代标准。它只针对需要规范化的样式。 Normalize.css 只是一个很小的CSS文件，但它在默认的HTML元素样式上提供了跨浏览器的高度一致性。 相比于传统的CSS rese
阅读全文
摘要：1.新建github仓库 1.1. create a new repository 1.2. 填写仓库相关信息 使用webpack新建项目时，README文件和.gitignore文件都会被创建，因此不选择这两项 2. 将已有项目和既存项目关联 2.1. 方式1：在本地新建目录，将github项目g
阅读全文
摘要：设置中搜索 mouse wheel zoom,将相应设置勾上即可。
阅读全文
摘要：vetur在编辑vue文件时，ctrl+s一保存，发现eslint好多错，定睛一看，单引号自动成了双引号，还多了好多没用的逗号和分号。。。 保存前 保存后 1. 解决方法1 (最快的解决办法) 把”vetur.format.defaultFormatter.js”: “prettier”,改为 “v
阅读全文
摘要：安装Vue-CLI 1. 全局安装（cli3) npm install -g @vue/cli 2. 为使用cli2，需拉取cli2的模板 npm install -g @vue/cli-init 这样cli2即可使用vue init命令 3. 创建项目 cli2项目 vue init webpac
阅读全文
摘要：webpack的配置分离（webpack-merge） webpack中有些配置是开发时需要的（如devServer），有些是发布时需要的（如uglify），我们可将webpack的配置分为不同文件以适应不同需求。 用到的webpack插件：webpack-merge (提取公共配置，减少重复配置代
阅读全文
摘要：本地服务器搭建 实现页面自动刷新显示修改后的效果。 1. 安装webpack-dev-server npm install --save-dev webpack-dev-server@2.9.3 版本号最好是和webpack的版本对应（这里是vue-cli3使用的版本） 2. 配置webpack.c
阅读全文
摘要：学习webpack的loader时，命令行安装的css-loader无法正常运行，并报错： (node:20500) UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function 原因：应该是webpac
阅读全文
摘要：想换个高端大气上档次的博客园主题。试试这位大佬基于next-theme的博客园主题cnblogs-theme-next。 Github地址：https://github.com/MakerGYT/cnblogs-theme-next ##博客园申请js权限。（管理-设置-申请js权限） 步骤见该文：
阅读全文
摘要：博客园的主题除了预设的那些之外，也可以使用各路大神开源的模板，或者自定义自己想要的板式和插件~ 做到这些需要先【申请js权限】。这里记录下具体步骤。 1. 找到设置页面：【我的博客】-【管理】-【设置】 2. 找到【申请JS权限】，填写内容提交申请 言辞诚恳礼貌即可~ 3. 通过啦 打开刚刚的设置页
阅读全文
