记录---vue播放海康视频.首屏加载多个窗口
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
最近vue接入海康监控画面,需要首屏展示9个窗口,于是就去下载官方demo,经过两天半的努力,也是成功完成!
**首先:下载开发包open.hikvision.com/download/5c…
我用的是3.3
然后里面自带demo文件,先安装这个插件,双击即可,一路next
然后demo文件里面的index.html文件 ...
WebGL 的简易入门教程,实现一个旋转的彩色立方体
目录前言第一节 绘制出了一个点效果演示逐行解释向量类型第二节 动态传递点数据变量修饰符完整代码第三节 缓冲区和画线类型化数组绘制的方式完整代码第四节 彩色线段精度修饰符完整代码第五节 单个 buffer 渲染颜色完整代码第六节 抽离代码 & 画彩色三角形完整代码第七节 图元的七种绘制方式完整代码第八节 uniform 传值变 ...
中国象棋-纯享版
最近在玩象棋,各类象棋小程序进去总是弹广告,要么充钱要么看广告,体验极差,想着是不是自己开发一款随时可玩的。
于是乎,有了下文...以及在线体验地址 https://xiangqi.taadis.com/
游戏介绍
在繁忙的生活节奏中,你是否渴望找到一款无干扰、无广告、随时可玩的中国象棋游戏?
那么,中国象棋在线游戏将是你的不二之选 ...
可视化|数据可视化文档之 echarts 项目初始化
数据可视化文档之 echarts 项目初始化
环境搭建
# node 环境
nvm install v11.15.0
# or
nvm use 11.15.0
# 查看 node 版本
node -V
# v11.15.0
npm -V
# 6.7.0
cnpm -V
# cnpm@6.0.0
# 更改镜像
# npm config set registry https://registry.npmmirror.com
nrm use taobao
npm config get registry
# 全局安装 @v ...
测量行业Web前端技术
在测量行业(如地理信息系统GIS、工程测量、建筑测量、环境监测等),Web前端技术主要用于数据可视化、交互式地图、实时监控以及三维模型展示等场景。以下是常见的Web前端技术及其应用:
地图与GIS相关技术
Leaflet
轻量级开源库,适用于构建交互式地图,支持GIS数据叠加(如GPS轨迹、测量点标记)。
OpenLayers
功 ...
SvelteKit 最新中文文档教程(8)—— 部署 Node 服务端
前言
Svelte,一个语法简洁、入门容易,面向未来的前端框架。
从 Svelte 诞生之初,就备受开发者的喜爱,根据统计,从 2019 年到 2024 年,连续 6 年一直是开发者最感兴趣的前端框架 No.1:
Svelte 以其独特的编译时优化机制著称,具有轻量级、高性能、易上手等特性,非常适合构建轻量级 Web 项目。
为了帮助大家学习 Svel ...
记录---学习项目如何用Docker部署
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
写在前面
Docker对比传统虚拟机
Docker 是个划时代的开源项目,它彻底释放了计算虚拟化的威力,极大提高了应用的维护效率,降低了云计算应用开发的成本!使用 Docker,可以让应用的部署、测试和分发都变得前所未有的高效和轻松! 无论是应用开发者、运维人员、还是其他 ...
如何使用 vxe-table 来实现高亮行与高亮列,单元格选择高亮移动功能
如何使用 vxe-table 来实现高亮行与高亮列,单元格选择高亮移动功能
查看官网:https://vxetable.cn
gitbub:https://github.com/x-extends/vxe-table
gitee:https://gitee.com/x-extends/vxe-table
效果
代码
通过 rowConfig.isCurrent 启用高亮行功能,columnConfig.isCurrent 启用高亮列功能,mouseConfig 配置单元格 ...
Dicom纯js的三维重建影像阅片器
主要功能介绍
实现通过浏览器浏览Dicom影像阅片。主要功能:
支持标准DIcom影像的2D浏览,预设窗位,伪彩,序列间,序列内多种布局方式。
影像处理,提供影像翻图、缩放、移动、透镜、反相、旋转、截图等操作
影像测量,提供箭头、直线、十字架、角度、Cobb、心胸比、椭圆、矩形、勾画,橡皮擦、CT值等数据的测量
支持影像 ...
java综合开发-前后端分离-01前端html,css
java综合开发-前后端分离-01前端html,css
[ 任务列表 ]
1.阶段目标
2.网页基础知识
3.html和css
4.html的常用标签
4.1. 标题标签:h1-h6
4.2. 图片标签:img
4.3. 水平分割线标签:hr
4.4. css的三种引入方式:
4.5. 颜色的三种表示形式:
4.6. css的三种选择器:
4.7. 无语义的标签:span
4.8. 超链接:a
4.9. 视频标签 ...
useSyncExternalStore 的应用
我们是袋鼠云数栈 UED 团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。
本文作者:修能
学而不思则罔,思而不学则殆 。 --- 《论语·为政》
What
useSyncExternalStore is a React Hook that lets you subscribe to an external store.
useSync ...
SvelteKit 最新中文文档教程(6)—— 状态管理
前言
Svelte,一个语法简洁、入门容易,面向未来的前端框架。
从 Svelte 诞生之初,就备受开发者的喜爱,根据统计,从 2019 年到 2024 年,连续 6 年一直是开发者最感兴趣的前端框架 No.1:
Svelte 以其独特的编译时优化机制著称,具有轻量级、高性能、易上手等特性,非常适合构建轻量级 Web 项目。
为了帮助大家学习 Svel ...
异步生成器执行过程说明
微信小程序js环境中,异步生成器参与的代码,其执行顺序的描述如图所示。
异步生成器特点理解:一旦yield没有被执行,对迭代器的next的调用仅仅会被“记录”而不会执行;当yield被执行并返回内容后,迭代器才能继续执行且按照AsyncGenerator.next被调用是,“记录”下的顺序。
显然这篇文章不能解答迭代器的next会怎样被“ ...
什么!你还不会写Vue组件,编写《数据级权限》匹配公式组件
说明
该文章是属于OverallAuth2.0系列文章,每周更新一篇该系列文章(从0到1完成系统开发)。
该系统文章,我会尽量说的非常详细,做到不管新手、老手都能看懂。
说明:OverallAuth2.0 是一个简单、易懂、功能强大的权限+可视化流程管理系统。
友情提醒:本篇文章是属 ...
【笔记】React 国际化
React 国际化
前言
仅管市面上存在多款流行的国际化解决方案,但是笔者个人精力有限在此只记录工作学习中遇到的解决方案(持续更新)
react-i18next 方案
1. 安装
pnpm install react-i18next i18next --save
2. 创建文件
在 src 目录下新建 locales ,并创建 en-US.json 、zh-CN.json 和 resources.js
en-US.json
{
"h ...
SvelteKit 最新中文文档教程(5)—— 页面选项
前言
Svelte,一个语法简洁、入门容易,面向未来的前端框架。
从 Svelte 诞生之初,就备受开发者的喜爱,根据统计,从 2019 年到 2024 年,连续 6 年一直是开发者最感兴趣的前端框架 No.1:
Svelte 以其独特的编译时优化机制著称,具有轻量级、高性能、易上手等特性,非常适合构建轻量级 Web 项目。
为了帮助大家学习 Svel ...
如何用 vxe-table 实现单元格内容格式化金额,千位分隔符,负数显示红色
如何用 vxe-table 实现单元格内容格式化金额,千位分隔符,负数显示红色
查看官网:https://vxetable.cn
gitbub:https://github.com/x-extends/vxe-table
gitee:https://gitee.com/x-extends/vxe-table
在 vxe-table 配置格式化金额非常简单,通过内置的数值格式化器就可以直接配置实现。
cellRender: { name: 'FormatNum ...
记录---前端国际化终极方案——全自动翻译国际化
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
最新国际化插件
更强大的国际化插件:
支持有道翻译,谷歌翻译及自定义翻译器。
支持所有编译成js的前端框架。
支持webpack,vite以及rollup。
链接:前端全场景国际化插件 auto-i18n-translation-plugins,一键完成 (vue2/3、react)
⬆️ ⬆️ ⬆️ ⬆️ ⬆️
⬆️ ⬆️ ...
SvelteKit 最新中文文档教程(4)—— 表单 actions
前言
Svelte,一个语法简洁、入门容易,面向未来的前端框架。
从 Svelte 诞生之初,就备受开发者的喜爱,根据统计,从 2019 年到 2024 年,连续 6 年一直是开发者最感兴趣的前端框架 No.1:
Svelte 以其独特的编译时优化机制著称,具有轻量级、高性能、易上手等特性,非常适合构建轻量级 Web 项目。
为了帮助大家学习 Svel ...
vue2和vue3的响应式原理有何不同?
大家好,我是 V 哥。
Vue 2 和 Vue 3 在响应式原理上存在显著差异,下面为你详细介绍。
如果你是前端开发,V 哥建议抓紧入坑鸿蒙,2025年鸿蒙趋势将引领国产化替代的新征程,大量内推岗位等你来拿。
推荐一本鸿蒙 NEXT 书《鸿蒙 HarmonyOS 开发之路》卷1,可以让你少走弯路。
Vue 2 响应式原理
Vue 2 使用 Object.definePr ...