qq_42765776的博客

原创 vite-plugin-seo-prerende路由单独打包成静态

vite-plugin-seo-prerende路由单独打包成静态

原创 关于typescript中父子类型的疑问

阮一峰老师教程中说readonly number[]是父类型，但是普通数组我觉得是包含只读数组的，所以普通数组才应该是父，而这里为什么不能把只读赋值给普通数组，我觉得这个情况是例外。

原创 清除edge浏览器密码类型的input后面自带的眼睛图标

即可，我用的是uniapp，加在app.vue就行了，加在index.html不行。本来我用的是uview，以为是uview的问题，没想到是edge浏览器自带的样式。

原创 本地uniapp项目复制到克隆下来的仓库在hbuilder不能运行

原创 three.js实现3D全景(vue2)

都是把图贴到物体上，再把图片翻转，把相机移到物体中间即可。可以用两种方法：立方体（6张图）和球体（全景图）调用方法（有部分数据要存在data里）

原创 简单的websocket心跳包检测

之前有个调用脚本计算的需求，因为数据量太大了，所以后台脚本可能几分钟都返回不了进度，而websocket默认5分钟就断开了，这就需要心跳包检测。定时给后端返回信息，保持长连接。

原创 elementUI表格动态渲染列太多，数据懒加载时页面会闪烁

因为表格中的行td中还有一个div，会被重新计算高度（好像是因为这样才能保证数据正确），被重新渲染，所以只要定义了高就行了。如果直接渲染会导致页面卡顿。

原创 点击按钮路径上会自动拼接?=file，点击之后页面会刷新（路由跳转）

因为在使用elementUI的上传组件时，里面的button会自动上传。解决方法:给button加个类型type = "button"

原创 后端返回文档流（excel）渲染到页面

先下载：npm install xlsx --save。后端返回的不是对象，而是一个文档流。需要用把表格转换成数组渲染到页面。引入后使用，转换成json格式。根本就是拿到这个数组数据。用到js-xlsx插件。

原创 elementUI日期选择器只选月份或者年份

elementUI日期选择器只选月份或者年份，解决样式穿透无效问题

原创 微信小程序项目优化（初学者）

一开始学习的时候，在最后发布的时候居然微信小程序还有各种限制，什么主包大小，依赖js文件，还有静态资源什么的。在之前学的时候，也不注意这些，但是微信小程序，主打的产品就是免安装，一下子就能打开，所以对代码质量有要求，这方面也是作为一个程序员很重要的点。写了uni-app与原生云音乐项目之后，我有一点解决这些办法的小心得。

原创 原生微信小程序云音乐项目总结

功能概述：实现了基本云音乐APP的功能。这个项目我加入了很多我自己的想法，实现方法也是不同的。首页，视频页，个人中心，每日推荐，歌曲详情，搜索页，登录页等。是基与真实的网易云音乐的API实现的原生小程序项目

原创 云音乐项目，切歌方式（顺序，随机，单曲），歌曲结束后控制下一首歌是哪一首

c首先要改变字体图标的样式，先定义一个变量做为标识切歌方式（0：顺序，1：随机，2单曲）和对应class名，点击了图标，则改为切歌方式的标识，再根据标识改对应的class名。之后在wx自带的监听音乐播放结束的函数中，判断是什么状态，再给另一个页面使用订阅与分布，告诉要返回的歌曲id是哪一个，（因为是在另一个页面中发过请求，为了减少请求次数）但是这个项目是通过订阅与发布来做的，我觉得还有完善的空间。上一首与下一首也差不多。

原创 关于微信小程序中视频列表的优化性能（微信小程序中video不支持webp）

因为微信小程序中的video不支持webp格式，只有Image支持，但是云音乐小程序的接口返回的视频列表数据中只有webp图片格式，却有视频的vid。为了性能优化，用image来先代替video来优化，然后点击了图片，再使视频显示出来，并且自动播放（不自动播放的话点了图片之后还要再点一下视频才能播放）

原创 [webpack-cli] Invalid configuration object. Webpack has been initialized using a configuration objec

[webpack-cli] Invalid configuration object. Webpack has been initialized using a configuration objec

原创 uniapp黑马项目总结

在做完了两个vue项目之后，我开始了小程序的学习，由于开学等因素影响进度一直都是断断续续的。最终在开学一周多的时间结束了uniapp项目的练习。于是我选择了黑马商场做为微信小程序uniapp的练手。uniapp是一个基于vue.js开发的一个前端框架，可以发布各个平台，本项目是开发一个微信小程序，使用HbuilderX中uniapp的内置的uni.ui模块。使用了sass，练习了对微信小程序开发的一套相对完整的流程，还有用git提交代码到gitee。

原创 尚品汇前台项目总结

自学前端，尚品汇前台项目