时清云-CSDN博客

转载 chrome 防止http自动转https的方法

chrome地址栏输入 chrome://flags/#https-upgrades。然后以后访问此网站时，就不会再自动跳转为https了。然后将选项设为 disabled。左上角，单击地址栏左边。不安全内容改为【允许】

2024-04-23 14:02:55 8

转载【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 33

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

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

2024-04-15 17:24:04 18

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

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

2024-04-15 16:33:42 339

原创 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 544

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

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

2024-04-02 17:55:52 33

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

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

2024-03-29 15:41:59 66

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

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

2024-03-29 15:13:01 62

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

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

2024-03-28 18:11:50 28

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

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

2024-03-27 14:40:50 24

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

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

2024-03-18 22:38:30 413

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

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

2024-03-14 14:57:32 587

转载安装 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 1431

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

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

2024-03-03 17:09:57 1393

转载【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 49 1

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

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

2024-02-18 14:48:05 35

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

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

2024-02-06 17:36:14 56

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

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

2024-02-06 16:59:45 37

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

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

2024-02-06 10:55:21 2304

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

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

2024-01-30 17:52:38 496

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

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

2024-01-18 11:22:51 313

原创在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 794

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

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

2024-01-09 18:29:38 76

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

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

2024-01-09 17:12:35 548

ios13.0.zip

ios13.1.zip

空空如也