- 博客(32)
- 收藏
- 关注
RSS订阅原创 在uni-app中使用SQLite实现离线下数据同步：从封装到实践
对于uni-app开发者而言，SQLite是理想的本地存储解决方案，支持结构化数据的存储和检索。本文将介绍如何在uni-app项目中使用SQLite实现离线数据同步，包括封装sqlite.js简化数据库操作、测试数据库连接，需要在真机或雷电模拟器上进行调试。相关的API仅能在真机或类似安卓手机的雷电模拟器上运行，因此这是验证SQLite数据库操作的最佳环境。：为实现离线数据同步，不能依赖终端部署的JAR包，而是直接使用SQLite进行数据处理。
2025-03-06 18:18:06
567
原创 UniApp对接WebSocket实现实时通信与页面刷新
本文将详细介绍如何在UniApp项目中对接WebSocket进行实时通信，并使用Vuex管理WebSocket消息的状态。通过封装uni原生的WebSocket API，创建一个工具类`websocket.js`，并在应用启动时初始化WebSocket连接，确保能够实时监听和更新页面。
2025-03-06 12:03:05
779
原创 Vue 和 dhtmlx-gantt 实现图表构建动态多级甘特图效果 ，横坐标为动态刻度不是日期
Vue 和 dhtmlx-gantt 实现图表构建动态多级甘特图效果 ，横坐标为动态刻度不是日期
2025-02-07 15:48:27
1382
原创 cesium中动态渲染热力图
max: 3 * Math.PI / 4 // 135度，指向东北方向结束。min: Math.PI / 4, // 45度，指向东北方向开始。4）生成随机点：在边界区域内生成随机点来表示热力图中的数据分布。5）绘制热力图：使用这些点的分布情况来以此形成热力图。2）确定半径：定义一个半径来确定热力图的影响范围。1）选择中心点：以某个指定点作为热力图的中心。3）计算边界：基于半径计算出该范围的边界区域。利用数学中的计算方式，算出它的一个弧度。计算函数里面，代码改成。
2024-08-13 15:30:00
1360
6
原创 Vue中动态渲染表单并回显数据时，遇到input输入框因数据动态赋值再次输入而未渲染问题
Vue中动态渲染form表单，并回显，input动态有值后，输入框失效，数据改变但未及时渲染的问题,。
2024-07-10 17:02:03
694
原创 vue中mitt的使用(一个页调用另一个页面中的方法，并实时监听)
Vue2.x 使用 EventBus 进行组件通信，而 Vue3.x 中EventBus被弃用了，因此推荐使用 mitt.js。它还不依赖 Vue 实例，可以跨框架使用，React 或者 Vue，甚至 jQuery 项目都能使用同一套库。tips:当前页面要引入utils公共文件，我是A页面调取成功后，给B页面传值，达到B页面刷新的效果。推荐使用，使用一次后爱不释手，决定以后就用它了。事件总线，是第三方插件。
2024-07-05 09:37:35
546
原创 vue导出文件流获取附件名称并下载
1、接口2、封装的get请求方法3、导出代码4、注意，虽然打印res，里面没有文件名称，但实际有的5、完整代码。
2024-07-02 16:32:44
1146
原创 jq原生封装组件
写组件的时间注意用Vue.extend，使用基础Vue构造器，创建一个"子类"。参数是一个包含组件选项的对象。,而不是new Vue,data选项是特例，需要注意，在Vue.extend()中它必须是函数。
2024-02-28 14:47:58
440
1
原创 前端利用插件实现图片预览功能（v-viewer）
1、下载依赖 2、html代码 3、js代码 4、完整代码 注意：效果如下：最后 感谢阅读 如果有不足之处 请指出
2024-01-24 18:10:07
1086
2
原创 vue+element-plus+table实现值班信息管理功能
需注意的是显示的时间信息什么的都是后端的接口 动态拿的 <el-table :data="tableData" ref="table" row-key="id" border lazy :tree-props="{ children: 'children' }" default-expand-all > <el-table-column label
2023-07-14 15:31:59
784
1
原创 百度地图的使用方法：如何在Vue项目中使用百度地图
登录百度帐号 在中导入4.创建vue项目运行页面如下： 感谢阅读，如有不足之处，欢迎在评论区讨论！
2023-06-27 11:42:39
389
原创 jquery加aos.js动画
要使用 jQuery 下载 AOS (Animate On Scroll) 动画插件，你可以按照以下步骤进行：首先，访问 AOS 的官方网站（AOS - Animate on scroll library），在页面上找到 "Download"（下载）按钮。点击 "Download" 按钮后，会弹出一个下载选项的对话框。在这里，选择您希望下载的文件版本，例如开发版本（Development version）或生产版本（Production version）。选择并下载所需的文件版本后，您将获得一个 ZIP 压
2023-06-26 10:07:58
555
1
原创 Vue 实现垂直菜单分类栏目，鼠标移入下方出现悬浮二级菜单容器效果
需要注意的是 二级菜单的盒子要在最大的盒子里面 要把它撑开 而不是和导航一个div ，下面是实现的效果 但有点潦草 具体样式需自行调整具体代码如下：html代码： <div class="Header"> <div class="HeaderBody" @mouseleave="clearActiveIndex"> <div class="headerBox"> <div class="Logo">
2023-06-07 10:08:00
2064
1
原创 Tinymce 富文本
宋体=\'宋体\';黑体=\'黑体\';language_url: "tinymce/langs/zh_CN.js", //引入汉化包。
2023-05-29 15:07:17
540
3
原创 前端面试提的一些问题（西安）
功能上：computed是计算属性，watch是监听一个值的变化，然后执行对应的回调。是否调用缓存：computed中的函数所依赖的属性没有发生变化，那么调用当前的函数的时候会从缓存中读取，而watch在每次监听的值发生变化的时候都会执行回调。是否调用return：computed中的函数必须要用return返回，watch中的函数不是必须要用return。computed的实现 watch的实现 1、对 this 的关联。函数内置 this 的值，取决于 箭头函数在哪儿定义，而非箭头函数执行的上下文环境。
2023-05-25 11:53:56
188
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人