随笔分类 - 工作笔记
摘要：最近苹果退出了新款 Mac，用了3年15款Pro之后，终于盼到18款的降价，于是含泪更新换代 但是每次换电脑，重装环境的好多东西记不清，于是记个笔记 一、终端 安装 zsh sh -c "$(curl -fsSL https://raw.githubusercontent.com/robbyruss
阅读全文
摘要：// 为什么叫《大事记》？ // 以前总有面试官问这样一个问题：“你在项目中遇到过最头疼的问题是什么，是怎么解决的？” // 当时总觉得，已解决的问题都算不上头疼，所以回答总是不尽人意。 // 最近遇到微信端的这个问题，非常让人头疼，正好有小伙伴和我聊到面试经验，灵机一动，《大事记》由此而生 问题描
阅读全文
摘要：问题描述： 实现头像的堆叠效果 从第二个头像开始，每个头像都会盖住前一个头像上，遮盖的宽度为 30px 实现叠加的方式有很多，比如给每个头像添加 translateX 属性，或者使用负值 margin 主要问题在于距离。第一个的头像的距离为 0，第二个为 30，第三个为 60，第四个为 90...
阅读全文
摘要：问题描述： 最近遇到一个需求，需要在前端根据图片宽高来适配图片显示效果 但是如何仅通过一个 url 获取到图片的宽高呢。。。 解决方案： 手动创建一个 image 对象，然后在该对象的 onload 事件中获取
阅读全文
摘要：问题描述： 在 iOS 系统中，用微信打开了 A 页面的链接，然后由 A 页面进入 B 页面 在 B 页面打开微信右上角菜单，使用“复制链接”功能 最后粘贴出来的链接是 A 页面的链接 分析原因： 这个问题在微信 6.2 时代就已存在，GitHub 上有很多人到 weui 的主页提 issue ht
阅读全文
摘要：问题描述： 函数的结构如上图所示，在调用该函数的时候，浏览器报错： 分析原因： 在 js 的语法中，如果语句独占一行，通常可以省略句末的分号 但实际上 js 解析代码的时候，只有在句末缺少分号就无法正常运行的时候，才会自动填补分号 如果前后的语句能够组成一个语法正确的语句，则不会自动填补分号 上面的
阅读全文
摘要：问题描述： Vue 项目中，表单的提交按钮默认为禁用状态，当所有字段都填写之后，启用提交按钮 部分表单可以允许某些字段为空 分析原因： 可以通过 for-in 语句校验 formdata，然后用 v-bind 给 disabled 属性绑定校验函数 这个校验函数可以绑定在 Vue 的原型链上，这样能
阅读全文
摘要：前段时间有朋友私信我 Vue + TypeScript 的问题，然后就打算写一篇 Vue + TypeScript 封装组件的文章 正好公司项目中需要封装一个表头查询组件，就拿出来分享一下~ 组件的整体思路是通过一个 config 数组生成列表的头部表单： PS：配合《Vue 爬坑之路（九）—— 用
阅读全文
摘要：项目中原本使用的富文本编辑器是 wangEditor，这是一个很轻量、简洁编辑器 但是公司的业务升级，想要一个功能更全面的编辑器，我找了好久，目前常见的编辑器有这些： UEditor：百度前端的开源项目，功能强大，基于 jQuery，但已经没有再维护，而且限定了后端代码，修改起来比较费劲 boots
阅读全文
摘要：Element-UI 的 Table 组件很强大，但是我们的需求更强大... 简单粗暴的来一发效果图： 一、数据驱动 传统的拖动效果，都是基于通过 mousedown、mousemove、mouseup 事件来修改删减 dom 节点 但 Vue 是一个数据驱动的前端框架，开发时应尽量避免操作 dom
阅读全文
摘要：问题描述： 在 Vue-cli 创建的项目中，使用了 ESLint 规范代码的项目中 如何针对单个 js 文件禁用 ESLint 语法校验，但整个项目依然保留 ESLint 的校验规则？ 解决方案： 在代码顶部添加一行注释 /* eslint-disable */ ESLint 在校验的时候就会跳过
阅读全文
摘要：问题描述： 在子组件中使用 $emit 创建自定义事件 SaveStaff，但是在父组件中无法触发 分析原因： Vue 的官方文档对自定义事件的事件名有做说明： 不同于组件和 prop，事件名不存在任何自动化的大小写转换。而是触发的事件名需要完全匹配监听这个事件所用的名称。 如果触发一个 camel
阅读全文
摘要：问题描述： 使用 axios 请求数据的时候，已经请求成功，返回的参数也正确。但打印出来的时候就变成了空对象。 分析原因： 返回的参数都是正确的，只是打印的时候有问题，所以是打印的代码有误 查了一下 axios 的官方文档，才知道 console.log 的变量与字符串之间不能用 '+' 连接，应该
阅读全文
摘要：感谢 BeArchitect 的技术支持 问题描述： 使用 Vue-cli 创建的项目，开发地址是 localhost:8023，需要访问 localhost:9000 上的接口 分析原因： 不同域名之间的访问，需要跨域才能正确请求。跨域的方法很多，通常都需要后台配置 不过 Vue-cli 创建的项
阅读全文
摘要：问题描述： 使用 Vue-cli 创建的项目，当文件移动到其他目录后，无法正常启动，报错信息如下： 分析原因： npm 项目，在安装依赖（node_modules）的时候，会记录当前的文件路径。当路径更改，就无法正常启动。 解决方案： 文件移动之后，删除 node_modules 文件夹，然后执行
阅读全文
浙公网安备 33010602011771号