摘要：
背景 19年新建的vue项目，使用的是webpack3，随着项目的积累，组件的增多导致本地构建，线上打包等操作速度极慢，非常影响开发效率和部署效率，基于此问题，本次对webpack及相关插件进行了优化和升级。本博文分为2篇，第 1 篇 会直接附上可运行的代码（去除了一些业务代码配置），直接粘贴复制即 阅读全文
摘要：
Possible Errors 可能的错误或逻辑错误 no-cond-assign 禁止条件表达式中出现模棱两可的赋值操作符 no-console 禁用console no-constant-condition 禁止在条件中使用常量表达式 no-debugger 禁用 debugger no-dup 阅读全文
摘要：
业务场景 1、使用了CKEDITOR编辑器 2、文本是使用contenteditable="true"的div容器 3、点击文本时才初始化编辑器 4、问题：编辑器初始化后光标会重置到开始处，如何将光标重置到点击处 解决方案 1、在点击文本的时候，在点击文本的时候，获取range信息和 endCont 阅读全文
摘要：
问题描述 在图片上画框标注数字，旋转画布后，数字随之旋转，可读性不强，要求修改成无论画布怎么旋转，数字都是正向显示~ 原交互图示： 解决方案 先看下 dom 的结构 然后看下下面简单的代码 // 获取画框的 let rectNode = SVG.get(id) ? SVG.get(id) : nul 阅读全文
摘要：
最近在做到的业务场景中涉及到选中文本的操作较多，现在将一些常规用法和场景记录下。 1. 作用及获取 Selection 对象主要表示用户选择的文本范围或者插入符号的当前位置，代表页面的文本选区，可能跟横跨多个元素。获取方法如下： this.selectOperate = window.getSele 阅读全文
摘要：
最近有个业务需求：校对图片文本信息，如下图所示，当鼠标点击文本中某一行的时候，文本上会显示对应行图片同时左侧会显示对应位置的画框。 clip-path 今天要说的主题是：如何剪切原图中的部分图片？（前提是后端已经传给了我们对应行在图片上的位置）面对这种需求有多种解决方案，可以用canvas的draw 阅读全文
摘要：
当对框进行选中操作的时候，我们经常使用的是对边框换个颜色高亮显示。但是当框很多的时候，换个颜色还是不够显眼，那么这时候就该进行些sao操作了~ 上面的效果就是我们经常说到的“蚂蚁行军”效果，废话不多说，直接上可执行代码 CSS3实现 这个方法来自《CSS揭秘》 <div class="active" 阅读全文
摘要：
问题 使用vscode编辑vue文件的时候，会使用vetur。它默认的配置的换行机制尤其是js的换行比如下图，让人感觉有点不舒服 解决方案 选择 文件->首选项->设置 或者直接打开 setting.json, 进行下面的配置即可 "vetur.format.defaultFormatter.htm 阅读全文
摘要：
vue项目在本地构建后，每次热更新都会卡在 "75 advanced module optimization" 的地方不动了。很影响开发效率有木有，网上一搜给的方案(babel-plugin-dynamic-import-node)试了下各种报错，要么说版本问题，要么说引入文件的方式不对，要么说we 阅读全文
摘要：
本文主要记录 canvas 在图像、文字处理、离屏技术和放大镜特效的实现过程中使用到的API。先看下效果吧： 一张模糊的图片： 鼠标点击任意位置，产生放大效果： 哇塞~ 一个帅哥，哈哈哈哈~ 1、放大镜原理 实现效果：如上图，点击或点击滑动鼠标显示一个区域，区域中显示对应点击部分范围的放大清晰图片。 阅读全文