- 博客(21)
- 收藏
- 关注
RSS订阅原创 Vue3 ts实现将assets中的图片转为file格式，实现本地图片选择上传功能
vite 官方默认的配置，如果资源文件在assets文件夹打包后会把图片名加上 hash值，但是直接通过 :src="imgSrc"方式引入并不会在打包的时候解析，导致开发环境可以正常引入，打包后却不能显示的问题。：在vue2中支持require导入模块或文件，但是在vue3不支持require,可以使用import.meta.glob方法来支持批量导入文件。用户可以选项系统固定的几个图标，也可以自定义上传图片。系统固定图标存在 src\assets\images\app 路径中。
2024-05-22 10:31:45
522
4
原创 Vue3 ts实现复制到剪切板功能
注意：在测试环境下可以正常使用，但是正式环境中必须是https协议，不然浏览器会禁用，使用会出现undefined writeText error。
2024-05-09 14:37:44
375
1
原创 Vue3 ts 使用插件crypto-js实现依据Uint8Array格式的文件生成hash256
针对大于于百兆的文件，建议使用大文件生成方式，因为可能遇到数组长度超长error （ Invalid array length）关键代码，请提前将文件读取为Uint8Array格式，将返回文件生成的hash256。关键代码，请提前将文件读取为Uint8Array格式，将返回文件生成的hash256。针对小于百兆的文件，建议使用小文件生成方式。在使用插件的地方引入。
2024-05-09 11:33:17
397
1
原创 vue3 ts 使用parse-tar插件解压缩 .tar 或 .tar.gz 包
做云计算相关的项目需求时候会有镜像上传需求，镜像一般是 .tar 或 .tar.gz 包，如果我们需要对包做解压缩处理读取压缩包内容，可以使用parse-tar插件实现。读取的所有压缩包内的文件。
2024-05-07 16:50:02
245
4
原创 JS如何阻止冒泡事件
1、背景1.1 什么是事件冒泡当一个元素接收到事件的时候 会把他接收到的事件传给自己的父级，一直到window 。优点：事件委托可以利用事件冒泡，来达到只指定一个事件处理程序就可以管理某一项类型的所有事件的效果，只添加一个事件处理程序所需的DOM引用更少，所花的时间也更少，整个页面占据的内存空间更少，能够提升整体性能。1.2 特殊需求菜单栏的每一项增加一个编辑和删除按钮，因为菜单自带点击事件，在我们点击每个菜单的编辑或删除按钮时候还会去执行一遍菜单执行的操作，这种情况我们就需要阻止编辑和删除按钮的
2021-09-01 14:27:50
10938
1
原创 Vue 3.x 快速上手（vite / ant-design / vue-router / vuex / axios / mock / echarts）
Vue 3.x 快速上手，废话不多说，直接开干1、安装准备1.1 nodejs1.2 Python1.3 vue cli 脚手架安装1.4 新项目搭建2、常用插件下载引入2.1 ant-design UI框架2.2 vue-router 路由2.3 vuex 状态管理工具2.4 axios 数据请求1、安装准备1.1 nodejs官网地址： 点击进入cmd 检查安装结果：node -vnpm -v1.2 Python没有会报错Error: Can’t find Python execut
2021-09-01 11:21:40
693
原创 JavaScript学习笔记（五）：JS 中使用正则表达式实现数据模糊匹配
JS 中使用正则表达式实现数据模糊匹配1、实现功能2、Math 对象内置的方法前言 ：在实际coding中我们写搜索功能的时候，会希望能对数组数据进行模糊匹配1、实现功能例如当我们在名称中输入测二就可以模糊匹配出项目名称中有测二两个字的内容2、Math 对象内置的方法实现方法（直接上代码）：const tableData = [ { id: 1, site: "WCD", title: "疫情看板", full_title: "疫情看板系统", description: "
2021-03-05 16:33:59
2253
原创 JavaScript学习笔记（四）：JS 中Math对象的用法
JS 中Math函数的用法1、Math 对象2、Math 对象内置的方法①、Math.ceil(x: number)②、Math.floor(x: number)③、Math.round(x: number)④、Math.abs(x: number)⑤、Math.min(...values: number[])⑥、Math.max(...values: number[])⑦、Math.pow(x: number, y: number)⑧、Math.sqrt(x: number)⑨、Math.PI前言 ：在
2020-12-17 14:29:47
324
原创 Nodejs loopback框架笔记（六）：如何禁用 API Explorer
在loopback框架中如何禁用 API Explorer前言 ：在使用loopback框架的时候，API Explorer页面虽然给我们数据展示以及前端数据连接提供了很多便利性，但是在实际的正式环境中确有很多的不安全因素，为了解决这个问题，我们可以禁用API Explorer页面，和大家共享❤官网解决办法：官网相关资料地址： 官方文档.1、设置环境变量 NODE_ENV=product...
2020-03-19 13:31:50
282
原创 JavaScript学习笔记（三）：a标签图片下载本地，而非直接打开
JS依据图片链接下载图片1、错误写法2、解决办法前言 ：在使用a标签下载图片，很多浏览器会默认直接打开网页，而不是下载本地，今天我们就来解决这个问题吧1、错误写法虽然加上了download属性，但是依旧无法实现图片下载，这是因为很多浏览器能够识别图片，会自动打开<a href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVy...
2020-03-19 13:06:24
2557
4
原创 Nodejs loopback框架笔记（五）：如何对Mysql数据库使用SQL语句
如何在loopback框架中对Mysql数据库使用SQL语句一、安装Mysql 插件二、使用方法直接上代码一、安装Mysql 插件使用以下cmd命令安装Mysql插件cmd npm install mysql--save二、使用方法直接上代码const mysql = require('mysql')// 创建连接对象const config = mysql.createConn...
2020-03-19 11:24:47
388
原创 Nodejs loopback框架笔记（四）：如何对sql server数据库使用SQL语句
如何在loopback框架中对sql server数据库使用SQL语句一、安装oracledb插件二、使用方法直接上代码一、安装oracledb插件使用以下cmd命令安装sql server插件cmd npm install mssql --save二、使用方法直接上代码// 调用方法addAllData();// 执行方法function addAllData() { ...
2020-03-02 16:41:06
363
原创 JavaScript学习笔记（二）：数组数据处理
JavaScript中的 数组数据处理1、split() 字符串分割成数组2、indexOf() 查找元素位置3、includes() 查找是否包含某元素4、push() 后增元素5、unshift() 前增元素6、pop() 后删元素7、shift() 前删元素8、splice() 修改数组9、concat() 合并数组10、slice() 剪切数组11、join() 将数组转化为字符串12、s...
2020-01-20 11:35:56
252
原创 JavaScript学习笔记（一）：JSON数据处理
Javascript 中的 json 数据处理前言 ：这里列出一些我常用到的json数据处理方法，共勉哈
2020-01-17 10:22:56
221
原创 前端UI Angular框架笔记（二）：Angular框架概念介绍
适用于angular 2.0 及以上版本一、基本概念1、什么是NgModule（模块）2、什么是component（组件）3、什么是service（服务）4、什么是dependency injection（依赖注入）二、结构型指令1、*ngIf 判断指令2、*ngFor 循环指令三、数据展示1、{{}} 双大括号绑定到html页面2、[ ] 绑定DOM属性3、( ) 事件绑定4、[(ngModel...
2020-01-15 16:16:12
934
1
原创 前端UI Angular框架笔记（一）：Angular框架入门
适用于angular 2.0 及以上版本一、什么是Angular框架二、知识储备及前期准备三、创建一个空白项目吧1、用以下cmd命令安裝Angular CLI2、用以下cmd命令创建一个空白Angular项目3、尝试运行起来吧前言 ：因为公司使用angular框架开发，工作快一年的菜鸟也来给大家分享一下自己这一年学到的东西吧，共勉。一、什么是Angular框架Angular是世界上使用最广泛...
2020-01-15 14:34:20
1168
原创 Nodejs loopback框架笔记（三）：如何对oracle数据库使用SQL语句
如何在loopback框架中对oracle数据库使用SQL语句一、安装oracledb插件二、使用方法直接上代码一、安装oracledb插件使用以下cmd命令安装oracledb插件npm install oracle --save二、使用方法直接上代码// 引入oracledbvar oracledb = require('oracledb');var config = { ...
2020-01-15 10:53:00
3072
原创 Nodejs loopback框架笔记（二）：在.js文件中使用本项目模型的资料或方法 && 请求其他loopback框架项目方法
我们使用loopback框架的时候，我们可能会有以下需求1、在本项目某些.js文件中，需要请求本项目模型的资料或方法2、在本项目某些.js文件中，需要请求其他项目模型的资料或方法1、在本项目某些.js文件中，需要请求本项目模型的资料或方法直接上代码var app = require('../server');// meetinginfo是我创建的模型，find是模型内置的查询方法，括号里面...
2020-01-14 17:00:20
480
原创 Nodejs loopback框架笔记（一）：API & 前端部署到服务器
部署Nodejs 项目到服务器一、部署条件服务器要部署Nodejs项目必须要安装Nodejs 和 pm2，可以用以下cmd命令进行检查二、loopback框架项目部署到服务器(以linux服务器举例)① API 部署② API 启动，使用以下cmd命令启动项目三、将前端UI直接部署在Nodejs项目中① 需要提前更新以下loopback框架中以下文件② 将build好的前端UI文件放到client...
2020-01-14 14:07:52
839
原创 .NET Core 框架笔记（一）：使用 layer 弹出框
在.NET Core框架写项目的时候，如何使用layer弹出框一、参考官网二、使用方法三、常用的一些属性（详见官网）一、参考官网// 官网网址http://layer.layui.com/hello.html// 使用方法// 获得 layer 文件包后，解压并将 layer 整个文件夹（不要拆分结构） 存放到你项目的任意目录，使用时，只需引入 layer.js 即可。二、使用方法...
2020-01-14 11:33:39
1988
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人