- 博客(37)
- 收藏
- 关注
RSS订阅原创 theme 项目换肤方案
在element UI官网有更换主题的方式大家可以参考。但是在实践过程中如果想实现动态切换主题，就比较麻烦了。个人总结了两种方式（如果有其他方式，欢迎留言）。
2023-07-24 17:26:12
210
原创 【Cesium 安装+Cesium 加载b3dm】
1、引入ceisum源码包使用；3、安装Vue-cesium插件。我这里只尝试了第一种和第二种。2、安装cesium插件；
2023-07-07 17:29:37
3815
原创 【mavon-editor】内容回显，二次编辑图片无法展示到图片控制列表
在做个人博客的时候找了一些富文本编辑器来使用，虽然说有一些bug,但是用起来感觉很舒服，最后还是打算用mavon-editor。遇到比较麻烦的一个问题就是：如果内容中有图片的话，二次回现编辑的时候工具栏里的图片控制列表是无法实时同步的，这样就无法对已有图片进行删除。[在这里插入图片描述](https://img-blog.csdnimg.cn/7c9636bd8f1540a488f36d28648e9682.png。2、解析md格式中的图片名称和图片路径并取出，然后通过方法添加到图片控制列表。
2023-04-20 16:01:53
1101
5
原创 nest.js连接mysql数据库
PrimaryGeneratedColumn() 是 typeorm 模块提供的一个装饰器，用于指定实体类中的主键，并且生成主键的值是由数据库生成的自增长数值。在一个实体类中，通常需要指定一个或多个属性作为主键，以标识实体类的唯一性。在代码中，@PrimaryGeneratedColumn() 装饰器指定了 id 属性为主键，并且生成主键的值是由数据库生成的自增长数值。在 Nest.js 应用中，需要创建实体类来映射数据库中的表。二、创建数据库实体类./user.entity文件。一个是连接一个是注册。
2023-03-22 10:46:30
1208
原创 blob 转base64；base64转blob
例：base64： data:video/mp4;base64,GkXfo6NChoEBQ…取arr[2],arr[2] 是base64后面的部分。如果base64是下面这个，取arr[1]
2023-03-03 15:06:32
605
原创 js 使用MediaRecorder 录制video，生成视频
最近在项目中有需求是录制视频，并保存起来，最后选用了MediaRecorder API。
2023-03-03 13:56:39
3118
原创 【vue项目打包 HBuilder 5+app,覆盖安装时数据渲染不完整】
今天用 HBuilder 5+appd打包vue项目，安装覆盖之前的app之后，某页面长列表渲染的数据渲染不完整，只渲染了一部分，逛了HBuilder 论坛之后发现不少类似的问题（缓存残留），所以我变在页面内容最外层加了v-if，每次接口返回内容，重新渲染dom。
2023-02-25 14:45:23
274
原创 ArcGIS API for JavaScript与天地图的简单使用
【代码】ArcGIS API for JavaScript与天地图的简单使用以及打点。
2022-10-12 18:19:31
933
原创 面试题记录
文章目录前言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
2022-06-01 11:52:42
103
原创 后端post传输Excel文件流，前端下载
后台post传输Excel文件流，前端下载方法downloadExecl(){ exportPeriodQualifiedAnalysis().then(res=>{ this.down(res,'各区县学时进度人数统计') }) }, down(file,name){ var blob = new Blob([file]) var downloadElement = document.crea
2022-05-30 15:04:57
483
原创 vue3的新特性
vue3的新特性一、setup二、ref三、reactive三、计算属性computed三、计算属性watch四、watchEffect函数一、setup1、是vue3.0的中的一个新增配置项,值为一个函数。2、setup是所有composition API(组合式api)展示的舞台。3、setup函数的两种返回值：若返回一个对象，则对象中的属性、方法, 在模板中均可以直接使用。（重点关注！）若返回一个渲染函数：则可以自定义渲染内容。（了解） (不常用)注意点:1、尽量不要和vue2.x版本
2022-02-28 23:54:51
11795
3
原创 vue使用富文本插件vue elemnt-tiptap和vue-quill-editor
这两天由于项目要实现新闻发布的功能，所以上github和gitee找了一些项目，发现都是用富文本插件编译成html来实现功能。经过尝试和寻找，我使用了vue elemnt-tiptap和vue-quill-editor，发现各有优缺点。还有一些坑，记录一下。vue elemnt-tiptap好处是鼠标滑过内容时，可以出现气泡方便使用，上传的图片可以设置大小，并且使用惯了element ui的话，感觉界面比较舒服。缺点是在使用首行缩进功能的时候，发现很费劲，怕凭客户的行为很难玩得转所以还是选择了vue-q
2022-02-16 23:16:58
5235
原创 关于vite 和webpack的区别
总结来说：1、开发环境中，无需打包操作，可快速的冷启动。2、轻量快速的热重载。3、真正的按需编译，不再等待整个应用编译完毕。这里引用一下官方的对比图。webpack的流程是先entry然后逐步加载，等到所有模块加载完毕，然后再bundle，最后服务器才能准备好启动（serverReady）。vite的流程则是，先启动服务器（神似一个空白的壳子），根据请求来解析你要查看的模块，然后展现出来，对不需要的模块暂且搁置。如果哪些地方说的不对，还请指正。...
2022-02-13 17:07:45
1574
原创 nest.js-学习记录：9、使用Nest.js-typegoose依赖注入post
听得云里雾里，先把代码保存下来，详细的之后填上。一、引入 npm i --save nestjs-typegoose二、main.tsimport { NestFactory } from '@nestjs/core';import { SwaggerModule, DocumentBuilder } from '@nestjs/swagger';import { AppModule } from './app.module';import { ValidationPipe } from '@n
2022-02-13 16:13:54
703
原创 nest.js-学习记录：8、使用class-validator验证请求数据
一、在main.tsimport { NestFactory } from '@nestjs/core';import { SwaggerModule, DocumentBuilder } from '@nestjs/swagger';import { AppModule } from './app.module';import { ValidationPipe } from '@nestjs/common';//新加// 导入mongooseimport * as mongoose from
2022-02-13 15:27:00
1419
原创 vue 跨域图片下载
在项目中遇到一个问题，后端传回来的图片可以查看，但是下载时会提示跨域。再搜索了多种办法下，发现要提前把图片转为base64，在进行下载，就可以成功了。具体方法如下。// 下载图片 insertImg (url,name) { let _this = this let image = new Image() image.src = url + '?v=' + Math.random() image.crossOrigin = "
2022-02-13 15:06:35
1913
1
原创 MongoDB的安装与使用（windows）
第一次接触数据库，所以不足之处还请指出一、下载1、下载地址https://www.mongodb.com/download-center/community?jmp=docs下载方式分为msi和zip，这里我使用msi，因为方便，环境变量配置都省了。2、安装然后点击Custom安装 (第一个是完整安装、第二个是自定义安装，推荐自定义安装)然后一路next。二、配置可能因为是msi的原因？安装完的文件目录，data和log已经建好了，而且使用后也没有太大的问题。...
2022-02-10 18:34:22
1725
原创 nest.js-学习记录：7、crud操作api
接上一篇posts.controller.tsfindByIdAndUpdate、find、create、findByIdAndDelete都是mongoose的方法，与nest.js无关import { Body, Controller, Delete, Get, Param, Post, Put, Query } from '@nestjs/common';import { ApiOperation, ApiProperty, ApiTags } from '@nestjs/swagger';
2022-02-05 06:00:00
505
原创 nest.js-学习记录：6、Typegoose模型定义
1、下载mongodb数据库2、安装Typegoose$ npm install --save mongoose$ npm install --save-dev @nestjs/mongoose$ npm i @typegoose/typegoose3、main.tsimport { NestFactory } from '@nestjs/core';import { SwaggerModule, DocumentBuilder } from '@nestjs/swagger';impor
2022-02-03 19:33:13
924
2
原创 nest.js-学习记录：5、Put、Delete请求和Url路径参数
import { Body, Controller, Delete, Get, Param, Post, Put, Query } from '@nestjs/common';import { ApiOperation, ApiProperty, ApiTags } from '@nestjs/swagger';// 标识创建帖子的参数详情class createPostDto{ @ApiProperty({description:'帖子标题'}) title:string
2022-02-03 14:27:34
1601
原创 nest.js-学习记录：4、post请求和数据传输对象DTO
1、获取post请求的数据用@Body()参数装饰器获取数据，get用参数装饰器@Query。另外@Param()获取Params里的东西2、在获取参数时，有事会需要定义请求数据格式，可以按照下面创建createPostDto类的方式来约束数据。import { Body, Controller, Get, Param, Post, Query } from '@nestjs/common';import { ApiOperation, ApiTags } from '@nestjs/swagger
2022-02-02 17:26:08
1790
原创 nest.js-学习记录：3、使用swagger自动生成接口文档
1、安装下载swaggernpm install --save @nestjs/swagger swagger-ui-express按照官网的介绍进行配置main.ts文件import { NestFactory } from '@nestjs/core';import { SwaggerModule, DocumentBuilder } from '@nestjs/swagger';import { AppModule } from './app.module';async funct
2022-02-02 16:40:54
525
原创 nest.js-学习记录：2、创建帖子模块和控制器
1、创建子模块使用nest cli 脚手架命令，其中new/n代表新建项目，generate|g代表生成子模块或者其他，一般用generate|g来生成子模块。在命令行运行nest g module ‘模块名称’ 创建帖子模块nest g module posts在命令行运行nest g module ‘模块名称’ 创建帖子路由 nest g controller posts 创建后的posts模块...
2022-02-02 16:20:58
1470
原创 nest.js-学习记录：1、基础项目搭建。
安装nest.js之前要先安装node.js,具体可以按照官网https://docs.nestjs.cn/8/firststeps，来进行安装。1、入口文件main.tsimport { NestFactory } from '@nestjs/core';import { AppModule } from './app.module';async function bootstrap() { const app = await NestFactory.create(AppModule);
2022-01-30 14:37:23
430
原创 VUE element ui tree树形控件修改功能
之前在网上很少能找到对应的方法，所以在此记录一下。需求是点击每个选项的按钮后弹出一个input框，示例如下要想实现每行选项都加上+、-、/符号要通过自定义来实现，在这我选择renderContent方法renderContent(h, { node, data, store }) { return ( <span class="custom-tree-node"> <span>{node.label}</span>
2022-01-06 13:55:29
1600
原创 页面无缝滚动效果
目前我只使用两种方式，如果还有其他方式，希望推荐一下。1、js+transform使用定时器动态增加大小，再把值赋给 transform，实现位置偏移，来实现无缝滚动。html一定要循环两遍数据，这样的话，会出现两个一样的数据，在一个数据消失后，不会使页面空白，而这时transform归0，有从头开始，因为两个数据相同，归0后视觉上就像无缝滚动。 <div style="height: 100%" @mouseenter="moveStar()" @mouseleave="moveLeave
2021-12-22 16:14:57
546
原创 vue使用Mars3D实现3d卫星轨道和3d地球图
1、安装//安装mars3d主库npm install mars3d --save 2、引入main,jsimport 'mars3d/dist/mars3d.css'import * as mars3d from 'mars3d'~~mars3d-space不引入，无法使用卫星的功能~~ import 'mars3d-space'Vue.prototype.mars3d = mars3d;vue.config.jsconst path = require('path')co
2021-12-14 15:13:09
5006
9
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人