随笔分类 - JavaScript
摘要：碰到一个贼无语的问题，有一个项目，需要使用虚拟键盘，找到了一个自称能在 vue 3 使用的，还能导入词库，看起来挺好，装完一用。好家伙，报错一环接一环，给我整无语了。但是市面上已经没有另外一款带中文的虚拟键盘了，只能捏鼻子下载下来自己改了。 整了半天，终于让组件能在 vue 3 + TS 下跑了，一
阅读全文
摘要：今天碰到个需求，需要在微信公众号网页中扫码。虽然微信提供了扫码的功能，但是根据我之前的开发经验，调试起来极其麻烦，所以这次就想直接打开摄像头。 那么，根据 MDN 上的描述来看，就需要开启 HTTPS，简单的将 vue.config.js 的 devServer 的 https 属性设为 true
阅读全文
摘要：最近碰到一个需求，就是在头像下方可以点击更换头像，同时，点击头像也可以更换头像。因为项目用的是 uni-app ，所以说到上传头像，就想到了 uni-file-picker，但是我翻完了 uni-file-picker 的文档内容，发现没有可以唤醒的方法，但是这个需求很合理，所以只能硬着头皮下了组件
阅读全文
摘要：首先列出碰到的问题和答案好了好了： 1、如何在 vue 中加载 worker.js 文件： 使用 worker-loader，并在 vue.config.js 文件中做出相应配置，具体规则参考正文 2、如何在 worker.js 中使用 import： 如果使用 vue，那第一个问题就顺带解决了这个
阅读全文
摘要：太坑了家人扪，谁能想到，在 H5 正常运行的父子组件 props 传值，会在小程序出现问题啊！ 这周，咱上头让俺把原本基于 H5 开发的网站，改成小程序，还好这也不是第一次了，咱经验丰富，项目开始就用 uni-app 开发。 在修改了一些 H5 和小程序的差异后，进到了一个只有树状结构的页面里，对没
阅读全文
摘要：今天在美化前同事写的屎界面的过程中，发现只要一进到特定的页面，网站底部就会出现一小段空白，使用控制台从外到内翻了一遍，也没找到这段空白从哪来。最后发现，只要进到使用百度地图的页面，网站底部就会出现空白，再仔细一看，进入使用百度地图的页面后，body 标签内就会生成一个 iframe 子标签，把这个标
阅读全文
摘要：前段时间在写公司项目时，用到了一个 chrome 89 版本以后才支持的特性，这个项目需要用 electron，查了下 electron 各版本支持的 chrome 版本，便决定将目前在使用的 electron v10 升级到 electron v12，升级后简单测试一下，发现没问题便没再管了。 直
阅读全文
摘要：太长不看版：设置 tooltip 的 position 属性。 最近有项目需要大屏展示，所以学了一波 echarts ，在使用过程中，碰到一个需求，就是在离线地图 + 散点图，散点图还需要支持 tooltip。在编写代码过程中，我发现依靠配置只能全局设置 tooltip，无法只在散点图配置中设置 t
阅读全文
摘要：最近公司的项目中，需要有下载 excel 模板的功能，这个模板需要在输入时进行有效性判断。我当时听到需求时浑身一震，心想：这都是啥玩意啊 excel 输入限制是啥啊？？？在询问一番该功能的必要性之后，便开始了查看文档之旅。 一开始，我先在npm上搜索热门的 excel in js 模块，发现了xls
阅读全文
摘要：今天终于想要研究一下多个 Promise 对象的执行顺序问题了，在研究完后记录一下。 我想研究的是以下问题： 1、多个 Promise 对象及其then函数的执行顺序，这里不研究处于不同状态的 Promise 对象的执行顺序 2、在 Promise 中的定时器延时问题（这个问题其实在 MDN 和阮一
阅读全文
摘要：昨天在 MDN 复习关于对象的知识，最后有个做吃球小游戏的练习，翻了翻以前做的这个练习的文件内容，复习了一波。在代码的最后，我发现了一个完全不知道的方法：requestAnimationFrame。 在 MDN 找到相关页面，是这么介绍的：使用该方法需要传入一个回调函数作为擦书，在使用该方法后，浏览
阅读全文
摘要：今天在测试前两天做的全屏展示图片功能的时候，突然发现，当我进入全屏展示图片时，双指放大图片之后取消全屏展示之后，整个页面都会放大。这一点都不用户友好！所以我去搜了搜浏览器原生双指放大相关的资料，在浏览不少网页后，终于有了思路（来源：谷歌快照-简书）。 在讨论解决方案前，先说明一下 name 为 vi
阅读全文
摘要：今天在写图片上传功能时，想要在前端检测用户选中的文件是否为图片的功能，首先当然是在 input 里面设置 accept="image/*" 啦，但是这样也不能保证上传的一定是图片，因为用户可以在选择文件框中修改展示的文件后缀，令其可以选中所有类型的文件。于是，便需要在 js 中进行判断。 我先去谷歌
阅读全文
摘要：最近一个月投了好几个简历，只有一家过了初筛，拿到了面试机会，年末找实习好难啊。 今天赶高铁过去面试，到了目标城市准备恰个中饭，顺便查了下高德，看看可以有多少时间恰午饭。一算时间，只有半个小时给我了，吓得我光速点完中饭，胃口也跌了点，吃的还剩1/5就吃不下了。赶去的路上还因为着急，走错了路，我真是一个
阅读全文
摘要：前段时间在做项目的裁剪并上传图像功能的时候，发现裁剪后展示的图像比较模糊，之后去百度上搜索了一下，看到有一个解决方案是设置canvas的宽高为css宽高的3倍，使用后感觉效果很好，当时就没管原理接着做功能去了。 在昨天，我想试试做一个鼠标划入图片，图片已鼠标为中心，部分区域放大的demo（类似淘宝商
阅读全文
摘要：今天在做我的模仿微博项目时，我想实现点击router-link后，跳转到微博正文页面，并渲染其嵌套视图-评论组件。但是在实际实现时，我发现页面可以正常跳转，但是在页面加载后，并不渲染该页面的嵌套视图，但是在点击该嵌套视图所对应的嵌套路由后，该嵌套视图会进行渲染。并且，我的另一个页面的嵌套视图可以正确
阅读全文
摘要：最近参加了一场面试，感觉自己题目都懂，但是说起来就是有点说不明白，所以写个博客整理以下吧。答案不少不是面试时回答的答案，只是整理一下可行答案 1、 如图1，使B相对于A垂直居中 图1 此题答的时候没听清问题，以为是垂直水平排布呢，直接答了各内边距都是10，及一个定位+移动 2、 如图1，使B相对于A
阅读全文
摘要：今天写js时，碰到了一个模块循环加载的错误，下面时例子： 运行testa.mjs后结果为： testa is not defined at .../testb.mjs:3:13 翻了翻ES6入门中关于循环加载的部分，猜测JavaScript运行时，碰到import是直接进入引入的模块，运行一遍后再返
阅读全文
摘要：昨天写最近在做的web应用时，在web页面的js文件中使用了模块功能，这样在html文件中只需要导入一个js就好了😋 做完测试时发现，模块导入时向服务器发送申请时，没有后缀名！ 但是如果加了后缀名的话，eslint就会提示代码不规范。。 这些是废话 谷歌了一下，发现完全看不懂大家在说什么啊！什么m
阅读全文
摘要：今天在编写登录模块时，碰到一个隐蔽的坑，故记录一番 在使用Node.js的mysql模块的query方法时，查询语句使用了 `select password from login where name=${name}` 注：name为传入的一个字符串 而非传统的 'select password f
阅读全文
浙公网安备 33010602011771号