- 博客(29)
- 收藏
- 关注
RSS订阅原创 文件上传下载以及接口类型
文件上传formData进行文件上传,前端接收文件，接口处加上类型限定。接收文件并下载描述：表示二进制流数据，通常用于下载文件。应用场景：当服务器返回的是一个通用的二进制文件，无法确定其具体类型时，使用此类型。这些是常见的 Content-Type 类型，实际应用中可能会根据具体需求使用更多。
2025-02-27 15:35:38
438
原创 tinymce在vue3 中的使用
之后在页面引入文件，并在plugins，和toolbar中引入我们声明的example自定义插件，就能够进行插件添加了，也可以在页面中添加。然后再node_modules中找到tinymce文件夹下的skin将此文件复制一份到public/tinymce文件夹下。如果要修改编辑器中的样式的话， 通过content_css配置项进行样式配置，进行内部布局的修改等等。如果要添加自定义插件的话,可以在public下新建plugins文件夹，添加插件。2.下载语言包，去官网。
2025-02-12 10:08:28
543
原创 原生表格的拖拽选中，并添加外边框颜色
主要是通过事件的监听来实现选中初始的行和列的定位，和终点的行和列的定位，然后根据四个点找到所在区域内的所有cell，找到之后判断位置，分别加上上，下，左，右四种边框。这是主要实现的思路，然后还涉及到的就是清空操作，一般就是每移动一次都要进行大量的操作，所以只是能实现了。
2024-12-27 14:38:41
176
原创 前端头像预览
当从网络请求中获取到二进制数据时，在浏览器开发者工具的网络面板中查看原始响应，可能会看到一些看起来很奇怪的字符和符号，这些实际上是二进制数据经过某种转换或编码后的形式，以便能够在文本环境中显示。1.直接用axios请求不加代理时显示跨域了，所以配置了一下代理。函数（适用于处理已经获取到的二进制数据数组）3.接收到的文件，在控制台上打印出来乱码了。
2024-10-12 09:25:03
341
原创 文章内容滚动到底部
给overLow元素的子级添加scrollIntoView方法，为true时，顶部，为false时底部。之前写一个页面刷新滑动到底部，
2024-10-08 14:10:09
175
原创 上传头像并裁剪头像
只需要将图片的base64，url,blob地址放入其中，就可展示相应的图片了。左侧是上传图片，右侧是裁剪区域的展示，使用插件vue-cropper。2. 需要使用外层容器包裹并设置宽高,在此封装为组件。
2024-10-08 13:10:42
153
原创 node +express+vue项目打包
如果前端的文件路由类型为createWebHistory时，需要在后端安装connect-history-api-fallback，来识别前端路由。dist文件，放在后端serve.js同级目录下,在serve.js中配置。1.搭建后端,创建后端文件夹，新建serve.js文件。然后打开localhost:8383/页面看是否出现。使用nodemon ./serve.js,启动项目。
2024-09-27 13:17:10
473
原创 输入框内既可以输入文字又可以选择元素
在选择元素时，就相当于新建了一个dom元素并插入到含有 contenteditable这个属性的里面。这里用到的是一个属性 contenteditable="true"输入框内既可以输入文字又可以选择元素，并且元素删除时会整个删除。在任意标签上加入这个属性可以使标签变为可输入的标签。
2024-09-03 11:20:27
263
原创 仿ai会话逐字输出，接受stream流
我的操作是在发出请求后先放上去假数据来创建dom元素，然后将请求到的数据逐字拼接上去，拼接完成之后，再把假数据替换为真实数据，用fetch来接受stream流实现文字逐字展示的效果，
2024-08-26 15:54:10
360
原创 实现el-table表格滚动刷新
isAske用来限制请求的次数，只有请求完成后才可以再次请求数据。页面加载后调用，scrollView,否则dom获取不到，
2024-08-22 17:08:21
208
原创 el-table表格单列居中
单列数据在el-table-column中添加 align="center"这列表头的位置 header-align="center"，不写默认跟随表体的。
2024-08-06 14:32:30
301
原创 触发element-plus中文件上传组件中的文件上传事件
在组件中直接通过btn.value.click()没有直接触发文件上传，多加一个ref触发。
2024-08-05 11:11:53
180
原创 svg组件封装及颜色变更问题
下载的svg图标颜色更改不了时，将svg的后缀名svg改为html，找到里面的fill中的固有色的fill="currentColor"就可以了。使用svg代替图片，封装svg组件，实现颜色大小变化。
2024-03-27 16:14:20
982
1
原创 文件上传及使用simple-uploader的上传及spark-md5.js加密
2.利用js中File对象的slice( )方法（File.prototype.slice( )）将文件分片后逐个传入spark.appendBinary( )方法来计算、最后通过spark.end( )方法输出结果，很明显，这种方法对于大型文件会非常有利——不容易出错，并且能够提供计算的进度信息。一般实现文件上传有两种方式一种是通过form来进行传输，一种是通过input type:file将识别到的file文件转为前后端通用的语言进行传输。写一个简单的例子，不带加密的，单纯的切片上传文件。
2024-03-20 17:18:59
498
1
原创 el-table-tree使用懒加载时，内部节点不更新的问题
增加的时候，是更新此节点以下的内容，所以要找此节点的map,然后调用load函数，这就又存在了一个问题当我没有点击节点时，map函数中并没有存储此节点的map，这就会导致数据不更新，所以要判断当没有子节点的map时，调用父节点map,然后load调用。row（要改变的节点行数据）,treeNode（节点）,resolve(element内部封装的回调，将请求回来的数据放到页面上），哪个节点需要更新就手动调用load并将相应的行数据传参，这样就能更新了。1.向后端请求更新数据，2.更新前端页面。
2024-02-06 10:33:08
1360
1
原创 使用ElMessageBox.confirm（）时，想要改变项目中个别的样式
在项目中遇到一个与众不同的弹窗，让标题在dialog中居中，又不能影响其他的弹窗，给他设置在内部发现样式不起作用，检查发现，这个弹窗是与整个项目平级的，所以不能写全局的。只能放在ElMessageBox.confirm（）下面，这样才能还没有执行ElMessageBox.confirm（).then的时候，改变弹窗的样式。然后只能通过script中来修改样式，直接在原来的ElMessageBox.confirm（）事件下面加入以下代码，就可以改变个别的样式了。
2024-02-05 17:03:48
1144
2
原创 app.component()的主要作用及示例
app.component()是一个全局api，它可以用于注册全局组件或局部组件，是一个命名约定，通常用于表示应用程序的主要组件或根组件。在main.ts中引入组件，并通过component('btn',Button)创建全局组件。直接在对应的文件中引入，然后使用就可以了。在vue3中的话直接引入就好了。
2024-01-13 15:09:51
2517
1
原创 衡量文件大小的标准
衡量文件大小一般以字节为单位进行衡量。因此，文件大小的单位从小到大依次为：字节（B）、千字节（KB）、兆字节（MB）、吉字节（GB）、太字节（TB）等。无论是文本文件、图片、音频、视频等不同类型的文件，在计算机中都是以字节的形式进行存储和处理。因此，使用字节为单位来衡量文件大小可以更准确地描述文件的大小和占用存储空间的情况。当文件的大小超孝雹过了几百兆字巧圆帆节时，使用字节为单位来衡量文件大小就不太方便了，因此在实际使用中通常会使用更大的单位，如千字节（KB）、兆字节（MB）等。
2024-01-13 15:04:34
866
1
原创 vue长列表性能优化
将不需要修改的数据改为非响应式的数据。通过 this.users = Object.freeze(users);在大量数据展示的情况下，这能够很明显的减少组件初始化的时间。他的另一种思路是将数据直接放在实例或组件上。
2023-08-12 17:27:49
63
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人