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