前端开发
刷新
记录--vue3中使用Swiper组件

博主头像 ‍ 写在开头 点赞 + 收藏 学会 一，安装 npm i swiper 二，使用 swiper/vue 导出 2 个组件：Swiper 和 SwiperSlide <template> <swiper :slides-per-view="3" :space-between="50 ...

vue如何实时展示海康威视摄像头多画面？

博主头像 ‍ 写在开头 点赞 + 收藏 学会 关于大屏视频监控有三种解决方案： 1.海康威视 优点：实时性强。多画面运行流畅，缺点：会覆盖在DOM最上方无法选中可能会导致样式挤压变形等样式问题 2.[flv视频流]+[nodeServer] 优点：可配置性强 缺点：服务端大流量稳定性不确定 ...

手动实现-React-Redux

博主头像 50行代码 实现Redux 核心功能 Redux 帮助你管理“全局”状态 - 那些应用程序的许多部分都需要的状态 redux的核心就是对数据状态进行管理，创建一个数据仓库 官方文档：https://www.reduxjs.cn/ Redux顺序分四大步： 初始化 订阅 发布 执行匹配和更新 <!DO ...

[HTTP] GET请求的body能否携带数据？

博主头像 RFC规范并没有指明HTTP协议的GET方法是否不能携带body数据，但是对于浏览器环境下的XHR和fetch API的规范来说，它们的规范限制了它们不能在GET中携带body，而postman或apifox等接口测试工具则由于不遵循这些规范而可以携带body。 ...

[nodejs]package.json里的依赖版本

博主头像 依赖分类 依赖根据开发环境需要和实际运行环境需要，分为dependencies和devDependencies。 例如：typescript和eslint属于devDependencies，而vue和axios等属于dependencies。 版本号组成 版本由两部分组成，一是前面的前缀符号，二是版 ...

vue3实现模拟地图上，站点名称按需显示的功能

博主头像 很久很久没有更新博客了，因为实在是太忙了，每天都有公司的事情忙不完....... 最近在做车辆模拟地图，在实现控制站点名称按需显示时，折腾了好一段时间，特此记录一下。最终界面如下图所示： 站点显示需求：首末站必须显示，从第一个站开始，如果站点名称能显示下，则显示，如果站点名称会重叠则隐藏，以此类推。 ...

JavaScript状态数据

博主头像 最近需要做一个三维场景切换的功能，切换场景后，还可以进行二三维模式的切换，二三维切换时，要定位到当前场景视角，那么场景的视角参数信息就需要保存到状态数据中，以供二三维场景切换时使用。 项目是用vue做的，这里并没有使用vue的状态管理库，我是这样实现的： 定义状态数据sceneInfo let sc ...

JavaScript async await 使用

博主头像 你习惯在js代码中使用async await吗？ 我经常在js代码中写一些异步方法，使用await调用的地方，如果方便修改成异步方法，就修改成异步方法，如下所示： async setPosition(graphic, lng, lat) { this.lng = lng; this.lat = la ...

你不知道的 CSS 之包含块

博主头像 你不知道的 CSS 之包含块 一说到 CSS 盒模型，这是很多小伙伴耳熟能详的知识，甚至有的小伙伴还能说出 border-box 和 content-box 这两种盒模型的区别。 但是一说到 CSS 包含块，有的小伙伴就懵圈了，什么是包含块？好像从来没有听说过这玩意儿。 好吧，如果你对包含块的知识一 ...

解决Vue在scoped模式下修改el-collaspe样式失效的问题

博主头像 问题分析 当我们需要用折叠面板的时候，往往会考虑element-ui的el-collaspe，然而大多数时候原生默认的样式并无法拿来就用。我们往往会自定义组件的样式，或者在默认的基础上进行修改。最近在Vue项目中进行组件修改的时候，无意间某个文件自动设置成了scoped（应该是插件自动化生成的结构代 ...

CSS 属性计算

博主头像 CSS 属性计算过程 你是否了解 CSS 的属性计算过程呢？ 有的同学可能会讲，CSS属性我倒是知道，例如： p{ color : red; } 上面的 CSS 代码中，p 是元素选择器，color 就是其中的一个 CSS 属性。 但是要说 CSS 属性的计算过程，还真的不是很清楚。 没关系，通过此 ...

记录--前端如何截屏

博主头像 ‍ 写在开头 点赞 + 收藏 学会 前端常用的截图保存的方法 利用 Blob 对象和 URL.createObjectURL：可以将截图数据转换为 Blob 对象，然后使用 URL.createObjectURL 方法生成一个临时的 URL，将这个 URL 赋值给 <a> 标签的 ...

使用锚点跳转时出现位置偏差原因及解决办法

博主头像 在使用锚点跳转时，以下情况可能导致页面跳转位置出现误差： 固定定位元素（Fixed Position Elements）： 当页面有固定定位的导航栏或其他固定元素时，跳转到锚点时，这些固定元素可能会遮挡锚点目标，导致用户看不到预期内容。 动态内容加载（Dynamic Content Loading） ...

<1···484950>