- 博客(238)
- 资源 (24)
- 问答 (5)
- 收藏
- 关注
RSS订阅原创 vue3.0 开发CesiumJS 3D 场景编辑器（支持源码）
基于 Vue3 + Element Plus + CesiumJS 构建的 3D 场景编辑器，提供模型管理、标记管理、绘制管理、天气模拟等功能，支持数据保存与预览。
2026-07-14 14:17:55
247
原创 基于uni-app+vue3+uview开发一款日常记账本应用app
小账本是一款基于uni-app框架开发的个人记账应用，支持H5和小程序多端运行。系统采用Vue3+Pinia技术栈，使用IndexedDB实现本地数据持久化。核心功能包括：多维度收支记录、心情追踪、统计分析（收支/分类/心情）等。应用包含首页、记账、日历、统计、分类管理等模块，首页展示收支总览和快捷入口，记账模块支持记录的增删改查。技术架构采用模块化设计，包含状态管理、数据库封装和工具函数等核心模块。项目要求Node.js 18+环境，具有简洁易用、数据安全、多端兼容等特点。
2026-06-30 18:52:58
427
原创 vue3基于leaflet.js实现地图编辑功能
本项目是一个基于Vue3+Vant+Leaflet的移动端地图编辑器，主要功能包括地图展示（支持标准/卫星地图切换）、多种图形绘制（折线/多边形/矩形/圆形/标记点）、图形编辑与删除、GeoJSON数据导入导出。技术栈采用Node.js 22.x环境，Vite构建工具，集成Leaflet.draw绘图插件。项目包含智能问答模块、地图编辑器主模块以及多个测试组件，支持移动端适配和现代浏览器。文档详细说明了功能模块、API接口、配置方法、运行要求以及已知问题的解决方案。
2026-06-16 17:41:18
189
原创 js实现视频播放画中画模式
这是一个视频画中画(PiP)模式的演示页面，主要功能包括：1.检测浏览器是否支持画中画功能；2.提供视频播放/暂停控制；3.实现画中画模式的切换功能。页面包含美观的UI设计，采用卡片式布局和渐变色背景，具有响应式特性。使用说明详细解释了如何操作：先播放视频，再切换到画中画模式，该模式下视频可独立窗口显示并继续播放。页面通过JavaScript监听画中画状态变化，实时更新界面显示。不支持该功能的浏览器会显示提示信息。
2026-06-12 15:14:07
384
原创 基于vue3.0开发一款【固废与废气运维管理系统】（支持源码）
固废与废气管理系统功能摘要 本系统是工业企业环境管理综合平台，提供固废与废气的全流程数字化管理。系统包含废气监测管理模块，支持有组织/无组织废气排口实时监测、治理设施运维和合规台账；固废管理模块覆盖产废、贮存、转移、处置全生命周期，支持电子联单和资源化追踪；预警系统实现多维度分级告警配置与闭环处置。系统还提供物联网设备管理、数据可视化大屏、统计分析及系统管理功能，满足企业环保合规与智能化管理需求，实现环境数据的实时监控、预警响应和报表自动生成。
2026-06-10 16:16:36
294
原创 小学三年级语文小游戏
这篇文章摘要： "语文小达人·三年级闯关"是一个针对三年级学生的语文学习互动网页应用。该应用采用游戏化设计，提供四种趣味闯关模式：1)拼音配对（匹配汉字与正确拼音）2)组词挑战（用给定字组成词语）3)选词填空（选择合适词语完成句子）4)反义词配对（识别意思相反的词语）。界面设计采用卡片式布局和渐变色背景，包含得分统计和连对奖励机制。游戏过程中会即时反馈正确答案，并根据表现给予鼓励性评语。所有题目均围绕三年级语文知识点设计，如"春天"、"认真"等基础
2026-06-08 15:25:40
287
原创 vue3.0开发一款基于AI 中小学作文批改系统（支持源码）
是一款基于 Vue 3 + Element Plus 开发的智能作文批改系统，集成阿里云 DashScope AI 视觉模型，能够以语文老师的视角对学生作文进行全面批改，包括错别字标注、结构点评、综合评分和润色建议等功能。
2026-06-03 13:33:37
172
原创 vue3.0基于threejs实现GLTF 在线编辑器V1.0版本（支持源码）
GLTF在线编辑器是一款基于Web的3D模型编辑工具，支持GLB/GLTF格式的模型上传、预览和编辑。该工具采用Vue3+Three.js技术栈，提供模型变换、场景管理、数据标记、光照调节等核心功能。系统架构包含Vue应用层、Three.js渲染层和UI组件层，支持主流现代浏览器。编辑器具有直观的可视化界面，可实现模型位置/旋转/缩放调整、天空环境切换、2D/3D标记管理等功能，适合3D设计师和开发者使用。
2026-05-30 11:55:02
401
原创 vue3 基于AntV X6 流程图设计编辑器v2.0版本
本文介绍了基于Vue3和AntV X6开发的流程图设计编辑器v1.2版本。该系统采用经典三栏布局，包含顶部工具栏、左侧面板、画布区域和右侧属性面板。主要功能包括：拖拽式节点创建、12类150+行业图标库、自定义图标上传、节点属性编辑、连接线动画效果、画布预览等。左侧面板提供基础流程图、系统设计图、工业/电气/机械/农业/医疗等专业图标分组，支持图标上传管理。系统采用Vue3+AntV X6+Element Plus技术栈，适用于业务流程设计、系统架构规划等场景。
2026-05-25 13:46:10
628
原创 html浏览器自动播放视频策略
为平衡用户体验 与开发者需求，现代浏览器（如Chrome）对视频自动播放（autoplay）功能设置了严格限制。未经用户交互的强制播放可能导致用户反感，因此浏览器 通过静音策略、媒体参与度（MEI）等机制动态控制自动播放权限。顶级窗口若已获得自动播放权限，可通过allow="autoplay"属性将权限传递给子iframe，但实际场景中此功能受限（父窗口自身权限不足时无法传递）。若视频设置为静音（muted属性），浏览器允许自动播放，无需用户交互。站点安装为PWA或主屏幕应用：用户主动安装表明信任该站点。
2026-03-23 13:39:45
221
原创 sass利用混合抽离媒体查询公共部分代码
本文介绍了使用Sass的@mixin功能优化响应式设计的方法。通过定义$device-breakpoints变量集中管理设备断点，并创建adaptDevice混合宏来简化媒体查询的编写。使用时只需传入设备名称即可自动应用对应的样式规则，避免了重复编写媒体查询代码，提高了样式的可维护性。当需要修改或新增分辨率时，只需在断点配置中调整一次，而不必多处修改，大大提升了开发效率。这种方法特别适合需要适配多种屏幕尺寸的项目。
2026-03-13 14:44:57
48
原创 网页Iframe读取PDF文件的参数设置
本文介绍了在网页中使用iframe加载PDF文件的方法及参数设置。通过在iframe的src属性中添加pdf地址和参数，可以控制PDF的显示效果，包括缩放级别（zoom）、指定页码（page）、显示模式（view）、旋转角度（rotate）等。还支持工具栏（toolbar）、菜单栏（menubar）、导航窗格（navpanes）等界面元素的显隐控制，以及搜索（search）、注释（comment）、全屏（fullscreen）等功能设置。各参数可通过"#"符号连接组合使用，如"
2025-11-08 09:24:34
574
转载 基于transform的scale属性，实现数据可视化大屏自适应缩放适配不同分辨率
摘要：本文介绍了一种实现自适应数据可视化大屏的解决方案。针对16:9设计稿(1920*1080)在不同屏幕下的适配问题，提出基于transform的scale缩放方案。通过计算屏幕宽高比，在更宽屏幕时以高度为基准缩放，更高屏幕时以宽度为基准缩放，并使用transform-origin调整缩放中心点。该方法可保持设计比例不变，屏幕比例不一致时两边留白，实现任意屏幕下的自适应显示。文中提供了完整的HTML/CSS/JS代码示例，包括容器结构、缩放计算逻辑和样式处理，解决了开发者需频繁调整浏览器缩放的问题。
2025-10-24 16:10:31
593
原创 web浏览器打开本地系统应用软件html代码
在平时开发过程中，我们经常碰到一些网站或者页面点击某个连接即可打开某个页面，比如点击链接地址，打开百度网盘下载，点击链接地址，跳转到迅雷下载等，这个是如何实现的呢？
2025-05-19 10:39:51
882
原创 vue封装弹窗元素拖动指令
项目开发过程中我们通常会遇到需要到一些弹窗鼠标可以随意拖动位置去放置，vue里面直接通过封装对应的指令即可，于是封装了一个出来，希望可以用到。
2024-12-30 12:46:51
454
原创 vue基于高德地图实现城市管网压力点、管线、测距、测面积、绘制多边形、绘制圆代码
基于高德地图研究了下管线和压力点、管线名称实现的逻辑，输出了一个简单的demo
2024-11-22 14:21:11
1065
原创 vue 基于antV 实现流程图编辑器代码
最近在做流程图功能开发，发现阿里antV 有对应的可视化引擎，于是自己做了一个简单vue 基于antV 实现流程图编辑器代码。
2024-06-21 11:45:06
1057
3
原创 vue基于高德地图实现城市管网、压力点、区域绘制编辑器
最近在做城市管网项目，项目中需要绘制一些管道路线，压力点位，和区域等，为了满足项目需求，于是基于高德地图实现了一个简单的编辑器。
2024-03-14 18:20:45
2694
8
原创 vue实现H5拖拽可视化编辑器
一款专注可视化呵护哈平台工具，功能强大，高可扩展的HTML5可视化编辑器，致力于提供一套简单易用、高效创新、无限可能的解决方案。技术栈采用vue和typescript开发, 专注研发创新工具。
2023-12-27 09:46:56
4122
2
原创 基于vue3.0实现vr全景编辑器
现在我们基于vue3.0版本开发出了一款沉浸式的编辑器，只需要使用全景相机在现场拍摄全景场景，然后将场景倒入编辑器，通过拖动图标和导航的方式绑定数据，从而实现沉浸式场景可视化。随着社会的不断发现，现实生活中有很多时候会使用到全景现实，比如房地产行业vr看房，汽车行业vr看车之类的，全景可视化真实还原了现场的场景，真正做到沉浸式体验。6、自定义添加网址和富文本标记，点击跳转网址查看富文本内容。2、自定义添加文字标记，绑定文字文本，标识场景设备名称。3、自定义添加场景标记，点击可以切换不同场景视角。
2023-07-27 11:52:53
4372
2
原创 js 也可做屏幕颜色拾取器了
最近在看到一些文章，出了一些新的api接口，可以提供给js做整个电脑屏幕颜色的拾取。差了下兼容性不是很好，但是该版本的浏览器是可以正常使用的。这样对一些设计类的网站或者是需要到屏幕颜色拾取功能的也可以做！
2023-05-12 10:02:23
899
原创 css3 背景大小background-size属性实现鼠标移入文字下划线动画效果
最近看到一个页面有一个很有趣的动画，就是鼠标移入后，在对应的文字下方会出现下划线的动画效果，当鼠标移除后，下划线动画会消失，于是想了下该如何去实现这个动画效果。
2023-03-23 14:15:10
810
1
原创 js 策略模式实现大规模表单验证
我们在做页面开发的时候有时候会遇到一些比较多的表单页面，比如个人信息，企业信息，设备信息等，里面都是包含很多的字段，每个字段需要校验的规则其实是不一样的，这样我们在提交表单的时候页面要做校验工能怎么办呢？维护起来是不是很头疼？原理就是将校验的方法抽离出来成为一个公共维护的对象，将对应的规则属性名跟对应数据的属性名相关联在一起，通过校验规则中的type 字段去找到对应检验规则方法，通过校验方法会返回对应的标识，不通过则会给出对应规则配置的错误提示语。整体代码：（ps: 用vue写的组件）
2022-11-25 14:35:14
551
1
原创 js 实现页面隐藏、关闭、刷新给出对应的提示
我们在做项目的时候经常会遇到一些需求，比如在某些页面当点击浏览器刷新 或者关闭的时候会有对应的提示，是否离开或者重新加载此网站。比如csdn写文章的时候就有这个弹窗，这功能就是用onbeforeunload实现的。浏览器切换其他页面或者最小化的时候触发，（ps: 常用于检测考试作弊行为）一般来说，我们希望使用 Page Visibility API，在用户没有看到页面时停止不必要的进程，或者执行一些后台操作。可以下面这几种情况：当用户离开页面时，暂停视频、轮播图或动画。停止一些实时获取数据的API。
2022-10-26 11:30:17
5108
原创 CSS3实现发光按钮效果动画
在平时看到抽奖，或者一些活动内容页面，我们经常会看到一些发光效果的按钮，视觉上引导用户去点击，这种效果主要是利用css3的动画效果去实现，关键帧放大元素尺寸和改变元素的不透明度，还有就是渐变拉伸去设置对应的按钮渐变...
2022-09-01 17:21:23
2844
原创 vue+vuex实现2D可视化图形编辑器
随着物联网的快速发展，人们对物联网设备的数据监控可视化的需求越来越强烈，为了解决企业设备数据监控可视化痛点，当康科技经过不断的努力，研发了一套基于物联网的可视化图形编辑器，用户编辑器可以通过该编辑器实现自定义上传图片，和自己所需的组件图标，通过拖拽，移动等方式编辑对应的可视化图形界面，动态绑定设备数据，实现系统组态数据显示。微信公众号 搜索“当康AIOT”，即可关注我们。6、针对不同的设备类型不同的数据绑定。北方供暖锅炉房可视化。...............
2022-08-30 15:08:59
6162
12
原创 uni-app跨端开发实现APP与H5之间的通讯和交互
最近在研究uni-app跨端开发APP和H5的通讯和交互，比如H5调用APP的方法，APP往H5里面传参，H5往app外面传参。话不多说，上代码！
2022-08-17 14:30:14
2760
1
原创 js 实现16进制与gb2312编码中文互相转化
最近在接触蓝牙与硬件通讯相关的东西，需要解析蓝牙和解析16进制的东西、下面就简单列举一些解析过程中需要的方法，希望能帮助到网友。
2022-08-17 11:28:22
1173
3
原创 vue基于threejs实现的3D可视化编辑器
随着5G网络的渐渐普及，物联网在人们的生活中渐渐广泛使用，社会向着越来越智能化的方向发展。当康科技经过不懈努力，研发属于自己的一款3D可视化编辑器，助力企业应用实现3D可视化服务。......
2022-07-16 13:47:44
10409
11
原创 threejs + vue 倒入ade文件实现动画效果
threejs + vue 倒入ade文件实现动画效果<template><div class="modelsBox"> <div class="modelsBox_wrapper"></div> <div class="opara-pannel"> <div> <button @click="save">保存</button> <button @cl.
2022-05-20 16:47:05
875
原创 vue + threejs 实现场景环境贴图，模型高光显示效果
<template> <div class="modelsBox"> <div class="modelsBox_wrapper"></div> <div class="opara-pannel"> <div> </div> <div> 三维坐标点信息 <!-- <p>{{point3d}}<...
2022-05-19 14:44:40
2918
原创 vue + threejs实现导入blender动画并控制其播放
<template><div class="modelsBox"> <div class="modelsBox_wrapper"></div> <div class="opara-pannel" @click.stop> <div> <button @click="playAnimate(idx)" v-for="(v, idx) in this.animations" :key="i...
2022-04-28 15:06:51
4515
5
原创 vue+threejs 精灵模型Sprite模拟下雨效果
<template><div class="rain-box_wrapper"> <div class="modelsBox_wrapper"></div></div></template><script>import { webglOBJ } from '@/utils/webGL/webGL.js';import TWEEN from '@tweenjs/tween.js';export defa.
2022-04-27 18:20:51
1273
原创 vue+threejs 实现鼠标点击三维空间的模型点，相机平滑聚焦到对应的模型。
<template><div class="modelsBox"> <div class="modelsBox_wrapper" v-if="f"></div> <div :id="`sign${idx + 1}`" style="position: absolute;" v-for="(v, idx) in labels" :key="idx"> <div class="sign" :uuid="v.uuid"...
2022-04-25 15:47:36
7268
4
html5集合Vuejs开发商品日常卖记录、统计收入结果webapp项目代码
2017-05-25
原生javascript封住处理树结构数据treejs插件
2020-12-08
使用HTML5结合Vuejs开发离线记事本webapp项目源码
2017-05-25
关于ES6解构赋值的问题
2018-08-23
请问网页代码中的一些注释会不会影响SEO，对关键字优化有没有影响等等
2017-08-02
javaScript nextSibling 一直报错。按理来说是这样写的啊。
2016-12-10
TA创建的收藏夹 TA关注的收藏夹
TA关注的人