- 博客(51)
- 收藏
- 关注
原创 uni-app 小程序上传单个或多个文件封装以及ios上传文件时部分文件格式未找到如pdf
【代码】uni-app 小程序上传单个或多个文件封装。
2024-04-10 11:07:58 198
原创 el-tree组件使用filter-node-method方法搜索过滤节点,不展示子节点的问题以及中英文过滤
这个方法有三个参数,value:输入的搜索词,data是当前数据,node是当前树形节点。toLowerCase()实现中英文过滤。
2024-03-29 11:33:46 543
原创 JavaScript中,异步获取数据通常使用回调函数
2. Promise对象:Promise是一种用于处理异步操作的对象,它可以通过`resolve`和`reject`方法来处理异步操作的结果。3. async/await:async/await是ES2017引入的一种处理异步操作的语法糖,它可以让异步代码看起来更像同步代码。在JavaScript中,异步获取数据通常使用回调函数、Promise对象或者async/await来处理。1. 回调函数:可以在异步请求完成后,将获取到的数据作为参数传递给回调函数。
2024-01-31 16:12:50 469
原创 vue强制更新组件
当组件的数据发生变化时,Vue会自动重新渲染视图,但是有时候,如果数据的变化不会触发Vue的响应式系统,那么组件就不会重新渲染。需要注意的是,对于优化性能的考虑,我们不应该频繁地使用this.$forceUpdate()。通常情况下,Vue应该能够自动检测到数据变化并触发渲染。在上面的例子中,当点击按钮时,会修改message的值,并调用this.$forceUpdate()来强制更新组件,从而重新渲染视图。在Vue组件的方法中,可以使用this.$forceUpdate()来手动强制更新组件。
2024-01-29 11:42:41 519
原创 el-table组件分页时选中数据时数据回显
两个需要注意的点 需要设置row-key 同时在在选择框需设置reserve-select 为true。
2024-01-29 11:11:54 465
原创 使用uni-app实现弹幕功能及滚动效果
数组中,通过遍历数组生成弹幕元素,并使用CSS动画属性实现滚动效果。弹幕元素在屏幕底部滚动到顶部后,会重新回到底部进行循环滚动。这段代码实现了一个简单的弹幕功能,弹幕内容存储在。
2024-01-12 10:57:24 754
原创 uni-app中实现弹幕的滚动效果
指令将弹幕内容渲染到页面上。在每个弹幕元素上添加CSS样式,使其具有滚动效果。使用定时器或者动画库,定时更新弹幕元素的位置,实现滚动效果。在Vue组件中定义一个数组,用于存储弹幕的内容。在页面中创建一个容器,用于显示弹幕内容。函数或者Vue的生命周期钩子函数来实现定时更新。使用CSS样式设置容器的位置和样式,例如设置。标签或者其他适合的标签作为容器。使其固定在页面上的某个位置,设置。隐藏超出容器范围的内容。
2024-01-12 10:55:13 1005
原创 前端web虚拟列表实现
前端虚拟列表是一种优化技术,用于处理大量数据的列表展示,以提高页面性能和用户体验。其原理是只渲染当前可见区域的数据,而不是将所有数据一次性渲染到页面上。计算可见区域:根据列表容器的高度和每个列表项的高度,计算出可见区域可以容纳的列表项数量。更新可见区域:根据起始索引和可见区域的数量,更新可见区域的数据,并重新渲染到页面上。监听滚动事件:监听列表容器的滚动事件,根据滚动位置动态计算当前可见区域的起始索引。渲染可见区域:根据可见区域的数量,只渲染这些列表项到页面上。获取列表数据:从后端获取完整的列表数据。
2024-01-10 15:18:13 552
原创 前端页面首次进入页面时滚动到最底部导致页面卡顿的问题
图片懒加载:如果页面中包含大量的图片,可以使用图片懒加载的方式来优化性能。减少页面元素:如果页面中包含大量的DOM元素,可以考虑减少页面元素的数量,优化页面结构。可以通过合并、压缩CSS和JavaScript文件,减少HTTP请求的次数,以及使用CSS Sprites等方式来减少页面元素。虚拟滚动:虚拟滚动是一种优化滚动性能的方式,它只渲染可见区域的内容,而不是将所有内容都渲染出来。这样可以减少一次性加载大量内容导致的卡顿。延迟加载:可以使用延迟加载的方式,即在页面加载完成后再加载滚动到底部的功能。
2024-01-10 15:12:31 424
原创 JS根据数组中所有的属性包括嵌套的属性进行模糊搜索的方法:
export function search_obscure(keyword, arr,one_keys,two_keys) { var result = arr.filter(function(item) { for (var key in item) { if (typeof item[key] === 'object') { for (var subKey in item[key]) { let index_key = two_keys.findIndex(x=>
2023-12-12 11:06:30 367
原创 git命令行丢弃本地修改
2. 场景2:当你不但改乱了工作区某个文件的内容,还添加到了暂存区时,想要丢弃修改,可以分两步操作。第一步使用命令 `git reset HEAD`,将暂存区的修改撤销回工作区,第二步按照场景1操作。1. 场景1:当你改乱了工作区某个文件的内容,想直接丢弃工作区的修改时,使用命令 `git checkout -- file`。以上两种方法都可以丢弃本地的更改,但是请注意,这些操作都是不可逆的,因此在执行之前请确保你真的想要丢弃这些更改。
2023-11-14 16:14:44 818
原创 tinymce中的a标签增加点击事件
这样,当用户在编辑器中选择文本并点击工具栏上的 “添加链接” 按钮时,自定义的点击事件就会被触发。在示例代码中,我使用了一个简单的。在 TinyMCE 中,可以通过自定义按钮来实现在插入或编辑链接时添加点击事件。首先,在初始化 TinyMCE 的时候,需要添加一个自定义按钮。然后,在 TinyMCE 的工具栏中添加这个自定义按钮。弹窗作为点击事件的处理逻辑,你可以根据实际需求自行修改。配置项来添加按钮,并为其绑定一个自定义的点击事件。配置项来指定工具栏中的按钮布局。
2023-09-02 16:28:10 562
原创 vue2中tinymce支持超链接点击下载功能
这样,你就可以在Vue 2中使用TinyMCE实现超链接点击下载功能了。当用户点击超链接时,会触发自定义的。你可以根据自己的需求来实现下载逻辑。在这个例子中,我们使用了一个自定义的。指令双向绑定了编辑器的内容。
2023-09-02 16:26:30 387 2
原创 tinymce富文本文本添加点击事件
注意,具体的代码实现可能会根据你使用的富文本编辑器和前端框架而有所不同,上述代码只是一个示例。请根据你实际使用的编辑器文档和API来进行相应的操作。要给富文本编辑器的文本增加点击事件,首先需要确定你使用的富文本编辑器是哪个。如果你使用的是其他富文本编辑器或者自己开发的富文本编辑器,可能需要参考其官方文档或者API来了解如何添加点击事件。确定要添加点击事件的文本区域或者元素,例如一个按钮、链接或者特定的文字部分。在编辑器初始化或者加载完成后,找到该元素,并给它绑定点击事件的监听器。
2023-09-02 16:23:34 1019
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人