目录Pdf.js有两种使用方式把pdf.js当作静态资源使用npm下载，通过import使用API(记录一下，防止忘记）Pdf.js有两种使用方式在这次的项目中用到了pdf文件的预览功能，选择了pdf.js去预览pdf文件，实现滑动展示所有的pdf通过 npm 下载直接下载 pdf.js 库，当作静态资源使用把pdf.js当作静态资源使用最开始我采取的是把p
......
710
0
0
2023-04-08
目录正文mediaDevices 的介绍我们这里用到getUserMedia 的 api把获取到的 stream 用一个 video 来展示样式部分阴影的设置完整代码总结正文最近写了一个好玩的 Button，它除了是一个 Button 外，还可以当镜子照。那这个好玩的 Button 是怎么实现的呢？很容易想到是用到了摄像头。没错，这里要使用浏览器的获取媒体设
......
393
0
0
2023-04-08
目录简介游戏规则游戏素材开始制作初始化canvas画布加载资源背景地面管道笨鸟碰撞检测效果简介canvas 是HTML5 提供的一种新标签，它可以支持 JavaScript 在上面绘画，控制每一个像素，它经常被用来制作小游戏，接下来我将用它来模仿制作一款叫flappy bird的小游戏。flappy bird（中文名：笨鸟先飞）是一款由来自越南的独立游戏开发
......
286
0
0
2023-04-07
「学习笔记」JavaScript基础编程基础「计算机语言」分为机器语言，汇编语言，高级语言。计算机内部最终执行的都是机器语言，由0和1这样的二进制数构成。「数据存储单位」8bit(比特) = 1B(Byte)字节 千字节1KB = 1024B「翻译器」高级语言编写的程序不能被计算机识别，需要经过转换，将源代码程序翻译成机器语言才能运行。浏览器里面的js解释器
......
433
0
0
2023-04-06
目录React怎么做数据的检查和变化React实现的移动应用中，如果出现卡顿，有哪些可以考虑的优化方案在 React中元素（ element）和组件（ component）有什么区别？高阶组件为什么 React 元素有一个 $$typeof 属性react-router4的核心React 设计思路，它的理念是什么？react组件的划分业务组件技术组件？Rea
......
348
0
0
2023-04-05
目录前言单个文件Download方案一：location.href or window.open方案二：通过a标签的download属性方案三：API请求多个文件批量Download方案一：按单个文件download方式，循环依次下载方案二：前端打包成zip download方案三：后端压缩成zip，然后以文件流url形式，前端调用download总结前言在
......
606
0
0
2023-04-05
在网页中观看和分享视频内容是一个很常见的功能，多年来，视频嵌入网页的方式发生了变化。现在，我们在现代浏览器中使用 <video> 标签就可以添加视频文件到网页上，该标签支持多个视频格式。当使用 <video> 标签时的主要警告是渲染的视频播放器会因浏览器而异，如果你想提供一致的用户体验，使用原生操作并不理想。这就是为什么构建自定义控件
......
573
0
0
2023-04-05
目录前言base64 由来base64 的编码原理base64 编码对照表base64 的编码转换规则base64 优缺点JavaScript 的 base64 转码方法Web API 二进制与 base64 转换base64 转二进制base64 转成 Blob前言平静之下，蓦然回首，base64 却在灯火阑珊处。今天翻开旧项目发现挺多图片相关的插件都是用
......
364
0
0
2023-04-03
目录一、layer.open() 方法重要参数使用回顾content - 内容success - 层弹出后的成功回调方法yes - 确定按钮回调方法二、js操作父页面常用代码三、子页面改变父页面内容代码实例父页面子页面当前页面（父框架或父页面）使用layer以iframe层的方式弹出新的窗口（子框架或子页面）时，如何在子页面中访
......
516
0
0
2023-04-03
目录背景需求分析实现视频采集MediaDevices.getUserMedia()拍照生成图片上传图片至CDN1. 使用HTMLCanvasElement.toBlob()语法参数2. 使用HTMLCanvasElement.toDataURL()语法参数返回值总结背景基于Electron实现的pc端智能验机应用，近期迭代了一个新的功能，需求是通过电脑外接摄
......
375
0
0
2023-04-02
目录正文三项主要技术1、Custom elements （自定义元素）生命周期函数2、HTML templates（HTML 模板）3、Shadow DOM（影子 DOM）动态创建 webComponent 组件例子正文WebComponent 是官方定义的自定义组件实现方式，它可以让开发者不依赖任何第三方框架（如Vue，React）来实现自定义页面组件；达
......
290
0
0
2023-04-02
目录前言思路实现过程递归读取指定目录下的所有 html 文件路径 htmlPaths获取每个 html 里面的图片 src获取 html 字符串的所有图片 src忽略注释的代码本身是 base64，则忽略忽略 Thymeleaf 语法结合起来，封装成一个函数src 转 base64最后将新的 html 替换旧的 html性能优化总的代码总结前言故事要从我们公
......
361
0
0
2023-04-01
HTML 模板是一种允许我们创建基本 HTML 结构并使用占位符根据从 JSON 文件或数据库中检索到的数据动态生成内容的技术。让我们考虑一个假设实例，其中我们的网站包含许多产品卡，每个卡都包含从 JSON 文件中检索到的特定产品详细信息。现在，如果我们要从 JSON 文件中添加或删除任何产品，我们将如何在前端动态更新相应的卡片？考虑到我们基于内容的数据存储
......
467
0
0
2023-04-01
目录介绍RGB模型RGB颜色值rgb 转 hexhex 转 rgbHSL模型HSV(B)模型RGB 与 HSL 的转换rgb 转 hslhsl 转 rgb介绍颜色模型，是用来表示颜色的数学模型。比如最常见的 RGB模型，使用 红绿蓝 三色来表示颜色。一般的颜色模型，可以按照如下分类：面向硬件设备的颜色模型：RGB，CMYK，YCrCb。面向视觉感知的颜色模型
......
401
0
0
2023-03-30
目录为什么开发中建议使用void 0 来代替undefined为什么开发中将未赋值的变量赋值为null，而不是undefinedString类型的长度为什么parseInt在将字符串转为数字的时候，需要指定第二个参数对象转基本数据类型的规律JavaScript 中对象独有的特色JavaScript对象分类宿主对象内置对象特殊行为对象为什么开发中建议使用voi
......
340
0
0
2023-03-30