自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Bloxed_shangyc的博客

Life is limited, but knowledge is boundless

  • 博客(168)
  • 资源 (2)
  • 收藏
  • 关注

原创 浅谈onlyoffice开发常见问题

摘要: 解决OnlyOffice文件无法打开的问题需检查:1)token有效性或关闭本地开发token;2)确保浏览器能直接下载文件;3)本地开发需配置allowPrivateIPAddress为true;4)验证回调服务正常,处理不同状态(编辑中、保存、强制保存等);5)编辑后未回调但显示新文件,需确保document.key唯一;6)清除缓存解决编辑冲突;7)调整savetimeoutdelay优化回调延迟。回调示例包含状态判断与文件保存逻辑。

2025-10-31 11:40:59 194

原创 浅谈onlyoffice开发全流程(二、文档加载、回调保存)

文章摘要:本文介绍了OnlyOffice文档编辑器的前端集成流程。首先在HTML中通过script标签引入OnlyOffice的API文件,然后详细展示了文档配置对象的结构,包括文档类型、权限设置、编辑器配置等信息。最后提供了初始化编辑器的TypeScript代码示例,说明如何创建编辑器实例并配置回调地址等重要参数。配置内容涵盖了文档属性、编辑模式、UI主题、语言设置等各个方面,为开发者提供了完整的OnlyOffice集成参考方案。

2025-10-31 11:25:22 371

原创 浅谈onlyoffice开发全流程(一、基础介绍)

本文介绍了OnlyOffice开发的技术流程,主要包括文档服务、前端编辑界面、后端回调服务和文件存储四个部分。详细说明了文件渲染和保存流程,并提供了在Windows环境下使用Docker部署OnlyOffice文档服务器和MongoDB的具体步骤,包括容器启动命令、数据库用户创建等操作。最后简要提及了文档加载和保存回调逻辑的实现要点。

2025-10-31 11:12:07 151

原创 模拟windowsweb版本桌面应用

摘要: 该桌面应用模拟系统提供多窗口浏览器、应用管理和交互功能,支持图标拖拽、删除、打开等常规操作。核心功能包括:多应用访问、系统通知、在线代码编辑、第三方应用嵌入、文档编辑与流文件查看。系统支持单机/在线双模式,采用iframe嵌入实现多标签页浏览,提供地址栏导航、窗口缩放/关闭等交互控件。通过Vue组件实现动态标签页管理、窗口拖拽调整大小,并利用沙箱隔离保障嵌入式内容安全。未来计划扩展桌面端打包等功能,当前已实现基础窗口管理和多应用协同操作体系。

2025-08-27 12:54:16 221

原创 GIS openlayers 轨迹编辑,渲染

OpenLayers地图应用摘要 该代码实现了一个基于Vue3和OpenLayers的地图应用,主要功能包括: 地图初始化:使用OpenLayers创建地图视图,支持瓦片图层和矢量图层的加载与渲染 地理要素绘制: 支持点要素(建筑物、起点、终点)和线要素(路线)的绘制 提供自定义样式功能,包括图标、线宽、颜色和虚线样式 交互功能: 要素选择和属性编辑 鼠标位置坐标显示 GeoJSON数据导入/导出 UI组件: 使用Element Plus的弹窗和消息组件 图例面板控制不同要素类型的绘制 属性编辑面板 数据管

2025-08-27 12:35:15 217

原创 openlayers 6 + vue3 添加地图闪烁点和添加栅格图层数据

本文展示了两个地图数据处理函数:addDynamicPoints用于批量添加闪烁点,接收站点信息数组,包括坐标、名称等属性,通过动画效果实现闪烁功能;handelGrid用于处理栅格数据,包含降雨量等信息,根据数值动态设置颜色样式。两个函数均采用模块化设计,支持图层管理和性能优化,实现了地图数据的可视化呈现与动态效果。代码采用TypeScript编写,包含详细参数注释,适用于地理信息系统开发场景。

2025-06-24 11:19:31 187

原创 前端自定义文本生成文件下载

【代码】前端自定义文本生成文件下载。

2025-04-26 11:42:35 258

原创 分享基于时间moment的时间快捷工具

时间工具,在开发过程中,经常会需要时间过滤查询,不同的业务场景需要的时间不一样。

2025-04-26 11:36:25 213

原创 vue+vite 减缓首屏加载压力和性能优化

在vue+vite构建的工程里面,性能优化分为开发环境和打包后的生产环境,作为开发首先需要把找个了解清楚,接下来分别解析在开发和生产处理的方案,不多说,直接上代码。这个配置是写入vite.config.ts 配置文件里面,optimizeDeps和plugins 同级别。2、使用 vite-plugin-optimize-persist 自动生成最优预构建配置。Tree-shaking 增强。Web Workers 优化。Dead Code 检测。

2025-04-15 22:26:03 1053

原创 Vite源码学习分享(一)

vite介绍

2025-01-10 17:02:21 576

原创 前端文件下载多方式集合

基于vue+element UI框架前端文件下载多方式集合

2024-12-25 23:36:40 317

原创 水库大坝三维模型开发bim篇

水库大坝三维模型开发

2024-12-25 23:26:03 665

原创 水库大坝三维模型的开发和使用3Dmax篇

水库大坝模型开发

2024-12-25 23:18:41 601

原创 基于earthSDK三维地图组件开发

基于earthSDK2.0 三维地图组件开发

2024-12-25 23:10:46 500

原创 基于openlayers 开发vue地图组件

openlayers 开发地图组件

2024-12-25 23:03:20 489

原创 Canvas指定三角形内部生成随机点

【代码】Canvas指定三角形内部生成随机点。

2024-12-25 22:38:46 264

原创 水库大坝浸润线绘制

【代码】水库大坝浸润线绘制。

2024-12-25 22:32:30 992 2

原创 centos-home 磁盘空间转移至centos-root下

由于在安装centos系统的时候,如果在安装时没有分配磁盘空间,选择的是默认分配的,在安装完成后,可以发现大容量磁盘往往分配在了home下面。如果要把home下面的磁盘空间分配到root磁盘下面。可以进行如下操作。

2022-12-02 10:13:54 924

原创 window10安装debian与docker部署服务自动发布bash脚本

window10安装debian与docker部署服务自动发布bash脚本

2022-09-01 14:16:06 777

原创 开发者Linux常用指令

linux下数据库操作,文件操作,ip等常用指令

2022-08-22 10:08:45 534

原创 python库对库数据同步脚本--适用于定时任务

/代码为主要实现的逻辑,具体根据实际业务需求,当前是查询中台当前时间往前两个小时最新一条数据;数据采集平台采集到设备端数据、脚本通过数据中台定时同步到业务系统(库同步到库)使用 系统crond定时执行 crondtab -e进入编辑模式。1、基础通用连接脚本 base.py。1、业务同步脚本tasks.py。......

2022-08-17 14:54:18 1125

原创 docker常用命令解析

docker 映射,启动

2022-08-17 12:38:44 957

原创 flutter //通讯录按照字母分类 List 根据指定属性去重

flutter 数组去重,通讯录分类,拨打电话

2022-08-12 10:17:32 865

原创 flutter 高德地图渲染行走轨迹

安装地图插件permission_handler: ^5.0.1+1amap_map_fluttify: ^0.30.1flutter_screenutil: 4.0.2+3flutter_easyloading: ^2.2.2渲染关键代码 // 添加线段 //lines 结构 [LatLng(26.642386, 106.65195799999998), LatLng(26.641542, 106.65062999999998), LatLng(26.641402, 106.6.

2022-04-28 11:20:07 2001 3

原创 flutter flutter_screenutil视频播放

安装插件包使用import 'dart:async';import 'package:flutter/material.dart';import 'package:flutter_easyloading/flutter_easyloading.dart';import 'package:video_player/video_player.dart';import 'package:flutter_screenutil/flutter_screenutil.dart';class Vi.

2022-04-28 10:23:49 1595

原创 flutter使用shared_preferences本地存储基础信息

根据自己项目选择适合的shared_preferences版本建通用的storage.dart文件import 'package:shared_preferences/shared_preferences.dart';class Storage { static Future<void> setString(key, value) async { SharedPreferences sp = await SharedPreferences.getInstance..

2022-04-28 10:14:24 409

原创 flutter-Routers基础介绍

简介: flutter的路由管理与平时PC和app的工作原理一样,思路:知道使用流程和配置流程,进行配置和使用第一步:在pages/routers下有Routers.dart文件,当前文件属于router配置文件,这个几乎是固定写法,如果有新的路由页面,继续添加即可,代码如下import 'package:flutter/material.dart';import 'package:cai_customer/pages/Login/LoginPage.dart';import '../page

2022-04-28 10:02:56 896

原创 app开发本地无需使用连接线,调试app方式

app开发本地无需使用连接线,调试app方式1、pc和手机连接同一局域网,手机打开发者模式 1. adb connect 192.168.110.125 //192.168.110.125为手机的ip 打开wifi连接信息可查看ip 2. adb tcpip 5555 //tcp连接端口 3. adb devices //查看是否建立连接 4. adb -s UJK0220416002366 tcpip 5555 //UJK0220416002366 设备号添加保存 5. adb de

2021-11-06 16:27:27 430

原创 flutter 常备基础知识

flutter 常备基础知识//数组包含某个值listArr.contains(1)溢出添加省略Expanded( flex: 1, child: Text( '$value', maxLines: 2, overflow: TextOverflow.ellipsis, style: TextStyle( color: label == '状态:' ? ColorUtil.fromHex('#ff3300',

2021-11-06 16:20:37 244

原创 ‘ to be a valid and instantiated subtype of ‘NativeType‘. final int totalSize = count * sizeOf(); ^

:/src/flutter/.pub-cache/hosted/pub.dartlang.org/ffi-0.1.3/lib/src/utf16.dart:16:7: Error: Struct ‘Utf16’ is empty. Empty structs are undefined behavior. class Utf16 extends Struct { ^ /C:/src/flutter/.pub-cache/hosted/pub.dartlang.org/ffi-0.1.3/lib/src/al

2021-11-06 16:11:53 479

原创 Flutter: Unable to load asset Image provider: AssetImage(bundle: null, name: “assets/xx/xx.jpg

Flutter图片加载问题,Flutter: Unable to load asset Image provider: AssetImage(bundle: null, name: “assets/images/xx.jpg”)解决方案:依赖包添加文件目录路径(在pubspec.yaml文件里)flutter: # The following line ensures that the Material Icons font is # included with your applicatio

2021-11-06 15:58:47 3000

原创 Flutter 路由传参配置

Flutter 路由传参配置在项目目录routers有一个Routers.dart文件(代码如下)import 'package:cai_customer/pages/orderDetail/Detail.dart';final Map<String, Object> routes = { '/': (context) => TabContainer.Tab(), '/orderDetail': (context, {arguments}) => OrderDet

2021-11-06 15:43:22 501

原创 浅谈electron构建桌面应用

1、electron是什么electron是有Github开发, 是一个能让你使用 JavaScript, HTML 和 CSS 来创建桌面应用程序的框架。electron的原理是 通过将 Chromium 和 Node.js 组合到同一个 runtime 环境中。这些应用程序可以打包后在 macOS、Windows 和 Linux 上直接运行。2、为什么会用electronwin:c++,c# mac:Objective-C Swift Li:c++;多个平台我们需要多个应用,高开发成本。而

2021-06-24 22:18:42 458 1

原创 React hooks useState set数据失效

2. 执行 addConcatA 数据不会更新,通过执行addConcatB 数据生效 ,QQ技术交流群:707 196 135 (大前端技术交流群),原因:目前不是很确定,找到问题再更新。解决方案:通过解构的方式实现。

2021-01-20 23:00:47 3885

原创 React 插入百度地图获取定位信息

1.安装React 百度地图组件库npm install @uiw/react-baidu-map --save2.基于Ant DesignUI框架【组件代码】import React, { useState, useEffect } from 'react';import { Modal, Button, AutoComplete, Input, Tag, Col, Row,} from 'antd';import { Map, APILoader, useMap,...

2021-01-20 22:30:52 1547

原创 调用百度地图API,获取经纬度,搜索指定位置

不多说,直接上代码注册百度开发者帐号,拿到密钥ak,教程很多,直接搜索"百度地图AK申请流程"就知道怎么做 封装loadBMao.js /** * 动态加载百度地图api函数 * @param {String} ak 百度地图AK,必传 */export default function loadBMap(ak) { return new Promise(function(resolve, reject) { if (typeof window.BMap !== 'u

2020-09-24 15:34:00 2625 1

原创 微信调支付宝支付常见问题

在跳转中间页的时候,有点手机微信,#号后面的内容被截取,导致打开浏览器以后无法跳转支付宝页面实际到这个页面的时候,下面的gotoUrl参数已经没有了 Array.prototype.slice.call(document.querySelectorAll("input[type=hidden]")).forEach(function (ele) { queryParam += '&' + ele.name + "=" + encodeURIComponent(ele.val.

2020-06-04 18:25:24 1657

原创 浅谈微信内置浏览器调用支付宝支付完整教程《2》

话不多少直接上代码1、 支付宝文档底部下载demo,2、demo里有ap.js,pay.htm,post.htm等,pay.htm是支付宝为提供的demo中间页,用框架构造项目的需要自己改造下,在跳转中间页面的时候,需要用ap.js的方法/****创建订单接口,这个接口后台会返回一个form表单的字符串*关注返回后调用goMask方法*/pay_click(){ let param = { params:{ registrationId:this.registra

2020-06-04 18:04:31 3877 1

原创 浅谈微信内置浏览器调用支付宝支付完整教程《1》

项目背景: 二次开发微信公众号,需要接入支付宝支付,调用支付宝app

2020-06-04 17:37:54 6116

原创 listMap 结构根据key值相同,累加或合并其他的属性

listMap 结构根据key值相同,累加或合并其他的属性example:// 原数组[ {key:'name',number:2}, {key:'code',number:3}, {key:'age',number:4}, {key:'name',number:5}]//预期[ {key:'name',number:7}, {key:'code',number:3}, {key:'age',number:4},]逻辑方法listMap 结构根据key合并其他的属性//合

2020-05-31 18:14:35 1866

Vite源码学习分享(一)

Vite源码学习分享(一)

2025-01-10

看板布局代码分享

下载压缩包dash.rar,装有node环境,直接启动(npm run dev);无需安装依赖

2018-07-11

上传附件插件包

不使用flash插件上传附件,下载之后,解压,直接放入静态资源加载

2018-08-13

空空如也

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

TA关注的人

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