自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

一名业余前端的博客

一些方便前端的代码或技术

  • 博客(43)
  • 问答 (1)
  • 收藏
  • 关注

原创 Win10环境下使用Ollama搭建本地AI

win10环境安装Ollama,并通过webui访问。以及如何在vscode中使用Ollama实现github copilot功能

2024-03-29 09:58:42 3249

原创 Vue3利用xlsx、xlsx-js-style导出Excel表格初步使用

Vue3利用xlsx、xlsx-js-style导出Excel表格初步使用

2024-03-05 16:49:07 1905

原创 Vue3 Cli5按需导入ElementPlus

Vue3 Cli5按需导入ElementPlus

2024-01-23 10:32:52 642 1

原创 vue-plugin-hiprint使用教程【3】

/ 写法和5.12一致 // 具体参考上面// 5.12 5.13 5.14具体参考:https://mp.weixin.qq.com/s?optionItems: [ // 这里放重写参数,作用全部tab,如果想要具体某个元素生效,需要写到对应的tab中fontSize,custom],text: {tabs: [},{name: '样式',options: [after: '',]}})5.15、字段名和表格标题从自定义弹窗选择回填。

2023-12-22 11:43:53 1184

原创 vue-plugin-hiprint使用教程【2】

/ 文件名:printProvider.ts// 移除 旧的 customModule "元素"类型, 以避免重复// 这里不可用defaultModule,以为已经被插件占用了,如果用了,会导致与默认的provider冲突// 添加 customModule "元素"类型// 如果使用 hiprint.PrintElementTypeManager.build('.hiprintEpContainer2', "customModule") 这里会渲染这个 "常规" 分组名称。

2023-12-22 11:34:42 5302 1

原创 vue-plugin-hiprint使用教程【1】

vue3中使用vue-plugin-hiprint的基本教程

2023-12-22 11:30:42 1367

原创 vue3在table里使用elementUI的form表单验证

vue3 el-table中使用el-form表单验证,传递rowData到校验方法中

2023-12-07 11:05:49 1079

原创 Vue3 中el-tree-select使用中遇到的一些问题

解决::render-after-expand="false"一定要加上,否则在value为非一级选择时会出现显示value而非label信息。解决:排查deptTree.data赋值是否赋值成非数值类型。定义的时候注意不要定义成{},否则也会报错。2、v-model传递进去,input上显示的是value信息,而非label信息。

2023-11-29 16:09:39 1126

原创 Vue3 实现elementPlus的table列宽调整和拖拽

使用sortablejs在vue3中实现对elementPlus的table组件列宽度调整和列拖拽

2023-11-23 21:54:13 3648 3

原创 wangEditor5在Vue3中的自定义图片+视频+音频菜单

wangEditor5用在Vue3中自定义扩展音频、视频、图片菜单;并扩展音频元素节点,保证音频节点的插入、读取、回写功能正常;支持动态修改尺寸。

2023-04-27 15:02:58 8133 15

原创 vue3 elementPlus在webstorm上的一些问题

vue3 elementPlus在webstorm上的一些问题

2022-12-01 11:11:54 2237

原创 【flow】 the flow server is not responding

最近在尝试使用flow.js来实现代码检测是,发现在控制台输入flow命令后,无法正常监测代码,控制台输出the flow server is not responding。查阅百度无果,在GitHub中的某个issue里找到另外一个命令。使用flow check代替flow,就可以正常使用。...

2021-03-09 09:48:33 511

原创 leaflet maxZoom突破18

在leaflet中,默认的maxZoom为18。当你设置的值大于18后,然后缩放地图,虽然地图做出了缩放效果,但是你会发现地图变成空白,且http请求并未触发19的请求。如果需要加载高于zoom:18的瓦片图,可以按照下面的操作:在初始化tileLayer是,追加一个参数maxNativeZoom。这个参数允许你设置超过18的zoom值。例如我的配置为如下,那么leaflet在加载到18后继续放大,直至到20. let layer = L.tileLayer(); layer.options.m

2020-11-20 11:31:48 3609 2

原创 leaflet一个不注意会遇到的坑

首先说明:这个问题并不是leaflet自身问题。最近在加载自定义的瓦片图时,发现加载出来的效果要么错位,要么原本是没有瓦片的位置出现了这样的占位图。一开始怀疑是自己瓦片生成出错了。可是排查了好久依旧如此。直到后面才发现原来是页面少引入了leaflet.css文件,把这个文件引入进去就正常了...

2020-11-20 10:50:31 1080 1

原创 CAD导入arcgisMap进行shp导出异常现象

最近在研究arcgis相关知识,在进行CAD转SHP文件导出的时候,遇到了几个问题,经过百度没有发现有相似的问题和解决办法,这里贴出做备份和给后者参考。一下两种情况均有同一个原因导致。情况1:导出arcgisMap,在显示区域找不到CAD信息。右击文件查看要素数据集属性发现坐标面板里的数据都为0.情况2:对Polyline要素导出为SHP文件,导出正常,但是重新加载到arcgisMap中发现只导出部分区域的数据,其余部分区域数据丢失。解决办法:对CAD文件进行重新保存,在另存的时候,文.

2020-11-13 16:21:29 5147

原创 Revit2018 外部工具 addin生成位置错误

前因:最近在研究Revit相关的东西,遇到了一个问题,就是通过外部工具引入的自定义工具,当我选择保存为addin的时候,无法立即生效,即使重启Revit软件也无法自动载入。并且生成的addin文件路径与Revit版本也不一致。博主安装的Revit信息为:Revit2018,RevitSDK2018 RevitSDK2018-1 RevitSDK2018-2 RevitSDK2019。问题:后面通过ILSpy查看AddInManager.dll文件,发现其内部默认设置了Save Checked

2020-09-01 16:43:20 1349

原创 使用node-media-server搭建一个简易的流媒体服务器(windows环境)

记录一下使用node-media-server的一些过程。使用到的东西:nodeJs、ffmpeg、node-media-server。这里说一点(如果有错欢迎指出):node-media-server是作为流媒体服务器,你可以把他理解为中转站,用于转换流格式或者对视频流做一些操作以及向外推送流地址。ffmpeg是作为推流工具,将你需要转换的视频或者视频流推流到流媒体服务器中。拉流的意思是从流媒体服务器上拉去视频流,观看者通过拉取流媒体服务器发布的流地址进行观看。你用视频播放器播放就是在

2020-07-10 22:51:59 11233 15

原创 node环境下gltf-pipeline processGltf方法

众所周知,GLTF格式除了glb格式外,还有GLTF+BIN+Texture这种存储方式。当我们使用node调用gltf-popeline对(GLTF+BIN+Texture)后者进行压缩的时候,有几个注意点。1、不要使用node提供的fs模块,fs.writeFile进行写文件。var gltfPipeline = require('gltf-pipeline');const fs = require('fs');var processGltf = gltfPipeline.processG

2020-06-23 14:56:57 1373 1

原创 太阳系各大行星3D展开贴图资源

最新在学习webgl,想使用webgl做一个太阳系的小DEMO,但是在国内网站找了一圈,都没有找到包含太阳系所有星体的贴图资源,要么只有部分,要么就是不符合贴图要求,要么需要money。无果,后面在谷歌上找到了一个网站,该网站提供了齐全的贴图资源。网站提供2K、8K(部分只有2K或者最高到4K)分辨率的贴图。预览效果在最下面。网站地址如下:点我跳转如果无法打开,也可以下载我已经打包好的压缩文件,文件存储于天翼网盘。地址如下:访问码:lbv1以下截图来着该网站:https://www.so

2020-06-03 10:19:48 13951 9

原创 webgl glMatrix-0.9.6.js 未混淆版

最近在学WEBGL知识,教程中有用到一个glMatrix.js的插件,用于计算投影矩阵用的。不过用百度查了一下,没找到0.9.6版本的,基本都是0.9.5且还是混淆过的,解读换代码对新手很是心累。所以谷歌找到了0.9.6版本,且是未混淆的版本。下面贴出。直接源码传送门:点我跳转源码传送门:点我跳转如果上面两个地址访问不了,可以访问我的网盘下载:网盘传送门...

2020-05-25 11:18:32 1709

原创 webstorm支持GLSL语法

<script id="shader-vs"> attribute vec3 v3Position; void main(void){ gl_Position = vec4(v3Position, 1.0); }</script>当我们在HTML页面中编写GLSL代码并且格式化文档的时候,由于webstorm无法正确识别GLSL语法,导致格式化GLSL代码会出现超过预期的换行,如何让webstorm正确识别GLSL语法?第一步:安装.

2020-05-20 15:40:22 1380

原创 windows server 2008 服务器使用MySQL

前言最近在学习使用node开发后台。在这里记录有关MySQL的笔记。1、MySQL历史版本下载官方传送门2、运行库丢失,提示MSVCR120.dll。下载微软运行库或者一些集成库安装一下就行。或者直接下载我提供的地址。传送门3、忘记密码,修改mysql密码。// 关闭服务net stop mysql// 在一个dos窗口,进入bin目录mysqld --skip...

2020-04-28 17:05:20 573

原创 IE兼容问题(持续补充)

1、IE下时间格式识别NaN。原因:IE无法识别yyyy-MM-dd格式,需要转换为yyyy/MM/dd。//正则替换replace(new RegExp(/-/gm) ,"/")2、IE10- 无法声明let const3、IE8不兼容filterif (!Array.prototype.filter){ Array.prototype.filter = fu...

2020-04-26 10:39:25 461

原创 在webpack中使用monaco-editor

前言我查过网上的教程,大部分都是基于vue或者react框架,很少有教程是基于纯粹的webpack来的,这篇文章记录我在webpack上使用monaco-editor的过程,以补充网上在这方面资料的缺失。本文章会根据我的开发随时进行更新。使用monaco的使用介绍,网上有很多,大家可以参考这篇文章进行大概的了解。点击跳转自己总结的使用过程1、安装。npm instal...

2020-04-23 15:25:51 13832 15

原创 Windows环境中 node后台使用代码备份mysql数据库

在Windows环境中备份数据库有很多办法,文中仅说明如何使用代码来实现备份功能。备份数据库最常用的就是使用cmd命令进行备份,其代码如下:E:cd E:\SOFT\MySQL\mysql-5.7.24-winx64\binmysqldump -uroot -p123456 --lock-all-tables --flush-logs e3db > E:/15869162545...

2020-04-15 10:30:28 504

原创 node中使用代码执行npm指令

可以结合fs模块的watch方法,在文件发生变更时自动执行某些编译操作,例如执行apidoc编译命令。把该命令编写到package.json的scripts里。"scripts": { "buildModel": "node ./helper/autoBuild/model.js", "start": "supervisor app.js", "apidoc": "a...

2020-03-31 10:08:53 6525

原创 node环境 Express编写的后台接口如何结合swagger-ui【解决新版无法传输参数和自定义Authorization】

最近学习使用Node构建后台接口服务,想着使用swagger-ui生成接口调试文档,查阅了网上相关资料,安装过程或者使用过程都写的不是太详细,对于新手特别是刚上手后台编程的新手有点不友好,所以我归纳一下我使用过程中涉及的一些方法。1、安装本文章中使用的是swagger-jsdoc和swagger-ui-express两个结合的形式进行生成swagger-ui接口文档。所以先安装一下这两个模...

2020-03-31 09:59:06 3430 1

原创 sequelize模型在四类关联类型作用下如何添加数据【未完】

假设存在两个模型,一个stu(学生)模型,一个score(分数)模型。那么如何添加在添加新学生的基础上同时添加该新学生的score。1、将stu和score设置为score:stu = 1:1方案1:有别称models.Score.belongsTo(models.Stu, { as: 'user', foreignKey: 'userId', target...

2020-03-19 15:17:17 1021

原创 阿里云web音视频通信加入频道【aliWebrtc.joinChannel】方法错误解决

同事在搞阿里云的web音视频服务,发现怎么加入频道都不行,查看network请求,发现请求地址变为localhost开头,可是参数gslb已经赋值进去了。后面调试发现下面方法的gslb参数需要传入数组,如果传字符串虽然没有报错,但是http请求会出错。aliWebrtc.joinChannel({ userid, // 用户ID,只能由数字、字母、下划线组成 ...

2020-03-13 17:29:11 4857 4

原创 webstorm express部分方法显示Unresolved function or method

最近在使用webstorm开发express的时候,发现express有一些方法一直提示Unresolved function or method。百度了几种方法一直不行。后面再IDEs官方找到解决方案。出现这个问题的原因在于express的有些属性并没有在express模块中定义,他们是在运行时动态添加的,所以导致webstorm无法使用静态分析来解析,所以只需要安装一下expres...

2020-03-12 15:48:21 1574

原创 Three.js OrthographicCamera 正投影相机参数理解

最近在使用OrthographicCamera正投影相机的时候,发现总是无法看到场景,折腾了许久才发现原来是对OrthographicCamera的参数理解有问题。查阅了网上,大部分资料对参数的解释都是和官方一直的,但是我在官方解析的基础上总结了自己的理解。官方解释: OrthographicCamera( left, right, top, bottom, near, far...

2019-11-28 15:38:02 1216

原创 Three.js camera.up参数的作用

camera中有三个参数,position、lookAt、up。position,设置camera的位置。也就是把摄像机放在哪里。lookAt,设置camera看向的位置,即摄像机在position的位置看向哪里。若position设置为(500,500,500),lookAt设置为(100,100,100)。其意思就是把camera放在坐标为(500,500,500)的位置,并把摄像头对...

2019-10-25 11:47:13 3031

原创 webstorm 自定义项目模板

创建项目模板。方法1:1、与常规项目一样,创建空项目,然后引入需要的文件。2、然后点击Tools---- save project as Template --- 输入项目模板名称和描述后 --- 点击OK3、到此项目模板创建完毕。方法2:将项目压包后放到 C:\Users\username\.WebStorm2019.1\config\projectTemplates中。其中.W...

2019-10-18 12:15:36 1058

原创 构建基础webpack项目配置说明

曾几何时,说永远不学webpack,最近学了之后......恩,真香。今天看完typescript后,打算之后的webpack项目都采用ts开发,就整理了一份demo模板,顺带整理加深理解了webpack的安装和配置。发出来给初学者参考参考。( ̄▽ ̄)~*。demo内容除了常规配置外,加了JQ全局配置和bootstrap配置。过几天如果加入ts后在把相关的配置更新上来。底下是我个人的云笔记...

2019-07-03 18:44:33 133

原创 NG-ZORRO(0.6.x)的Pagination分页功能

   查看NG-ZORRO的官方文档,关于分页功能,文档中只列出一些基本的功能,但是没有提到如何监听分页点击和分页每页条数变化。   在webstorm中测试的时候,发现webstorm提示了两个官方文档中没提到的功能。一个nzPageIndexClickChange,一个nzPageSizeChange。经测试,第一个就是监听分页变化的函数,第二个是监听分页每页条数变化的函数。...

2018-05-07 15:43:09 2346 3

原创 Angular的get传递多参数问题

楼主在自学Angular5的时候发现,新版的Angular已经丢弃http的形式改用Httpclient。但是在demo中发送http.get请求并传递多参数的时候发现,参数params如果是HttpParams类型的话,只能传递单参数,传递多参数要么被覆盖要么无法传递(不清楚是我自己代码问题还是啥),后面查看client.ds.ts中对params的声明,发现params除了可以传递HttpPa...

2018-03-29 12:02:47 4226 1

原创 海康威视web插件【浏览器部分兼容& 全兼容】

项目中需要用到海康威视的web插件进行二次开发,但是在开发过程中遇到很多问题。这里整理几个比较典型的问题和解决方案。如果后续还有遇到会补充。资料下载:①:3.0开发包----->http://download.csdn.net/download/yeyunfancy/9980157②:1.0.6版本webVideoCtrl.js。------>http://39.108.1...

2017-11-10 14:52:52 52635 27

原创 大华web插件

因为项目需要,需要把大华视频监控移至到网页端,在网上找了很多资料,最终找到下面链接的插件包。本人自己调试了一下,可以正常运行,而且包中附带有详细的二次开发资料,很方便。测试浏览器使用360安全浏览器,并且在兼容模式和极速模式下均可正常使用。插件下载:http://download.csdn.net/download/zhwzju/9447859-----------------...

2017-11-07 15:32:50 31218 9

转载 JS数字转中文大写

JS将数字转换成中文大写

2017-09-15 10:41:29 1413 1

转载 JS监听手机的物理返回键(亲测有效)

如何利用JS来实现监听手机的物理返回键

2017-09-14 16:00:25 24590 13

vue-plugin-hiprint 参数原始代码

vue-plugin-hiprint 参数原始代码

2023-12-22

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除