JavaScript
文章平均质量分 88
bodyHealthy
最怕一生碌碌无为,最后又说平凡可贵
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
一步一步学习使用 MediaSource 实现动态媒体流
在这里根据 timescale,duration 的单位是 1/16000 s,那么实际的 duration 为 1/16000 * 80000 = 5s,也就是每一个 SegmentURL 的分段时长(就是我们设定的五秒)。对比源代码所用的视频和自己的视频,发现源代码所用的视频在未点击播放时,已经加载了一小段。观察源代码,根据以下信息,首先考虑到是 mimeCodec 与自己的视频不匹配的问题。直接运行所下载的示例代码,视频的播放效果是,每播放一段时间后,都会请求一段视频流。原创 2024-04-13 22:40:41 · 4216 阅读 · 0 评论 -
Firefox 关键词高亮插件的简单实现
遍历构造的数组中的内容,如果当前值等于关键词,那么构造一个强调标签 Strong 将关键词作为 innerText,并添加指定的样式和样式类名,然后加入到当前所遍历的节点之前;如果有纯文本节点,并且该纯文本节点中的内容包含了关键词,那么构造出一个数组,使用该数组来区分非关键词内容和关键词内容,以及他们之间的位置关系。遍历每一个节点,取出节点的类型-->nodeType 和节点的文本内容 -->content。如果是纯文本节点,则该节点的 nodeType 为3,如果是元素节点,则为 1。原创 2024-04-03 22:50:11 · 3054 阅读 · 0 评论 -
React-学习笔记(8—react-router@5 and @6)
1-1、在项目中安装路由这里使用旧版本5:新版本是@61-2、一个项目使用一个路由器来管理路由即可在 index.jx 文件中,渲染App时,用 指定的路由器包裹 App 组件使用 BrowerRouter 或 HashRouter1-3、 路由组件和一般组件的区别一般组件:路由组件:一般组件:component。原创 2023-07-01 17:22:23 · 1583 阅读 · 0 评论 -
Firefox插件(拓展)开发
JavaScript编写插件时,通常分为以下几个脚本:1.:用于操作网页内容,可以访问DOM和页面元素,可以修改页面样式和行为,与页面共享同一个JavaScript环境。2.:用于处理插件的后台任务,例如处理网络请求、管理插件状态、与其他插件通信等,与页面不共享JavaScript环境。3.:用于处理插件弹出窗口的交互逻辑,例如响应用户点击事件、发送消息给后台脚本等。4.:用于处理插件选项页面的交互逻辑,例如保存用户设置、发送消息给后台脚本等。原创 2023-06-06 22:59:50 · 9756 阅读 · 2 评论 -
在浏览器控制台抓取网站数据,并导出为Excel文件(引出内容安全策略CSP)
则此时为了获取各个页面的数据,可以获取到指定页的元素或下一页的原,然后构造触发点击事件,就能达到效果。回顾上面在浏览器控制台抓取网页数据并保存到本地的方式,一个关键的部分是加载了外部的JS文件,即导入了 alasql 这个库来帮助我们把数据整理并保存到本地。当然,也可以不引入其他的库,拿到最终的 resultData 后,直接在控制台输出,然后手动地复制黏贴到本地的文件中。点击执行代码,将弹窗表格下载的目标地址,选择位置进行存放。的方式,另一种是在网页的 meta 标签中进行配置,两种方法是等效的。原创 2023-05-18 23:40:21 · 5534 阅读 · 0 评论 -
React、pdfjs-dist、pubsub-js实现简易自定义PDF页面
如果直接使用 document.querySelecterAll 方法 + canvas 类名(这个canvas类名是自定义的,即函数displayPDF、resizePDF 中要传的参数 canvasClassName)的方式获取到所有的canvas,然后通过遍历的方式给他们分别设置属性 taransform scale 来实现放大或缩小的效果,会导致PDF变模糊而影响阅览体验。(8)所有页面渲染完成后执行的回调函数(这里设置回调函数有一个参数,为该pdf的总页数,用于展示pdf的总页数);原创 2023-04-29 07:30:00 · 4109 阅读 · 0 评论 -
前端对AlaSQL的基本使用(联系Excel的读取、创建并导出)
AlaSQL专注于关系数据和无模式数据的查询速度和数据源灵活性。此外,它还可以在Web浏览器,Node.js和移动应用程序中使用。使用AlaSQL不仅可以在数据中使用传统的SQL,还可以读写Excel和其他的数据文件等。3)数组中每一个对象有多少个属性,则表中就有多少个属性(列)(需要每个对象的属性都相同);2)该数组的长度即表内容的元组(行)数,当前长度为4即四行(表头行除外);1、使用传统的方法创建一个表,并插入数据,然后查询全部。1)使用的还是那个对象数组,将其当成表来用。需要用到XLSX.js。原创 2023-04-14 17:23:12 · 1421 阅读 · 0 评论 -
实现一个简洁朴素的左侧贴边导航栏html+CSS+javaScript
学习使用HTML、CSS、JavaScript 实现一个简易朴素的贴边竖直导航栏。原创 2022-08-12 14:44:37 · 22041 阅读 · 18 评论 -
前端网络请求学习
通过 XMLHttpRequest 构造函数创建 xhr 对象使用 xhr 对象首先要先调用 open 方法,该方法接收三个参数:请求类型('get'、'put'等)、请求的URL、本请求是否异步进行的布尔值。调用 open 不会实际发送请求,而是为发请求做准备。原创 2023-02-02 21:38:07 · 303 阅读 · 0 评论 -
JavaScript-Array 学习
15、三个查找方法 indexOf、lastIndexOf、includes。这个函数返回的任何值都将会被作为下一次调用这个归并函数的第一个参数。函数执行完成后返回true的项会组成数组之后作为该方法的返回值。返回数组中每个值的等效字符串拼接而成的一个由逗号分隔的字符串。不管接收到的参数是一个数组还是一个其他类型的数据。创建一个包含原有数组中一个或多个元素的新数组。可以用来生成一个与原数组元素一一对应的新数组。接收一个参数时为要查找的元素。返回查找到的元素在源数组中的索引位置。原创 2023-01-27 23:11:48 · 251 阅读 · 0 评论
分享