<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[webtext的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/webtext</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; webtext]]></copyright><item><title><![CDATA[【关于 vite 使用plugin-legacy兼容低版本浏览器仍出现的问题的情况】]]></title><link>https://blog.youkuaiyun.com/webtext/article/details/145012680</link><guid>https://blog.youkuaiyun.com/webtext/article/details/145012680</guid><author>webtext</author><pubDate>Wed, 08 Jan 2025 16:47:38 +0800</pubDate><description><![CDATA[在开发工作中，项目使用了vite+vue3+ts的方案，但是需要适配低版本浏览器。首先使用了插件，配置完成后发现并不能解决问题，出现‘SyntaxError: Unexpected token .’的报错，如下图。刚开始下意识认为是低版本浏览器不兼容，便使用使用进行降级处理。但是打完包之后，第一次打开页面可以正常运行，但是在页面刷新后，却报错提示‘globalThis is not defined’，所以意识到可能哪里出现了问题。便对浏览器进行了是否支持es6进行检查,发现都可以支持。]]></description><category></category></item><item><title><![CDATA[theme 项目换肤方案]]></title><link>https://blog.youkuaiyun.com/webtext/article/details/131833632</link><guid>https://blog.youkuaiyun.com/webtext/article/details/131833632</guid><author>webtext</author><pubDate>Mon, 24 Jul 2023 17:26:12 +0800</pubDate><description><![CDATA[在element UI官网有更换主题的方式大家可以参考。但是在实践过程中如果想实现动态切换主题，就比较麻烦了。个人总结了两种方式（如果有其他方式，欢迎留言）。]]></description><category></category></item><item><title><![CDATA[【Cesium 安装+Cesium 加载b3dm】]]></title><link>https://blog.youkuaiyun.com/webtext/article/details/131600942</link><guid>https://blog.youkuaiyun.com/webtext/article/details/131600942</guid><author>webtext</author><pubDate>Fri, 07 Jul 2023 17:29:37 +0800</pubDate><description><![CDATA[1、引入ceisum源码包使用；3、安装Vue-cesium插件。我这里只尝试了第一种和第二种。2、安装cesium插件；]]></description><category></category></item><item><title><![CDATA[【mavon-editor】内容回显，二次编辑图片无法展示到图片控制列表]]></title><link>https://blog.youkuaiyun.com/webtext/article/details/130268023</link><guid>https://blog.youkuaiyun.com/webtext/article/details/130268023</guid><author>webtext</author><pubDate>Thu, 20 Apr 2023 16:01:53 +0800</pubDate><description><![CDATA[在做个人博客的时候找了一些富文本编辑器来使用，虽然说有一些bug,但是用起来感觉很舒服，最后还是打算用mavon-editor。遇到比较麻烦的一个问题就是：如果内容中有图片的话，二次回现编辑的时候工具栏里的图片控制列表是无法实时同步的，这样就无法对已有图片进行删除。[在这里插入图片描述](https://img-blog.csdnimg.cn/7c9636bd8f1540a488f36d28648e9682.png。2、解析md格式中的图片名称和图片路径并取出，然后通过方法添加到图片控制列表。]]></description><category></category></item><item><title><![CDATA[nest.js连接mysql数据库]]></title><link>https://blog.youkuaiyun.com/webtext/article/details/129704077</link><guid>https://blog.youkuaiyun.com/webtext/article/details/129704077</guid><author>webtext</author><pubDate>Wed, 22 Mar 2023 10:46:30 +0800</pubDate><description><![CDATA[PrimaryGeneratedColumn() 是 typeorm 模块提供的一个装饰器，用于指定实体类中的主键，并且生成主键的值是由数据库生成的自增长数值。在一个实体类中，通常需要指定一个或多个属性作为主键，以标识实体类的唯一性。在代码中，@PrimaryGeneratedColumn() 装饰器指定了 id 属性为主键，并且生成主键的值是由数据库生成的自增长数值。在 Nest.js 应用中，需要创建实体类来映射数据库中的表。二、创建数据库实体类./user.entity文件。一个是连接一个是注册。]]></description><category></category></item><item><title><![CDATA[blob 转base64；base64转blob]]></title><link>https://blog.youkuaiyun.com/webtext/article/details/129320416</link><guid>https://blog.youkuaiyun.com/webtext/article/details/129320416</guid><author>webtext</author><pubDate>Fri, 03 Mar 2023 15:06:32 +0800</pubDate><description><![CDATA[例：base64： data:video/mp4;base64,GkXfo6NChoEBQ…取arr[2],arr[2] 是base64后面的部分。如果base64是下面这个，取arr[1]]]></description><category></category></item><item><title><![CDATA[js 使用MediaRecorder 录制video，生成视频]]></title><link>https://blog.youkuaiyun.com/webtext/article/details/129318700</link><guid>https://blog.youkuaiyun.com/webtext/article/details/129318700</guid><author>webtext</author><pubDate>Fri, 03 Mar 2023 13:56:39 +0800</pubDate><description><![CDATA[最近在项目中有需求是录制视频，并保存起来，最后选用了MediaRecorder API。]]></description><category></category></item><item><title><![CDATA[【vue项目打包 HBuilder 5+app,覆盖安装时数据渲染不完整】]]></title><link>https://blog.youkuaiyun.com/webtext/article/details/129214982</link><guid>https://blog.youkuaiyun.com/webtext/article/details/129214982</guid><author>webtext</author><pubDate>Sat, 25 Feb 2023 14:45:23 +0800</pubDate><description><![CDATA[今天用 HBuilder 5+appd打包vue项目，安装覆盖之前的app之后，某页面长列表渲染的数据渲染不完整，只渲染了一部分，逛了HBuilder 论坛之后发现不少类似的问题（缓存残留），所以我变在页面内容最外层加了v-if，每次接口返回内容，重新渲染dom。]]></description><category></category></item><item><title><![CDATA[字符串分割img标签和其他内容]]></title><link>https://blog.youkuaiyun.com/webtext/article/details/129085876</link><guid>https://blog.youkuaiyun.com/webtext/article/details/129085876</guid><author>webtext</author><pubDate>Fri, 17 Feb 2023 13:58:33 +0800</pubDate><description><![CDATA[字符串分割img标签和其他内容]]></description><category></category></item><item><title><![CDATA[Echarts折线图数据从负数开始]]></title><link>https://blog.youkuaiyun.com/webtext/article/details/128731595</link><guid>https://blog.youkuaiyun.com/webtext/article/details/128731595</guid><author>webtext</author><pubDate>Thu, 19 Jan 2023 00:00:41 +0800</pubDate><description><![CDATA[Echarts折线图数据从负数开始]]></description><category></category></item><item><title><![CDATA[RxJS入门教学]]></title><link>https://blog.youkuaiyun.com/webtext/article/details/127673878</link><guid>https://blog.youkuaiyun.com/webtext/article/details/127673878</guid><author>webtext</author><pubDate>Thu, 03 Nov 2022 16:56:41 +0800</pubDate><description><![CDATA[rxjs]]></description><category></category></item><item><title><![CDATA[ArcGIS API for JavaScript与天地图的简单使用]]></title><link>https://blog.youkuaiyun.com/webtext/article/details/127287436</link><guid>https://blog.youkuaiyun.com/webtext/article/details/127287436</guid><author>webtext</author><pubDate>Wed, 12 Oct 2022 18:19:31 +0800</pubDate><description><![CDATA[【代码】ArcGIS API for JavaScript与天地图的简单使用以及打点。]]></description><category></category></item><item><title><![CDATA[面试题记录]]></title><link>https://blog.youkuaiyun.com/webtext/article/details/123218981</link><guid>https://blog.youkuaiyun.com/webtext/article/details/123218981</guid><author>webtext</author><pubDate>Wed, 01 Jun 2022 11:52:42 +0800</pubDate><description><![CDATA[文章目录前言js篇一、let、const、var的区别二、let、const、var的区别

前言
记录面试所遇到的问题，持续更新。
js篇
一、let、const、var的区别
1、var存在变量提升，const和let没有。因为js有预编译的的功能，所以var 可以在声明的上面访问变量，而 let 和const有暂时性死区，在声明的上面访问变量会报错。
2、作用域的限制，var不受作用域的限制，而let和const收到当前作用域的限制
3、重复声明：var可以重复声明，而let和const不可以
4、c]]></description><category></category></item><item><title><![CDATA[后端post传输Excel文件流，前端下载]]></title><link>https://blog.youkuaiyun.com/webtext/article/details/125046785</link><guid>https://blog.youkuaiyun.com/webtext/article/details/125046785</guid><author>webtext</author><pubDate>Mon, 30 May 2022 15:04:57 +0800</pubDate><description><![CDATA[后台post传输Excel文件流，前端下载方法
downloadExecl(){
         exportPeriodQualifiedAnalysis().then(res=&gt;{
              this.down(res,'各区县学时进度人数统计')
            })
 },
 down(file,name){
        var blob = new Blob([file])
        var downloadElement = document.crea]]></description><category></category></item><item><title><![CDATA[vue3的新特性]]></title><link>https://blog.youkuaiyun.com/webtext/article/details/123061587</link><guid>https://blog.youkuaiyun.com/webtext/article/details/123061587</guid><author>webtext</author><pubDate>Mon, 28 Feb 2022 23:54:51 +0800</pubDate><description><![CDATA[vue3的新特性一、setup二、ref三、reactive三、计算属性computed三、计算属性watch四、watchEffect函数
一、setup
1、是vue3.0的中的一个新增配置项,值为一个函数。
2、setup是所有composition API(组合式api)展示的舞台。
3、setup函数的两种返回值：
若返回一个对象，则对象中的属性、方法, 在模板中均可以直接使用。（重点关注！）
若返回一个渲染函数：则可以自定义渲染内容。（了解） (不常用)
注意点:
1、尽量不要和vue2.x版本]]></description><category></category></item><item><title><![CDATA[vue使用富文本插件vue elemnt-tiptap和vue-quill-editor]]></title><link>https://blog.youkuaiyun.com/webtext/article/details/122971943</link><guid>https://blog.youkuaiyun.com/webtext/article/details/122971943</guid><author>webtext</author><pubDate>Wed, 16 Feb 2022 23:16:58 +0800</pubDate><description><![CDATA[这两天由于项目要实现新闻发布的功能，所以上github和gitee找了一些项目，发现都是用富文本插件编译成html来实现功能。经过尝试和寻找，我使用了vue elemnt-tiptap和vue-quill-editor，发现各有优缺点。还有一些坑，记录一下。
vue elemnt-tiptap
好处是鼠标滑过内容时，可以出现气泡方便使用，上传的图片可以设置大小，并且使用惯了element ui的话，感觉界面比较舒服。缺点是在使用首行缩进功能的时候，发现很费劲，怕凭客户的行为很难玩得转所以还是选择了vue-q]]></description><category></category></item><item><title><![CDATA[关于vite 和webpack的区别]]></title><link>https://blog.youkuaiyun.com/webtext/article/details/122911058</link><guid>https://blog.youkuaiyun.com/webtext/article/details/122911058</guid><author>webtext</author><pubDate>Sun, 13 Feb 2022 17:07:45 +0800</pubDate><description><![CDATA[总结来说：
1、开发环境中，无需打包操作，可快速的冷启动。
2、轻量快速的热重载。
3、真正的按需编译，不再等待整个应用编译完毕。
这里引用一下官方的对比图。

webpack的流程是先entry然后逐步加载，等到所有模块加载完毕，然后再bundle，最后服务器才能准备好启动（serverReady）。
vite的流程则是，先启动服务器（神似一个空白的壳子），根据请求来解析你要查看的模块，然后展现出来，对不需要的模块暂且搁置。
如果哪些地方说的不对，还请指正。

...]]></description><category></category></item><item><title><![CDATA[nest.js-学习记录：9、使用Nest.js-typegoose依赖注入post]]></title><link>https://blog.youkuaiyun.com/webtext/article/details/122910230</link><guid>https://blog.youkuaiyun.com/webtext/article/details/122910230</guid><author>webtext</author><pubDate>Sun, 13 Feb 2022 16:13:54 +0800</pubDate><description><![CDATA[听得云里雾里，先把代码保存下来，详细的之后填上。
一、引入 npm i --save nestjs-typegoose
二、main.ts
import { NestFactory } from '@nestjs/core';
import { SwaggerModule, DocumentBuilder } from '@nestjs/swagger';
import { AppModule } from './app.module';
import { ValidationPipe } from '@n]]></description><category></category></item><item><title><![CDATA[nest.js-学习记录：8、使用class-validator验证请求数据]]></title><link>https://blog.youkuaiyun.com/webtext/article/details/122909472</link><guid>https://blog.youkuaiyun.com/webtext/article/details/122909472</guid><author>webtext</author><pubDate>Sun, 13 Feb 2022 15:27:00 +0800</pubDate><description><![CDATA[一、在main.ts
import { NestFactory } from '@nestjs/core';
import { SwaggerModule, DocumentBuilder } from '@nestjs/swagger';
import { AppModule } from './app.module';
import { ValidationPipe } from '@nestjs/common';//新加
// 导入mongoose
import * as mongoose from ]]></description><category></category></item><item><title><![CDATA[vue 跨域图片下载]]></title><link>https://blog.youkuaiyun.com/webtext/article/details/122909296</link><guid>https://blog.youkuaiyun.com/webtext/article/details/122909296</guid><author>webtext</author><pubDate>Sun, 13 Feb 2022 15:06:35 +0800</pubDate><description><![CDATA[在项目中遇到一个问题，后端传回来的图片可以查看，但是下载时会提示跨域。
再搜索了多种办法下，发现要提前把图片转为base64，在进行下载，就可以成功了。
具体方法如下。
// 下载图片
      insertImg (url,name) {
        let _this = this
        let image = new Image()
        image.src = url + '?v=' + Math.random()
        image.crossOrigin = "]]></description><category></category></item></channel></rss>