- 博客(61)
- 收藏
- 关注
RSS订阅原创 JS数组reduce()方法
reduce()方法是 JavaScript 中数组的一个强大的内置方法，它允许你将数组中的所有元素累加到一个单一的结果中。reduce() 方法对于执行数组中的元素累加、合并或转换数据非常有用。reduce()callbackarrayreduce()reduce()reduce()打印结果：1 2 13 3 26 4 3这里可以看出，上面的例子index是从1开始的，第一次的prev的值是数组的第一个值。数组长度是4，但是reduce函数循环3次。打印结果：0 1 01 2 1。
2024-03-14 11:04:01
415
原创 vite vue3 路由配置@找不到文件问题描述
在vite.config.js文件中配置路由的时候，添加路由界面，找不到指定的文件，提示错误，如图所示：但是换成就正常了，也没有报错问题。
2024-03-11 15:10:37
811
原创 vue+electron 自动更新
以后每次有更新就复制这两个文件至 ‘更新服务器’，旧版本的应用的执行文件(.exe)可以删除。将上面两个文件复制到 ‘更新服务器’ (新版本安装包.exe。
2024-02-22 15:53:39
1065
原创 nvm常用命令
不同的项目使用的nodejs版本可能不一样。我们可以在package.json配置文件里看。由于nodejs版本和npm版本的不同。所以我们就需要用到nvm这个工具了！
2024-01-24 13:36:12
601
原创 Vue中下载不同文件常用的方式
方法来打开一个新窗口，并直接访问文件的URL地址，从而触发文件下载。方法，并传入文件的URL地址和下载的文件名，即可实现文件的下载。方法触发链接的点击事件，实现文件的下载。在这个示例中，我们直接调用Vue实例的。属性为要下载的文件名。在上面的示例中，我们首先创建一个。在上面的示例中，我们使用了。属性为文件的URL地址，
2024-01-24 10:21:57
540
原创 nvm切换node版本报错
（1）点击电脑左下方搜索 命令提示符 ，点击 以管理员身份运行。（2）重新输入nvm use (需要使用的。use (node版本号) 命令时报错。权限不够，以管理员身份运行cmd。
2024-01-23 14:09:15
460
原创 npm install node-sass安装失败的解决方案
这样一来就是指定node-sass版本，指定npm包下载源为淘宝源，指定sass下载源为淘宝源，使用此命令基本就都能安装成功了。由于国内网络环境的问题，这个下载时间可能会很长，甚至导致超时失败。参数指定npm包的下载源是不够的，还需要使用。根据版本对应关系，笔者应该安装。命令默认安装了撰写本文时的。，所以才有了前文中报错。的对应关系，读者可访问。版本不同，需要安装的。官方给出了不同版本的。的版本时，默认会安装。
2024-01-10 15:49:20
728
原创 vue文本识别“\n“换行问题的解决方式
首先，将字符串里的 \n 替换为 <br>，然后用 v-html 指令渲染字符串为 innerHTML。设置 white-space: pre-wrap;
2024-01-10 14:48:53
2371
原创 git 拉取指定分支代码
git initgit remote add origin <远程仓库地址>git fetchgit checkout <分支名>这种方法适用于已经存在一个空的本地仓库，再拉取指定分支的代码的情况。
2024-01-09 11:40:44
8631
原创 git创建分支
确保你的本地仓库已经与远程仓库建立了连接，并且切换到你希望创建分支的项目目录下。这样你就切换到了新分支，可以在该分支上进行开发或其他操作。是你想要给新分支的名称，可以根据你的实际需求自定义。的远程分支，从而使其在远程仓库中得到创建。这将把本地的新分支推送到名为。
2023-12-12 14:27:08
135
原创 Vue配置代理解决跨域
Network的status中报CORS error指在前端（Vue.js）发起跨域请求时，被服务器拒绝访问的错误CORS 是一种安全策略，用于防止恶意网站通过跨域请求获取到用户的敏感数据。浏览器会使用 CORS 策略来检查发起的请求是否来自同源（Origin）的地址。如果请求的来源地址与目标地址不是同源，浏览器就会阻止该请求，出现 CORS 错误。
2023-12-07 14:37:45
532
原创 electron 应用图标修改
修改窗口图标 更换Electron应用程序的桌面图标 准备好你想要作为图标的图片文件，可以是PNG格式 安装一个可以转换图片格式为ICO的工具，例如在线转换工具“在线转换icon图标工具”。将你的PNG图片文件上传并转换为ICO格式 将转换得到的ICO文件放到你的Electron项目的public或assets文件夹中（桌面应用图标要求大小不能超过256*256这个，且后缀为【.ico】,将图标放到固定文件目录中（自建）） 在package.json文件中，找到"build"字段
2023-12-01 13:44:20
2290
1
原创 不使用position：fixed属性，使用什么让盒子固定，其他元素滑动式自己不动
属性将元素在滚动超过特定距离之前为相对定位，之后为固定定位。这个特定距离是通过设置。属性，要实现盒子固定、其他元素滑动时自己不动的效果，可以使用。属性中的某一个或多个来确定的。当页面滚动超过这个距离时，带有。属性的子级元素会固定在指定位置，而其他元素会继续滚动。属性的元素会固定在指定位置，而其他元素会继续滚动。属性设置了固定位置。当页面滚动超过50px时，带有。在上面的示例中，父级元素没有设置具体的。下面是一个示例，演示如何使用。属性，而子级元素设置了。
2023-11-22 16:18:44
808
原创 electron安装报错：Electron failed to install correctly...解决方案
1、删除 node_modules/electron。这种错误时，就是electron本体没有下载成功。4、在根目录下输入cmd运行项目就可以啦！2、设置系统环境变量。
2023-11-08 19:37:25
3081
原创 [system] Map key not configured
在uniapp 的项目的 manifest.json里面配置一下key（三选一即可）写uniapp 用内置组件map时。
2023-10-26 10:59:48
125
原创 微信小程序网络请求失败
需要到官方的微信小程序后台的 开发管理 -> 开发设置 -> 服务器域名配置位置进行域名的配置。未勾选这个设置在任何环境下发送http网络请求会失败。点击小程序右上角 ··· 打开菜单。
2023-10-18 15:51:06
752
原创 小程序：uniapp解决 vendor.js 体积过大的问题
如果完成了以上步骤打包完代码，上传时，提示代码体积超过了限制，这个时候试试关闭了开发工具，重新打开，然后上传。问题描述：代码上传、真机调试提示包提交过大，无法上传代码或生成二维码。上，小程序引用服务器文件地址（图片较多的话会节约大量的体积）根据业务类型进行分包处理（分包后单一包的体积迅速减少）
2023-09-21 16:58:02
678
原创 uniapp开发小程序uview的u-button样式自定义修改
在data里申明样式数据名，形式为对象，注意值要加引号，且有-的只要改为驼峰命名如border-Radius。u-button组件里:customStyle="样式数据名"
2023-08-25 11:36:56
2782
原创 移动端布局rem适配
相对单位REM是相对于根元素（通常是HTML元素）的字体大小而言的。通常情况下，根元素的字体大小默认为16px。所以，如果你将一个元素的字体大小设置为2rem，它将相当于32px（2 * 16px）。REM适配是一种移动端开发中常用的适配方法。它是基于CSS中的相对单位REM（Root Em）进行布局调整，以适应不同设备的屏幕尺寸。在REM适配中，一般会根据设备的屏幕宽度动态地计算并设置根元素的字体大小。2.在根目录下创建 postcss.config.js 文件。1.创建项目 安装插件。
2023-07-04 15:23:19
815
原创 移动端布局viewpost适配
ViewPost适配是指在不同屏幕尺寸和设备上适应性地显示内容的能力。在移动开发中，ViewPost适配是一种实现响应式布局和UI界面适配的技术手段，可以根据不同设备的屏幕尺寸显示相同的页面效果。3.安装插件 yarn add postcss-px-to-viewport -D。1.在项目根目录下添加 .postcssrc.js 文件。4.运行项目 yarn serve。
2023-07-04 14:17:22
71
原创 微信小程序：封装公共的Promise请求
第一层：工具函数层 utils/request.js。第三层：使用层 pages/user/user.js。第二层：api接口管理层 api/user.js。
2023-06-23 12:48:27
771
原创 BetterScroll实现滚动联动
实现原理：点击左边商品分类，获取下标，与右边的商品列表进行一一对应第一步：点击分类（绑定点击事件），获取下标第二步：给列表标题设置的id第三步：滚动到指定的标签。
2023-06-12 13:15:44
300
原创 核心滚动BetterScroll
BetterScroll 是一款重点解决移动端（已支持 PC）各种滚动场景需求的插件，使用纯 JavaScript 实现的，这意味着它是无依赖的。
2023-06-12 12:21:27
147
原创 Vue引入VantUI框架
第三步：打开官网复制代码，粘贴到需要用组件的地方。在babel.config.js中配置。在/src/main.js中引入。第一步：安装vant-ui。第二步：引入vant-ui。
2023-06-10 12:46:57
961
原创 Vue的组件通信
流程：利用$bus进行事件绑定和触发，实现数据传递。任意传：任意组件之间传数据，不需要关注组件的层级。第一步：在main.js中创建总线。第二步：在一个组件中触发事件。个组件中绑定事件，接收数据。
2023-06-08 00:50:56
58
原创 Vue自定义表单验证规则
第一步：在表单上添加 rules 属性，设置验证规则对象。第二步：在表单项设置 prop属性，声明验证的名称。第三步：设置验证规则对象。第四步：点击提交时验证。
2023-06-07 16:22:22
1072
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人