ECharts中实现x轴中的坐标以不同间距显示的效果
1、需求描述 我们日常在使用ECharts实现曲线图或柱状图的时候，x轴上的坐标都是等距离显示的。 有时候我们可能有这个需求： x轴上的坐标距离按照对应数据的比例进行显示。 打个比方，假设x轴上有5个点，正常情况下，我们每个点之间的距离都是30px。 这不是我们想要的效果，我们想要的效果是，第一 ...
Vue前端的搭建(与后端JavaEE的连接)
目录前端平台搭建(Vue2.6,App:HBulderX)创建Vue2.6项目下载相应插件方便开发路由配置对连接后端进行一些配置(main.js文件)导入ElementUI组件组件 | Element同步与异步axios异步请求框架 前端平台搭建(Vue2.6,App:HBulderX) 创建Vue ...
说说 Javascript 数字精度丢失的问题，如何解决？
一、场景复现 一个经典的面试题 0.1 + 0.2 0.3 // false 为什么是false呢? 先看下面这个比喻 比如一个数 1÷3=0.33333333...... 3会一直无限循环，数学可以表示，但是计算机要存储，方便下次取出来再使用，但0.333333...... 这个数无限循环，再大的 ...
通过画布（Canvas）实现 ZLMRTCClient 同一视频流多次显示时只拉取一次
效果预览 视频画面 网络请求 代码实现 ZLMRTCClient.js 当前使用的版本： 1.0.1 Mon Mar 27 2023 19:11:59 GMT+0800 首先需要修改 ZLMRTCClient.js 的代码，解决由于网络导致播放失败时无法触发 WEBRTC_OFFER_ANWSER_ ...
React 的 KeepAlive 探索
什么是 KeepAlive? 用过 Vue 的童鞋都知道 Vue 官方自带了 Keep-Alive 组件，它能够使组件在切换时仍能保留原有的状态信息，并且有专门的生命周期方便去做额外的处理。该组件在很多场景非常有用，比如： tabs 缓存页面 分步表单 路由缓存 我们先看看 Vue 中是如何使用的, ...
Node性能如何进行监控以及优化？
一、 是什么 Node作为一门服务端语言，性能方面尤为重要，其衡量指标一般有如下： CPU 内存 I/O 网络 CPU 主要分成了两部分： CPU负载：在某个时间段内，占用以及等待CPU的进程总数 CPU使用率：CPU时间占用状况，等于 1 - 空闲CPU时间(idle time) / CPU总时间 ...
javascript引入了不同版本的多个jquery，如何不同版本之间不互相影响
1️⃣ 原因 由于是一个比较老的项目，所以在做功能时，用到了老项目的一个控件，这一个控件是以前封装好的，依赖的是jquery-1.6.min.js。但是在做下拉框多选功能时，在网上找了一个下拉框多选的框架，但是这个框架依赖是jquery.js(3.7.1)，所以才出现了这个问题。 简单来说就是新老控 ...
CSS3 超实用属性：pointer-events （可穿透图层的鼠标事件）
1、是什么 pointer-events 直译为指针事件，该属性指定在什么情况下某个DOM可以成为鼠标事件的 target。 简而言之，就是允许/禁止DOM的鼠标事件(click事件、hover事件、mouse事件等鼠标事件) 2、具体属性分析 用法分析：pointer-events: auto | ...
彻底搞清楚vue3的defineExpose宏函数是如何暴露方法给父组件使用
前言 众所周知，当子组件使用setup后，父组件就不能像vue2那样直接就可以访问子组件内的属性和方法。这个时候就需要在子组件内使用defineExpose宏函数来指定想要暴露出去的属性和方法。这篇文章来讲讲defineExpose宏函数是如何暴露出去这些属性和方法给父组件使用。注：本文中使用的vu ...
JavaScript 中的 Range 和 Selection 对象
最近在做鼠标框选的需求，鼠标框选就需要用到 Range 和 Selection 对象。
Range 表示选择的区间范围，Selection 表示选择的文档内容。
Range 接口表示一个包含节点与文本节点的一部分的文档片段。
不仅仅可以用于鼠标框选，页面上任何元素、文本都可以创建 Range。
Se... ...
举例说明你对尾递归的理解，有哪些应用场景
一、递归 递归（英语：Recursion） 在数学与计算机科学中，是指在函数的定义中使用函数自身的方法 在函数内部，可以调用其他函数。如果一个函数在内部调用自身本身，这个函数就是递归函数 其核心思想是把一个大型复杂的问题层层转化为一个与原问题相似的规模较小的问题来求解 一般来说，递归需要有边界条件、 ...
如何判断一个元素是否在可视区域中？
一、用途 可视区域即我们浏览网页的设备肉眼可见的区域，如下图 在日常开发中，我们经常需要判断目标元素是否在视窗之内或者和视窗的距离小于一个值（例如 100 px），从而实现一些常用的功能，例如： 图片的懒加载 列表的无限滚动 计算广告元素的曝光情况 可点击链接的预加载 二、实现方式 判断一个元素是否 ...
【JS】await异常捕获，这样做才完美
文章关注JavaScript中async/await的异常处理，指出未捕获异常的潜在风险。1）使用try-catch，虽全面但冗余；2）借助Promise的catch，减少冗余; 3) 利用await-to-js库简化异常处理 ...
代码雨（coderain)源码（html5+css3+javascript,原创)
大家看过黑客帝国的代码雨吗？本人自己写了一个，效果还可以。演示效果请见https://www.lanbaoshi.site/coderain.htm 下面上代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http ...
Chart.js (v2.9.4) 2-主要的函数和对象介绍
Color() ：主要负责渲染图表时候，针对颜色处理相关函数 helpers_core：工具对象，提供了基础的工具函数功能，遍历数组，扩展对象，合并对象，克隆对象等等。 core_defaults：负责存储系统默认的全局属性或是插件，用户通过这个全局对象配置一些通用的属性或是插件，轻松让所有实例化出 ...
HTML+CSS实现全景轮播的示例代码
创建一个全景轮播效果可以通过HTML和CSS来实现，这里提供一个简单的示例代码。这个示例中，我们将使用HTML来构建基本的轮播结构，CSS来添加样式和实现轮播效果。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <met ...
Vue3源码解析--收集的依赖是什么？怎么收集的？什么时候收集的？
从Vue开始较大范围在前端应用开始，关于Vue一些基础知识的讨论和面试问题就在开发圈子里基本上就跟前几年的股票和基金一样，楼下摆摊卖酱香饼的阿姨都能说上几句那种。找过前端开发工作或者正在找开发工作的前端都知道，面试官基本上都有那么几个常问的问题，而网上呢也有那么一套可以用来背诵的“八股文”，自己懂多 ...
第二周第五天
今天是跟随视频学习vue2的一些相关知识，并跟随视频学习和写程序。主要是了解一些有关渲染子类的知识，同时也练习了一些静态页面。总体感受前面的比较简单，后面的越来越复杂，有点看不懂了，还记不住。加油！我相信多练习一点也就会了。以下今天写的一些程序。 视频实在看不懂也没关系，多练习实际操作。同时也不能局 ...
Symbol 引用 iconfont icon图标库
Symbol 引用 iconfont icon图标库 Symbol 引用 这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇文章 这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点： 支持多色图标了，不再受单色限制。 通过一些技巧，支持像字体 ...
第二周第四天
今天完成了所有的html，css，以及js的菜鸟相关课程，总的来说了解了很多的程序语言，但也有很多复杂的不懂。希望和我一样学习前端的朋友一样，不要着急。虽然是基础知识但是也很难全部记住理解30%，对剩下的有个印象即可，但是最为重要的是实际操作，慢慢练习有些基础知识慢慢就会了。 几天说一下我学习中遇到 ...