自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

时清云的博客

海纳百川,有容乃大

  • 博客(400)
  • 资源 (2)
  • 收藏
  • 关注

转载 【Node】process.env.npm_config_argv

如果你执行的命令是 npm run build – --watch,那么 remain 数组将是 [‘–watch’],因为 --watch 是传递给 build 的参数。使用上面的例子,cooked 数组将是 [‘run’, ‘build’, ‘–mode’, ‘production’],其中的每个参数都以字符串的形式表示。通过解析和使用这些参数,你可以根据需要来配置和调整你的打包过程,例如根据指定的参数来设置不同的构建模式、环境变量或其他配置选项。:这是一个数组,包含了 npm 命令后面的剩余参数。

2024-04-15 17:56:44 20

转载 【Node】Node.js中的使用Path模块操作文件路径

给定的路径的序列是从右往左被处理的,后面每个 path 被依次解析,直到构造完成一个绝对路径。例如,给定的路径片段的序列为:/foo、/bar、baz,则调用 path.resolve(‘/foo’, ‘/bar’, ‘baz’) 会返回 /bar/baz。以上是两种不同系统背景下的路径分隔符,接下来我们来了解编程语言背景下的分隔符使用,: 返回路径的扩展名,即从路径的最后一部分中的最后一个.(句号)字符到字符串结束。用于返回一个路径的最后一部分,也就是文件名。: 返回一个对象,对象的属性表示路径的。

2024-04-15 17:24:04 11

原创 【Node】Node.Js--fs文件系统模块

On(事件名称,回调函数) 添加事件,用于监听事件。如果文件已经存在,会清空文件中的内容然后写入数据。Pipe() 管道,可以将读取的流添加到写入的流。如果文件已经存在,会在文件的末尾追加写入数据。如果文件不存在,会先创建文件,然后写入数据。如果文件不存在,会先创建文件然后写入。后面会进行详细的补充;

2024-04-15 16:33:42 228

原创 DSBridge---跨端的原生与H5的通信框架

dsBridge是一个三端易用的现代跨平台 Javascript bridge, 通过它,你可以在Javascript和原生之间同步或异步的调用彼此的函数。最近在开发h5相关的需求,而且相关的h5页面会嵌入到app,h5页面有拍照、上传照片、上传文件等,拍照和上传照片可以使用UI组件提供的功能,但是上传文件这块需要用到原生的上传方法了。调研之后,我选择了dsBridge这个跨平台的Javascript bridge。我目前用的dsbridge版本是3.1.4首先先封装dsbridge相关的方法。

2024-04-15 15:10:31 523

转载 一文弄懂vue中样式穿透v-deep

在vue3的世界里,有一个style标签的关键字v-deep,官网称之为样式穿透。那他究竟是什么原理呢?又是怎么工作的呢?让我们一起探究一下。

2024-04-02 17:55:52 21

转载 如何使用 JavaScript 阻止屏幕进入睡眠状态

在移动设备上,屏幕常亮是一个常见的需求,尤其是在使用Web应用时。为了满足这一需求,开发者可以使用JavaScript中的来阻止屏幕进入睡眠状态。本文将详细介绍如何使用这一API,并讨论其在不同浏览器上的兼容性情况。

2024-03-29 15:41:59 54

转载 终于等到你!JS全新API支持关闭页面时安全发送网络请求

在日常的开发中,经常需要在用户关闭页面或导航至其他页面时,向服务器发送重要的数据请求。然而,确保这些数据请求能够安全、完整地发送到后端一直是一个挑战。近日,Chrome 浏览器正在积极引入一个革命性的 JavaScript API——。这个全新的 API 旨在彻底简化关闭页面时的数据发送过程,确保即使在页面关闭后或用户离开的情况下,请求也能在未来某个时刻被安全、可靠地发出。本文就来详细了解这个超实用的全新 API。

2024-03-29 15:13:01 56

转载 前端接口防止重复请求实现方案

前段时间老板心血来潮,要我们前端组对整个的项目都做一下接口防止重复请求的处理(似乎是有用户通过一些快速点击薅到了一些优惠券啥的)。。。听到这个需求,第一反应就是,防止薅羊毛最保险的方案不还是在服务端加限制吗?前端加限制能够拦截的毕竟有限。可老板就是执意要前端搞一下子,行吧,搞就搞吧,you happy jiu ok。

2024-03-28 18:11:50 26

转载 Chrome 123 推出了一个新的 CSS 属性 field-sizing

最近Chrome 123又推出了一个新的 CSS 属性:。有了它,可以轻松实现输入框尺寸自动跟随输入内容的效果。

2024-03-27 14:40:50 23

原创 数组中的flat方法如何实现

数组的成员有时还是数组,Array.prototype.flat()用于将嵌套的数组“拉平”,变成一维的数组。该方法返回一个新数组,对原数据没有影响。那flat怎么来实现呢?

2024-03-18 22:38:30 409

原创 vant4中如何修改Dialog弹框内容的字体大小

最近在开发一个移动端的需求,用的UI组件库是vant4。简单地总结一下,如何修改Dialog弹框内容的字体大小。这样 message 内容中的字体大小就是16px了。那么如何修改message中的字体大小呢?我们先看一下Dialog弹框简单的使用。

2024-03-14 14:57:32 561

转载 安装 node-sass 失败原因及解决办法汇总

首先要知道的是,安装 node-sass 时在 node scripts/install.js 这个阶段会从 github.com 上下载一个 .node 文件,大部分安装不成功的原因都源自这里,因为 GitHub Releases 里的文件都托管在 s3.amazonaws.com 上面,而这个网址在国内总是"网络不稳定",所以我们需要通过第三方服务器下载这个文件。因为Node 8 不能装 node-sass 3.x 这是肯定的(Node 7才对应 3.x),所以得装 node-sass 4.x。

2024-03-03 20:55:42 967

原创 使用pdf.js预览pdf遇到的问题总结

大于1M的pdf资源请求会很慢,所以在第二次请求、第三次请求等这些结果返回之后,第一次请求的结果还没有返回回来,(第二次请求、第三次请求等请求响应的结果是权限错误,因为iobs链接已经用了不止一次),因为第二次请求、第三次请求等请求失败,所以第一次请求的响应结果也是请求报错(因为服务器认为)但是苹果手机不是这样的,没有设置强缓存(苹果系统的安全机制是这样的,可以手动设置),所以分片加载会请求多次,第一次请求正常,后面的请求会出现请求报错的情况。好,现在已经修改完,大于1M的数据也可以被成功预览。

2024-03-03 17:09:57 1329

转载 【JavaScript 教程】第六章 数组06— slice() :复制数组元素

start和stop参数都是可选的。start 参数确定从零开始提取的索引。如果start是undefined, slice() 从 0 开始。stop参数,顾名思义,是一个从零开始的索引,在该索引处结束提取。slice() 方法提取到 stop-1。这意味着 slice() 方法不包含新数组中停止位置的元素。如果省略 stop 参数,slice() 方法将使用数组的长度作为 stop 参数。slice() 返回一个包含原始数组元素的新数组。

2024-02-19 17:37:50 46 1

转载 【JavaScript 教程】第六章 数组10— sort() : 对数组中的元素进行排序

sort() 方法允许您就地对数组的元素进行排序。除了返回排序后的数组,sort() 方法还改变了元素在原始数组中的位置。(会改变原有的数组)默认情况下, sort() 方法按升序对数组元素进行排序,最小值在前,最大值在后。sort() 方法将元素转换为字符串并比较字符串以确定顺序。在此示例中,sort() 方法将 10 放在 2 之前,因为在进行字符串比较时,字符串“10”在“2”之前。要解决此问题,您需要将比较函数传递给 sort() 方法。

2024-02-18 14:48:05 34

转载 【JavaScript 教程】第六章 数组11— filter() :过滤数组中的元素

使用数组时最常见的任务之一是创建一个包含原始数组元素子集的新数组。假设您有一个城市对象数组,其中每个对象包含两个属性:name和population。i++) {JavaScript Array 提供了 filter() 方法,允许您以更短、更简洁的方式完成此任务。});结果如下:在本例中,我们调用了城市数组对象的 filter() 方法,并将其传递给一个测试每个元素的函数。在函数内部,我们检查了数组中每个城市的人口是否大于 300 万。如果是这种情况,则函数返回true;

2024-02-06 17:36:14 54

转载 【JavaScript 教程】第六章 数组14—reduce() :将数组的元素减少为一个值

并且我们想要计算数组元素的总数。i++) {6首先,声明了一个包含三个数字 1、2 和 3 的数组。其次,声明 sum 变量并将其值设置为零。第三,在 for 循环中,将 numbers 数组的元素加到 sum 变量中。循环之后,sum变量的值为6。我们所做的是将一个数组归约为一个值。Array.prototype 允许我们使用reduce});这很简单,不是吗?让我们详细看一下reduce()方法。

2024-02-06 16:59:45 34

原创 elementPlus实现动态表格单元格合并span-method方法总结

最近在做PC端需求的时候,需要把首列中相邻的同名称单元格合并。我看了一下elementPlus官网中的table表格,span-method可以实现单元格合并。我们先看一下官网的例子:多行或多列共用一个数据时,可以合并行或列。通过给 table 传入span-method方法可以实现合并行或列, 方法的参数是一个对象,里面包含当前行 row、当前列 column、当前行号 rowIndex、当前列号 columnIndex 四个属性。 该函数可以返回一个包含两个元素的数组,第一个元素代表 rowspan,

2024-02-06 10:55:21 2208

原创 关于数组中相邻元素的合并处理方法总结

当然这只是用简单的数据演示了一下,事实上数据中有好几个相邻的元素的name值都相同,所以这就需要我们封装一个健壮的函数来满足需求。这两天在开发需求的过程中,需要处理一个数组数据,对相邻元素的具有相同的点合并元素里面的数组。方法的理解,其次是需要对每次循环的数组元素做处理,然后再添加到result中。中的list合并到一块,并且删除了第二个。这个方法中的关键点,首先在于对。

2024-01-30 17:52:38 490

转载 Vue + Element 前端调用后端接口获取微信支付二维码和支付宝支付二维码

2、在需要使用该插件的 Vue 文件中引入3、接下来编写代码实现,在表格点击“支付”按钮,跳出支付弹窗,有微信支付和支付宝支付的两种方式按钮选择,当点击某个方式会跳出相应的二维码,并设置定时器去查询支付状态是否支付成功。更多内容看代码里的注释(这里给出这部分的相关代码,无关内容的代码没有给出)HTML 部分(支付宝二维码生成直接用 iframe 标签):JavaScript 部分:CSS 部分:参考:https://www.cnblogs.com/wangyan0926/p/14473859.

2024-01-18 11:22:51 240

原创 在ios上z-index不起作用问题的总结

最近在维护一个H5老项目时,遇到一个问题,就是在ios上z-index不起作用,在安卓上样式都是好的。项目的架构组成是vue2.x + vux + vuex + vue-router等用的UI组件库是vux在页面中有一个功能点,就是点选择公司列表的时候,会出现这个页面上面浮现一个a弹框页面,这个a弹框页面里面有搜索框,可以输入公司名进行搜索,然后出现公司列表,点击其中的一个公司,就算进行选择了。主要是基于vux这个UI组件库的特性造成了这个问题;基础代码如下:

2024-01-11 18:01:45 770

转载 Vue中 keep-alive的实现原理分析

在平常开发中,有些组件只需要加载一次,后面的数据将不存在变化,亦或者是组件需要缓存状态,滚动条位置等,这个时候,keep-alive的用处就立刻凸显出来了。

2024-01-09 18:29:38 71

转载 vue3的getCurrentInstance获取组件实例踩坑记录

而 vue 相关生态的使用其实就是他们内部的事情了,他们有完善的测试用例可以跑测试,但是我们并没有,如果后续的某一个版本Vue变更了这个API,那么如果没有经过完整测试就部署上去的项目就会出现大规模的BUG反馈了。,getCurrentInstance 的返回值是一个组件实例对象,可以通过 .ctx 来访问该实例的上下文对象,或者通过 .proxy 来访问该实例的代理对象。两者的区别在于,通过 .ctx 访问的是真实的组件实例,而通过 .proxy 访问的是一个代理对象,该代理对象可以在模板中直接使用。

2024-01-09 17:12:35 451

转载 马斯克一个很绝的心态:10%目标定律

现在每个行业的竞争都很大,没有比别人付出更多,也就难收获得更多,2024年也开启了,在火爆的AI领域,以及新能源汽车领域里,都隐藏着巨大的机会和挑点,竞争有多大,看看小米在造车上投入100亿,3500多位研究人员,想想这里头的竞争实在不少,但越过去了,世界就有了自己的名字。执行力是一个被常常说到的事,大部分一次执力都不想,那就只能靠运气的成功,而像马斯克一样能有10次的尝试,就更少了,看到在发射火箭一样,失败了那么多,每次失败的损失都是超过亿计,但还在尝试,成功离他也就只能越来越近。

2024-01-08 18:00:07 312

转载 12个强大的 JavaScript 动画库,可帮助你提升用户体验

作为开发人员,利用这些工具无疑将增强您的项目,并使其在竞争日益激烈的数字环境中脱颖而出。

2024-01-08 17:46:00 36

转载 前端是怎么解析Excel、PDF、Word、PPT等文件的?

这是今年的第24篇文章,也是今年的最后一篇文章,完结撒花🎇!!!进入我的个人网站,查看更多精彩❤!

2024-01-08 17:19:33 164 1

转载 【JavaScript 教程】第六章 数组17—flatMap() :对每个元素执行映射函数并将结果展平

flat() 方法创建一个新数组,其中连接了子数组的元素。map() 方法创建一个新数组,其元素是映射函数的结果。flatMap() 方法是 map() 方法后跟深度为 1 的 flat() 方法的组合。flatMap() 方法首先使用映射函数映射数组中的每个元素,然后将结果展平到一个新数组中。

2023-12-19 17:06:58 139

原创 animate.css

animate.css可以理解是一个动画特效库,里面有好多动画特效,使用起来很方便。

2023-12-15 16:28:39 508

转载 Internal server error: No known conditions for “./lib/locale/lang/zh-cn” specifier in “element-plus”

但是,我用的是vue3,加了这个格式之后取到的日期值居然是:yyyy-12-Fr 00:00:00。

2023-12-15 16:25:11 970

转载 深入理解Base64字符串编码知识

Base64是基于64个可打印字符来表示二进制数据的编解码方式。正因为可编解码,所以它主要的作用不在于安全性,而在于让内容能在各个网关间无错的传输。这64个可打印字符包括大写字母A-Z、小写字母a-z、数字0-9共62个字符,再加上另外2个 + 和 /。Base64是一种索引编码,每个字符都对应一个索引,具体的关系图,如下:这也是名称中64的由来。最后再来总结一下Base64的特点:将二进制数据转为字符串(ASCII码),方便数据传输。浏览器能直接展示Base64编码图片,减少请求。

2023-12-07 10:38:53 165

转载 JavaScript String.fromCharCode() 函数详解

String.fromCharCode()函数属于静态函数,而且只能够通过全局String对象进行调用,不能通过String对象的实例进行调用。String.fromCharCode()方法的返回值为String类型,其返回值为Unicode数值所表示的字符串。该函数属于String对象,所有主流浏览器均支持该函数。如果没有传入任何参数,则返回空字符串""。字符值中返回一个字符串。

2023-12-07 09:52:23 241

转载 详解前端二进制:Blob、File、FileReader、ArrayBuffer、TypeArray、DataView

当前,前端对二进制数据有许多的API可以使用,这丰富了前端对文件数据的处理能力,有了这些能力,就能够对图片等文件的数据进行各种处理。本文将着重介绍一些前端二进制数据处理相关的API知识,如Blob、File、FileReader、ArrayBuffer、TypeArray、DataView等等。

2023-12-06 18:31:26 183

转载 vue3中effectScope()、getCurrentScope()、onScopeDispose()简介

创建一个 effect 作用域,可以捕获其中所创建的响应式副作用 (即计算属性和侦听器),这样捕获到的副作用可以一起处理。说明:这是一个回调事件。当执行getCurrentScope().stop()时,或者组件注销时触发。通俗的说,它可以把计算属性、监听器放在一个函数内管理,然后统一停止监听。比如一个页面中存在多个管家,而我们不想一个个取消每个管家的监听,可以通过此方式。allScope.stop() // 取消所有侦听管家监听。说明:获取当前侦听管家实例。

2023-12-04 18:31:39 307

原创 请求pdf文件流并进行预览

最近做了一个需求就是预览pdf等文件,不过后端返回的是一个文件流,需要前端做一定地处理才行。我们来看一下具体的实现方式。

2023-11-24 18:36:31 1152

原创 使用pdf.js插件预览pdf文件时怎么去掉pdf文件的浏览记录

然后把这一行代码注释掉就可以了,就实现了清除缓存或者浏览记录的目的。最近在开发pdf文件预览相关的需求,我用的插件是pdf.js。每次预览一个pdf文件时,

2023-11-23 16:58:21 260

原创 pdf.js插件怎么控制工具栏的显示与隐藏

最近做了一个需求,需要实现pdf文件的预览,但是只是提供预览功能,不需要展示相关的工具栏,所以需要把工具栏隐藏掉。我用的插件是pdf.js。

2023-11-23 16:41:10 1020

转载 CSDN自动生成文章目录

看到这个“文章目录后”,我高兴了,这玩意还挺好的,看着目标大纲就清晰文章要讲得啥了。而且更绝的是这个还有一个定位功能,点击到文章目录的那个目录就会自动定位到所写内容的目录前面。这么方便,必须要整一个。

2023-11-23 16:04:21 48

转载 vue3项目使用pdf.js插件实现:搜索高亮、修改pdf.js显示的页码、向pdf.js传值、控制搜索、处理接口文件流

PDF.js是基于HTML5技术构建的,用于展示可移植文档格式的文件(PDF),它可以在现代浏览器中使用且无需安装任何第三方插件。pdf.js主要包含两个库文件pdf.js:负责API解析pdf.worker.js:负责核心解析。

2023-11-23 15:59:29 718

转载 vue3中实现txt格式文件预览(纯前端)

在平常的工作当中,已经会遇到文件上传后需要预览的功能,比如docx,doc,xls,xlsx,ppt,pdf,txt,图片,视频等格式的文件,其实也可以让后端人员写接口解析,本着不想麻烦别人的心态,能自己解决的绝不麻烦别人,这里简单介绍txt,docx,xlsx,mp4文件预览。

2023-11-20 17:43:35 1162

转载 vue3.x实现word文件的预览

Mammoth旨在转换 .docx 文档(例如由 Microsoft Word 创建的文档),并将其转换为 HTML。Mammoth的目标是通过使用文档中的语义信息并忽略其他细节来生成简单干净的 HTML。比如,Mammoth会将应用标题 1 样式的任何段落转换为 h1 元素,而不是尝试完全复制标题的样式(字体,文本大小,颜色等)。

2023-11-20 17:05:57 591

ios13.0.zip

iOS 真机调试支持包iOS13.0

2019-10-14

ios13.1.zip

iOS 真机调试支持包iOS13.1,xcode进行真机调试,支持最新的版本ios13.1

2019-10-14

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除