- 博客(56)
- 收藏
- 关注
RSS订阅原创 uniapp的扩展组件uni-rate的使用注意事项
由于uni-rate组件的size属性的值类型为number，但是上述代码使用的是字符串，因此不符合组件的使用规则，因此会导致@change事件失效。像上边提供的代码的话，会导致鼠标划过或者点击的时候不会触发onChange是事件。由于size只能是数字，且默认为px，所以不能设置为响应式的，希望官方能改进一下。评分组件，多用于购买商品后，对商品进行评价等场景。如果有谁有解决方案，还请发在评论区借鉴一下。
2024-05-23 16:52:32
289
原创 uniapp使用uni.chooseImage选择图片后对其是否符合所需的图片大小和类型进行校验
uni.chooseImage的返回值在H5平台和其他平台的返回值有所差异，具体差异看下图根据图片可以看出要想判断上传的文件类型是不能直接使用type进行判断的，所以我使用截取字符串的形式来判断，当前上传图片的后缀名是否符合所需要求。
2024-05-22 17:04:44
301
原创 使用uniapp编写的微信小程序进行分包
由于小程序发布的时候每个包最多只能放置2MB的东西，所以把所有的代码资源都放置在一个主包当中不显示，所以就需要进行合理分包，，但是分包后整个小程序最终不能超过20MB。一般情况下，我习惯将tabbar页面都放置在主包中，其余的相关页面都放置到对应的分到当中。比如：在我的界面可以点击之后进入到个人中心页面、订单页面、地址管理页面等等，那么这些页面我就会放置在package_home的分包当中。
2024-05-21 16:51:06
437
原创 Navicat Premium 15安装
由于官网没有提供历史版本的安装包，所以我将安装包放在了网盘中，不过只有64位的安装包没有放置32位的。提取码：v29u。
2024-05-17 14:54:36
386
1
原创 MongoDB的安装和配置
MongoDB 是一个开源的、面向文档的、非关系型数据库管理系统（NoSQL）。它使用JSON-like（BSON）文档来存储数据，使得数据结构更加灵活，易于理解和操作，特别适合处理大量的、半结构化或非结构化的数据。灵活性：数据以文档的形式存储，文档中可以嵌套数组和其他文档，这种灵活的模式可以适应复杂的数据结构，而无需预先定义表结构。高性能：通过内存映射文件、索引前缀压缩等技术提高读写速度，支持水平扩展，可处理高并发读写操作。分布式。
2024-05-16 11:19:23
696
原创 【案例】根据商品的颜色进行分组，同一种颜色的商品可以对应多种尺寸、价格以及库存
输入商品的颜色、尺寸后点击添加按钮，即可将对应的商品信息添加到下方的表格当中，表格中除了会显示商品的颜色和尺寸之外，还会显示商品的价格和库存，并且可以对商品的价格和库存进行修改，并且根据颜色进行分组将相同颜色值的数据都会添加在一个大行当中。由于对于element-plus组件库中的el-table的合并单元格的方法没有写明白所以就用了原生的table书写的，如果有哪位大佬可以使用el-table实现该效果，还请不吝赐教。通过以上步骤即可实现效果图中所展示的效果。
2024-05-16 09:00:54
366
原创 nrm全局安装后使用时提示【无法将“nrm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。】
这对于提高依赖包下载速度特别有用，特别是在网络条件不佳或位于国外的开发者，可以通过切换到离自己地理位置较近的镜像源（如国内的淘宝npm镜像、npm的官方镜像等）来加速下载过程。：部分nrm版本还提供了测试不同源下载速度的功能，帮助用户选择最快的服务源。命令，用户可以查看所有已注册的npm源列表，以及当前正在使用的源。命令，可以快速改变当前npm命令使用的注册表地址，无需手动修改。：如果不再需要某个源，可以使用相应的命令将其从列表中移除。命令将其添加到nrm管理的源列表中，便于随时切换使用。
2024-05-15 08:55:40
365
原创 Element Plus组件库使用组件自动导入后样式不生效的问题
由此可以看出虽然按照官网上的步骤进行配置了，但是样式并没有因此而生效。错误原因：是因为在使用以下命令进行依赖的安装的时候默认安装的是最新版的。配置完成后，去组件中去测试组件库中的button组件的样式是否生效。的版本安装为0.26.0即可。然后重新运行项目查看结果。然后运行代码查看效果。
2024-05-15 08:43:50
488
原创 【案例】使用Vue实现拖拽课表
点击左侧的课程并进行拖拽，拖拽到要开设本课程的地方然后松手，即可将本节课设置为当前所拖拽的科目并且背景色为当前科目的背景色，当多次拖拽到同一节课的时候将会实现后者覆盖前者的效果。通过以上代码即可实现展示效果。
2024-05-14 09:58:24
413
1
原创 【案例】使用Vue实现标题项元素上下移动
每一组数据只能在对应的二级类目中进行上下移动，当点击上移图标的时候【左边的】会将当前元素与上一个元素交换位置，当点击的元素为该组的第一个元素时，将提示已经是第一项了并且不能进行移动；当点击下移图标的时候【右边的】会将当前元素与下一个元素交换位置，当点击的元素为该组的最后一个元素时，将提示已经是最后一项了并且不能进行移动。本效果需要用到 vue、vur-router、scss、element plus。第三步：配置别名@，并设置element组件的按需导入。第四步：创建Drag组件，并书写相关的逻辑代码。
2024-05-14 09:19:55
300
原创 vite配置别名@时遇到错误【Dynamic require of “path“ is not supported 】
vite项目中配置别名@的时候，使用。修改之后path就可以正常使用了。因为vite中默认不支持。
2024-05-13 10:43:00
281
1
原创 创vite项目时报错【文件名、目录名或卷标语法不正确】
1、将yarn的全局路径改到D盘就可以了，在D盘创建yarn文件夹，然后再其中创建一个global和cache文件夹。yarn的安装包默认是在C盘的而我电脑上yarn安装在D盘，所以就会报这样的错误。3、然后就可正常使用yarn创建vite项目了。可以使用如下命令查看当前yarn的安装包位置。
2024-05-13 09:58:39
257
原创 yarn在 window提示【yarn : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\yarn.ps1，因为在此系统上禁止运行脚本】的解决方法
yarn是npm的升级版yarn命令的安装是使用但是安装完yarn后，第一次在命令行使用yarn命令的时候，会出现【yarn : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\yarn.ps1，因为在此系统上禁止运行脚本】的提示。解决方法：1、在window的搜索栏中搜索PowerShell。
2024-05-13 08:59:41
619
原创 在命令行中操作MongoDB数据库
MongoDB是一个开源、高性能、无模式的文档型数据库，当初设计就是用于简化开发和方便扩展，是NoSQL数据库产品中的一种。是最像关系型数据库（MySQL）的非关系型数据库。它支持的数据结构非常松散，是类似json的bson格式，因此可以存储比较复杂的数据类型，又相当灵活。MongoDB中的记录是一个文档，它是一个由字段和值对（field:value）组成的数据结构。MongoDB文档类似于JSON对象，即一个文档认为就是一个对象。
2024-05-11 10:27:52
1424
原创 Express获取请求参数、服务端渲染、生成器
将静态资源文件所在的目录作为参数传递给express.static中间件就可以提供静态资源文件的访问了。通过Express内置的express.static可以方便地托管静态文件，例如图片、CSS、JavaScript文件等。访问静态文件时，express.static中间件会根据目录添加的顺序查找所需的文件。现在，就可以通过带有 “/static” 前缀的地址来访问public目录下面的文件了。现在，public目录下面的文件就可以访问了。所有文件的路径是相对于存放目录的，因此，进入项目目录安装依赖。
2024-05-10 09:27:02
519
原创 Express中间件（完善）
Express是一个自身功能极简，完全是由路由和中间件构成的一个web开发框架，从本质上来说，一个Express应用就是在调用各种中间件。中间件(Middleware) 是一个函数，他可以访问请求对象、响应对象和web应用中处理请求-响应循环流程中的中间件，一般被命名为next变量。【如果当前中间件没有终结请求-响应循环，则必须调用next()方法将控制权交给下一个中间件，否则请求就会挂起。Express应用可使用如下几种中间件：使用可选择挂载路径，可在应用级或路由级别装载中间件。
2024-05-10 09:02:06
637
原创 Express中间件
中间件(Middleware) 本质是一个回调函数。中间件函数 可以像路由回调一样访问请求对象、响应对象。每一个请求 到达服务端之后 都会执行全局中间件函数。声明中间件函数//实现功能代码//.....//执行next函数(当如果希望执行完中间件函数之后，仍然继续执行路由中的回调函数，必须调用next)next();应用级中间件声明时可以直接将匿名函数传递给useconsole.log('定义第一个中间件');next();})
2024-05-09 09:35:25
618
原创 Node.js版本管理工具nvm的安装和使用
nvm全称 Node Version Manager 顾名思义它是用来管理 node 版本的工具，方便切换不同版本的Node.js。
2024-05-07 09:34:01
861
原创 包管理工具cnpm的安装和使用
cnpm是淘宝构建的npmjs.com的完整镜像，也成为淘宝镜像，网址cnpm服务部署在国内阿里云服务器上，可以提高包的下载速度官方也提供了一个全局工具包cnpm，操作命令与npm大体相同。
2024-05-07 08:59:14
523
原创 包管理工具npm的安装和使用
node.js在安装时会自动安装npm，所以如果你已经安装好了node.js，就可以直接使用npm，可以通过 npm -v查看版本测试号，如果显示版本号说明安装成功，反之安装失败。Path是操作系统的一个环境变量，可以设置一些文件夹的路径，在当前目录下找不到可执行文件时，就会在环境变量Path的目录中挨个的查找，如果找到则执行，如果没有找到就会报错。项目中可能会遇到版本不匹配的情况，有时就需要安装指定版本的包，可以使用下面的命令的。大米 ， 油 ， 葱 ， 鸡蛋 ， 锅 ， 煤气 ， 铲子。
2024-05-06 11:09:40
1260
1
原创 ECMAScript和JavaScript的区别
具体来说，ECMAScript 定义了 JavaScript 的核心语法、数据类型、语法结构等基本特征，而 JavaScript 则是在 ECMAScript 的基础上实现了更多功能，比如浏览器端的 DOM 操作、服务器端的 Node.js 环境、各种库和框架等。ECMAScript 是 JavaScript 的标准规范的名称，而 JavaScript 是基于 ECMAScript 标准的一种编程语言。简单来说，ECMAScript 是语言规范，而 JavaScript 是实现了该规范的编程语言。
2024-04-30 09:56:15
277
3
原创 对于数组对象，根据指定的属性去重，并保留后一项
reduce( function (初始值或计算后返回值，当前元素，索引，原数组) {方式二：增加一个新数组，配合ES6的every方法。方式一：使用双层for循环可直接修改原数组。方式四：使用ES5的reduce方法。方式三：使用ES6的map方法。
2024-04-30 09:18:48
394
原创 在setup中进行异步请求获得的数据在setup中不能进行操作，但是可以在页面渲染
原因分析：由于响应式数据有缓存所以在页面中可以进行渲染，但是在setup中不能直接拿到异步获取到的值进行操作。解决方法：在setup中事先定义一个响应式变量，然后将异步请求获取到的数据赋值给事先定义好的响应式变量。
2024-04-30 08:47:48
360
原创 包管理工具yarn的安装和使用
yarn是由Facebook 在 2016 年推出的新的 Javascript 包管理工具，官方网址：https://yarnpkg.com/yarn 官方宣称的一些特点常用命令：功能 命令 初始化 yarn init / yarn init -y 安装包 yarn add 包名 -D 开发依赖yarn add 包名 -S 生产依赖 【默认情况下是生产依赖，所以要想安装开发依赖需要显示指定】yarn add 包名 -g 全局依赖yarnyarn buildyarn
2024-04-29 10:14:29
369
原创 使用Vue实现返回到上一个页面的时候进行参数的传递
需求：点击按钮进入到下一个页面，在新的页面进行一系列操作，操作完成之后点击按钮会返回到上一个页面，返回的时候还要携带这个页面的一些数据。实现方式：使用组件内守卫，在组件进入到上一个页面时使用路由守卫进行参数的接收。欢迎大家提出更多的解决措施！
2024-04-29 09:21:06
504
原创 微信小程序实现用户手机号授权
本文的代码只提供了前端代码部分，后端接口部分没有进行提供。以上代码只是我的个人写法，如有不足之处，欢迎批评指正！以下代码均使用uniapp进行实现。
2024-04-29 09:08:33
801
原创 实现搜索关键字匹配高亮
返回处理后的文本，即高亮处理后的结果。：这是一个函数的定义，接收一个参数。欢迎大家提供更好的方法来实现此功能。，表示待处理的文本。
2024-04-28 08:56:48
837
原创 在nodejs中如果注册店铺失败的话就把刚才上传的店铺营业执照的照片从文件夹中删除
以上代码是我使用nodejs，代码中的license是代表的存储的图片的名字。标题中所提到的文件夹，就是图片上传时对应的文件夹。
2024-04-27 09:01:25
550
原创 在Vue中使用v-viewer插件实现点击图片预览
注册插件，这样组件、指令和api会被一起安装到app全局。版插件，可用于图像查看，以及图片的旋转、缩放等功能预览。v-viewer是一款基于 viewer.js 封装的。指令添加到任意元素即可，该元素下的所有。【指令式调用我觉得非常简便】及必需的css样式，并使用。
2024-04-27 08:53:55
762
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人