2024-03-21首先获取file对象，然后创建一个FileReader对象。监听FileReader对象的load事件，在load事件被触发时，我们就可以通过reader.result获取到Base64字符串。最后调用readAsDataURL方法将文件读取成data URL。_img base64

https://www.qianduange.cn//article/4005.html 分类：前端知识

2024-03-21这个错误提示的意思是你在初始化变量 'router' 之前就试图访问它。在JavaScript中，变量的声明提升(hoisting)允许你在声明之前使用变量，但只有声明会被提升，赋值仍然在原地执行。所以，如果你在初始化 'router' 之前就试图访问它，你将会得到一个错误，因为此时 'router' 还没有被赋值。你可以通过将 'router' 的声明和初始化移到你的代码的顶部来解决这个问题。如果这还不能解决你的问题，那么你可能需要检查你的代码以确定是否在 'router' 初始化之前就尝试使用了它。_cannot access 'router' before initialization

https://www.qianduange.cn//article/4002.html 分类：前端知识

2024-03-20仔细分析下这个按钮的元素可以发现除了星星，全都是圆形，云也是很多个圆组成的。那就直接用圆形去排版就好了，全部用absolute定位，调整好位置。然后星星最简单的实现方法就是用svg，path > d里面用c可以实现三次贝塞尔画路径，这样星星形状也解决了。最后布局定好之后就是动效，css>transition可以搞定所有动效。在这个基础上可以再优化，比如回弹效果，只要把ease-in-out改成自定义贝塞尔曲线就行。例如改成：transition: all 0.6s cubic-bezier(0.39,_原生代码

https://www.qianduange.cn//article/3996.html 分类：前端知识

2024-03-20100个H5游戏专栏? 目前已有100 小游戏，源码在持续更新中，前100位订阅限时优惠，先到先得。? 订阅专栏后可阅读100个HTML小游戏文章；还可私聊进前端/游戏制作学习交流群；领取一百个小游戏源码。在线演示地址：摸鱼小游戏 | 密室逃生 | 海拥源码也可在文末进行获取。

https://www.qianduange.cn//article/3971.html 分类：前端知识

2024-03-20【新手】win10安装nodejs V16.9.0详细教程

https://www.qianduange.cn//article/3939.html 分类：前端知识

2024-03-18【华为OD机试】污染水域 （图的多源BFS—Java&Python&C &JS实现）输入一行字符串，字符串可转换为N*N的数组，数组可认为是一个水域，判断多少天后，水域被全部污染。数组中只有0和1，0表示纯净，1表示污染，每天只可污染上下左右的水域，如果开始全部被污染，或永远无法污染，则返回-1。输入描述输入一行字符串，字符串可转换为N*N的数组。输出描述判断多少天后，水域被全部污染。如果开始全部被污染，或永远无法污染，则返回-1。

https://www.qianduange.cn//article/3918.html 分类：前端知识

2024-03-17有个需求要让不同分辨率都适配到1080P的效果，以15.6寸1080P笔记本为例，页面缩放默认一般是125%，要显示真正的1080P一般是调整浏览器缩放80%（Edge），也有部分浏览器默认时125%则缩放到100%。那么能不能通过CSS实现？我看到主流的处理方法是：确实可以达到效果，但是当使用Echart、Element部分组件时，会出现鼠标定位偏移问题，我就不列举了，因为能查到这里一般是遇到了问题的。那么有没有平替方案呢？当然有：我们通过scale实现的效果和zoom几乎一模一样，同时避免了_js zoom

https://www.qianduange.cn//article/3907.html 分类：前端知识

2024-03-17uniapp项目安装pinia2.1版本后，编译项目报错"hasInjectionContext" is not exported by "node_modules/vue-demi/lib/index.mjs", imported by "node_modules/pinia/dist/pinia.mjs".将pinia的版本改成2.0.36，重新编译，就不报错了。_hasinjectioncontext" is not exported by "node_modules/vue-demi/lib/index.mj

https://www.qianduange.cn//article/3904.html 分类：前端知识

2024-03-17宿舍管理系统的主要使用者分为管理员、宿管员和学生，实现功能包括管理员：首页、用户管理（管理员、学生用户、宿管用户）更多管理（公告信息、水电费用、充值记录、维修上报、留宿申请、离校申请、宿舍信息、违规记录、访客登记）等功能；宿管员：公告信息、宿舍信息、违规记录、访客登记等功能；学生：首页、公告信息、水电费用、充值记录、维修上报、留宿申请、离校申请等功能。由于本网站的功能模块设计比较全面，所以使得整个宿舍管理系统信息管理的过程得以实现。_基于springboot的宿舍管理系统文献

https://www.qianduange.cn//article/3878.html 分类：前端知识

2024-03-17初到公司发现电脑上面已经安装nodejs，但是版本是最新版本。但是问题来了，好像是不太支持vue3，所以查了一些资料，具体的也不是很清楚，反正就是nodejs的版本不能太高最好保持在16以下。好吧，那就重新卸载再来安装nodejs吧。_nodejs卸载

https://www.qianduange.cn//article/3863.html 分类：前端知识