08 2023 档案
摘要：- 如果使用了eslint, 但是代码中存在定义但没有被使用的变量, 就会报`no-unused-vars`错误 
阅读全文
摘要：- 情景再现: 今天在写页面时遇到这么一个请求: 有一张图片, 默认隐藏, 要求在该图片加载完毕后, 执行取消隐藏的动画. 目的是不要在执行动画期间图片有空白的样子. 第一个想到的当然是img的onload回调函数. 但是天生反骨不爱用行内元素. 于是想到使用ajax请求图片资源, 再使用FileR
阅读全文
摘要：- 现实情景: 在对博客园的样式进行修改时, 需要对博客园的中某些DOM的绑定事件进行手动触发 ### 主动触发原生事件, 以click为例 ```vue const oBtn2 = document.querySelector('#btn2') oBtn2.addEventListener('cl
阅读全文
摘要：- 写下这篇blog的原因是, 在今天的工作中因为疏忽, 忘记切换到dev分支, 直接就在master分支上大刀阔斧地干了起来, 然后切换文件的时候发现昨天写的代码不见了, 才突兀地发觉分支没有切换. 发现问题如下: 如果想要切换到dev分支继续开发, 这需要同步master与dev分支的代码 -
阅读全文
摘要：## 中文输入法情况下, 输入框v-model绑定值中没有输入值但却触发input事件的问题 - 今天写的一个搜索框, 要求输入字符时不作处理, 直到用户点击搜索按钮时才执行搜索逻辑; 当用户将搜索框文本删除至空字符串时, 执行一次无搜索值的搜索逻辑, 用于将表格数据恢复至无筛选; 在这个功能上我想
阅读全文
摘要：- 情景再现: 我本地代码正在开发后台系统的过程中, 前台开发的同事时不时地会来找我要IP地址, 使用正在开发的后台管理系统来进行一些数据的增删改查. 这个时候直接提供正在开发的版本的开发服务器地址是不行的, 因为随着代码的编写时不时的报个bug是家常便饭, 对于使用者来说非常糟糕, 因此想到的解决
阅读全文
摘要：- 情景再现: 今天在写页面时遇到这么一个请求: 有一张图片, 默认隐藏, 要求在该图片加载完毕后, 执行取消隐藏的动画. 目的是不要在执行动画期间图片有空白的样子. 第一个想到的当然是img的onload回调函数. 但是天生反骨不爱用行内元素. 于是想到使用ajax请求图片资源, 再使用FileR
阅读全文
摘要：- 现实情景: 在对博客园的样式进行修改时, 发现需要对博客园本身的html结构进行更改, 而其中一些html结构被绑定了事件处理程序. 一些元素在修改时虽然被隐藏但是也需要通过其他方式来达到触发它原本绑定的事件处理程序的目的, 因此需要对这些DOM的绑定事件进行手动触发 ### 主动触发原生事件,
阅读全文
摘要：## webpack5_使用webpack编译scss文件为css文件并实现css文件的兼容性和压缩处理 - 现实问题: 为了编写博客园的博客样式, 我写了一个scss文件, 但是因为博客园的样式编辑里只接受css样式, 所以乘此机会顺便复习一下webpack5实现对scss(sass)文件的处理
阅读全文
摘要：- 今天写的一个搜索框, 要求输入字符时不作处理, 直到用户点击搜索按钮时才执行搜索逻辑; 当用户将搜索框文本删除至空字符串时, 执行一次无搜索值的搜索逻辑, 用于将表格数据恢复至无筛选; 在这个功能上我想当然地使用了input事件用于触发输入事件, 但是被测试出bug: 当输入法是中文时, 在选字
阅读全文