ECharts中实现x轴中的坐标以不同间距显示的效果
1、需求描述 我们日常在使用ECharts实现曲线图或柱状图的时候，x轴上的坐标都是等距离显示的。 有时候我们可能有这个需求： x轴上的坐标距离按照对应数据的比例进行显示。 打个比方，假设x轴上有5个点，正常情况下，我们每个点之间的距离都是30px。 这不是我们想要的效果，我们想要的效果是，第一 ...
说说 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_ ...
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)，所以才出现了这个问题。 简单来说就是新老控 ...
JavaScript 中的 Range 和 Selection 对象
最近在做鼠标框选的需求，鼠标框选就需要用到 Range 和 Selection 对象。
Range 表示选择的区间范围，Selection 表示选择的文档内容。
Range 接口表示一个包含节点与文本节点的一部分的文档片段。
不仅仅可以用于鼠标框选，页面上任何元素、文本都可以创建 Range。
Se... ...
举例说明你对尾递归的理解，有哪些应用场景
一、递归 递归（英语：Recursion） 在数学与计算机科学中，是指在函数的定义中使用函数自身的方法 在函数内部，可以调用其他函数。如果一个函数在内部调用自身本身，这个函数就是递归函数 其核心思想是把一个大型复杂的问题层层转化为一个与原问题相似的规模较小的问题来求解 一般来说，递归需要有边界条件、 ...
【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，以及js的菜鸟相关课程，总的来说了解了很多的程序语言，但也有很多复杂的不懂。希望和我一样学习前端的朋友一样，不要着急。虽然是基础知识但是也很难全部记住理解30%，对剩下的有个印象即可，但是最为重要的是实际操作，慢慢练习有些基础知识慢慢就会了。 几天说一下我学习中遇到 ...
lodash已死？radash库方法介绍及源码解析 —— 对象方法篇
theme: nico 写在前面 主页有更多其他篇章的方法，欢迎访问查看。 本篇我们介绍radash中对象相关方法的使用和源码解析。 assign：递归合并两个对象 使用说明 功能说明：类似于 JavaScript 的 Object.assign 方法，用于将 override 对象的属性和值复制到 ...
JS 监听用户页面访问&页面关闭并进行数据上报操作
用户在页面访问时发送数据到后台，页面关闭时也发送数据到后台。
第一次进入页面时触发页面访问
刷新当前页面时触发页面访问
新 tab 进入页面时触发页面访问
当前页面点击 nav 进入其他模块时，触发页面关闭&页面访问
关闭页面时触发页面关闭 ...
第二周第3天
这是昨天学习到的一种点击显示时间的方法，自己理解就是创建一个点击按钮，然后创建一个showdate函数，通过运行showdate 函数，输出时间！ 接下来的安排，这两天一直再尝试做最基础的页面设计，感觉还不错挺有意思的，就是不会写，只是在人家的基础上进行复制和修改，不过也学到了页面跳转的知识，很开心 ...
ECMA 2019(ES10) 新特性
本章内容： 行分隔符（U + 2028）和段分隔符（U + 2029）符号现在允许在字符串文字中，与 JSON 匹配 更加友好的 JSON.stringify 新增了 Array 的flat()方法和flatMap()方法 新增了 String 的trimStart()方法和trimEnd()方法 ...
彻底搞懂JavaScript原型和原型链
基于原型编程 在面向对象的编程语言中，类和对象的关系是铸模和铸件的关系，对象总是从类创建而来，比如Java中，必须先创建类再基于类实例化对象。 而在基于原型编程的思想中，类并不是必须的，对象都是通过克隆另外一个对象而来，这个被克隆的对象就是原型对象。 基于原型编程的语言通常遵循下面的规则： 所有的数 ...
JS 实现鼠标框选（页面选择）时返回对应的代码或文本内容
当用户进行鼠标框选选择了页面上的内容时，把选择的内容进行上报。
分为以下几点：
选择文案时
选择图片、svg、iframe、video、audio 等标签时
选择 input、select、textarea 等标签时
选择input、textarea 标签内容时
选择类似 字符时
键盘全选时
鼠... ...
第二周第2天
以上两张图是今天学习js遇到的一些小的问题，和=的效果是不同的，一个是输出值相等就可以输出来，另一个需要形式和值均相同才可以输出来。 本张图片讲一下自己对程序语言的理解。 首先开始创建一个按钮button，然后给一个执行函数onclick=“函数名字”，名字随便起，但是用的时候要和写的名字一样。 然 ...
ECMA 2023(ES14) 新特性
ECMAScript 2023 主要包含内容 ECMAScript 2023 于 2023 年 6 月 27 日获得 ECMA International 的批准。 ECMAScript 是标准化的 JavaScript 语言，于 1997 年发布了第一版，现已发展成为世界上使用最广泛的通用编程语言 ...
TypeScript数据类型
目录TypeScript数据类型基础数据类型number、string、boolean、 null 和 undefined、object其他数据类型元组 []枚举 enum接口 interface联合类型 |交叉类型 &type声明面向对象类class继承extends其他类型推断类型断言 as总结 ...