- 博客(30)
- 资源 (1)
- 收藏
- 关注
原创 nvm的安装使用,以及安装node,nvm常用命令
安装nvm之前必须清理本机安装的node,清理干净nvm官网往下滑 找到此处 nvm下载找到此文件下载解压缩安装包,并把安装包安装在D盘,然后 win+x选择 windows powershell出现该界面命令行输入npm -v 出现版本号 例如:出现该样式,则说明安装成功,由于本机没有node需要安装node,在node官网选择对应版本,此处以10.16.0为例,输入nvm install 10.16.0。
2024-04-30 11:35:52
249
原创 vue项目前端埋点,获取用户信息及记录页面菜单停留时间
"停留时间(s)": parseInt((currentTime - startTime) / 1000),// "停留时间(ms)": currentTime - startTime,// 第二步:计算 currentTime - startTime 的 差值。// 第一步:页面跳转后记录一下当前的时间 currentTime。// 第三步:每次都要初始化一下 startTime。当前页菜单名: from.name,结束时间: currentTime,当前页路由: from.name,
2024-04-29 09:13:26
167
原创 前端埋点,浏览器新开标签页,记录新开标签页的浏览时间(秒)
console.log('停留时间:', timeSpent, '秒');只有新开标签页失活状态下 才会记录,同样的页面open两次,会记录两次 ,符合逻辑。
2024-04-29 09:05:13
244
1
原创 Vue 项目运行时,报错 Error: Cannot find module ‘node:path‘
npm -v 报错 Error: Cannot find module ‘node:path'安装相对应的版本 node版本10.16.0对应npm版本6.9.0。npm install npm@6.14.17 -g执行该命令即可。node -v 是否显示node。是因为node版本和npm版本不匹配。
2024-04-27 09:05:12
3624
原创 el-tree组件只有一级节点显示图片,并默认是一张图片,展开时是另外一张图片
'el-icon-user-solid': data.type === 2 // data.type是后端配合提供的识别字段,最后一级。'el-icon-folder-opened': node.expanded, // 节点展开时的图标。label: "二级节点 1-1"label: "二级节点 1-2"label: "二级节点 2-1"label: "二级节点 2-1"label: "二级节点 2-1"label: "一级节点 1",label: "一级节点 2",
2024-04-10 11:40:48
608
原创 实现节流防止连点方法以及调用方式
title: `点击次数过高,请${Math.ceil((delay - (nowTime - latestTime)) / 1000)}秒后再次尝试!此方法是处理接口或者逻辑等等。import {throttle} from "路径"1、新建throttle.js文件,复制该代码。
2024-03-22 16:04:14
261
原创 uniapp开发app,开发AI机器人对话功能,包含停止回答,文字一个字一个字蹦出来,每次滚动到最底部,查看历史等功能
<text class="text">对话历史</text>发送
2024-03-22 15:55:48
513
原创 uniapp实现长列表滚动分页功能
Empty v-if="itemsList.length==0" :title="'暂无数据 ...'" />console.log("触底了")
2024-03-11 10:35:48
634
原创 uniapp回到顶部
scrollTop: 0, // 滚动到页面的目标位置 这个是滚动到顶部, 0。duration: 300 // 滚动动画的时长。
2024-03-06 10:29:25
418
原创 css渐变背景色如图
上面图片中的设置为background: linear-gradient(170deg,transparent,#fff);( 方向/角度 , 颜色1,颜色2,颜色3....);180deg:180度->to bottom。90deg: 90度->to right。270deg:270度->to left。to left :从右向左填充渐变色。to top : 从下向上填充渐变色。to right:从左向右填充渐变色。to bottom:从上向下填充渐变。0deg : 0度->to top。
2024-03-02 11:28:23
361
1
原创 css设置当字数超过限制后以省略号(...)显示
① -webkit-line-clamp用来限制在一个块元素显示的文本的行数。为了实现该效果,它需要组合其他的WebKit属性。必须结合的属性 ,将对象作为弹性伸缩盒子模型显示。③ -webkit-box-orient 必须结合的属性 ,设置或检索伸缩盒对象的子元素的排列方式。:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。2、多行文本溢出显示省略号。
2024-02-27 14:31:14
1914
原创 uniapp实现横向滚动布局并且左侧第一个元素不动
title: "为您推荐",title: "为您推荐",title: "为您推荐",title: "为您推荐",title: "为您推荐",title: "为您推荐",title: "推荐",
2024-02-27 10:04:41
469
原创 uniapp中实现两栏布局
title: "路野掌路野掌路野掌路野掌路野掌路野掌路野掌路野掌路野掌路野掌路野掌路野掌路野掌路野掌",title: "路野掌路野掌路野掌路野掌路野掌路野掌路野掌路野掌路野掌路野掌路野掌路野掌路野掌路野掌",title: "路野掌路野掌路野掌路野掌路野掌路野掌路野掌路野掌路野掌路野掌路野掌路野掌路野掌路野掌",title: "路野掌路野掌路野掌路野掌路野掌路野掌路野掌路野掌路野掌路野掌路野掌路野掌路野掌路野掌",/* 响应式设计,根据屏幕宽度调整宫格列数 *//* 假设你有2列,并且有间距 */
2024-02-27 10:00:42
1036
原创 uniapp手写提示框循环校验表单方法
/ console.log("有没填的信息", item.key)// value: 'word文件',// label: '请上传'value: '出版标题',value: '作品简介',value: '出版要求',value: '联系方式',label: '请输入'label: '请输入'label: '请输入'value: '作者',label: '请输入'label: '请输入'* 绑定:FormData,* 校验:BaseRules。
2024-02-25 23:13:57
425
1
原创 uniapp中使用在线阿里图标库,注意不是本地使用
文件中使用便是<text class="iconfont icon-shezhi"/> icon-shezhi是阿里图标库中的class名,到此步骤,即可完成阿里图标库的在线使用。2.每次加入图标都需要更新阿里图标库中的代码,除非一次性添加完毕,一共两处,都需要复制。切记,复制代码到项目中,一定要在//前面加上https:否则不显示图标。第一张图片复制到uniapp项目中的iconfont.css文件中。1.阿里图标库中我的项目中首先得有图标,第二张图片复制到App.vue中。
2024-02-25 23:03:45
406
1
原创 vue2中css实现多个元素,每个元素的字体颜色以及背景颜色不同
取余的方式就是将多个元素一直围绕三个三个颜色循环,每次取余都是0,1,2,以此类推,也可以用js实现颜色数组循环(此案例数据需要自己写,很简单)
2024-02-25 22:46:23
440
1
原创 uniapp实现今日头条中个人中心的上拉吸顶并头部标题栏显示头像功能
info: '简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介',info: '简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介',info: '简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介',info: '简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介',tabs: ['关注', '推荐', '问答'],
2024-02-25 22:28:03
886
1
原创 Echarts简单实用,复杂化需要参考Echarts官网
4.实时更新数据,使用computed计算属性/watch监听数据改变,并且使用map映射数据源。5.这篇文章只是echarts简单地使用,复杂的图表配置还须参考echarts官网。//需要给样式宽高,:option为双向绑定的值。
2023-07-07 22:08:54
96
1
原创 mpvue小程序分包
1. 分包的作用:分包可以将项目按照功能或业务逻辑进行划分,使得每个分包可以独立加载和更新。上面的配置表示项目有两个分包,`package1`和`package2`,分别包含了不同的页面。`root`字段指定了分包的根路径,`pages`字段指定了该分包下的页面路径。2. 分包的配置:需要在项目的`app.json`文件中进行分包的配置。在`subPackages`字段中,可以指定各个分包的路径和所包含的文件。- 分包在小程序的初次启动时不会被下载和加载,只有在访问到对应的分包页面时才会动态下载和加载。
2023-06-29 21:41:29
495
1
原创 简易实现百度搜索功能,js实现,亲测好用
pre=1&p=3&ie=utf-8&json=1&prod=pc&from=pc_web&sugsid=36549,36626,36726,36454,31254,34812,36691,36165,36693,36570,36779,36773,36745,36762,36768,36767,26350,36650&wd=熊二&csor=3&pwd=ad&cb=fn&_=1657173285992"> -->
2023-06-29 20:36:27
886
1
原创 Uniapp小程序分包
2.现在分包的话,就在pagesA文件下创建一个order文件,再把pages文件下的oeder页面剪切到pagesA的order文件下。1.首先在pages文件目录下创建pagesA文件(这里拿order页面举例),正常的order文件在pages文件下。把页面中需要跳转order页面的路径,重新修改一下,改成pagesA/order/order,即可,"path":"order/order",//路径需要写成你子包根目录下面的目录即可。"pages":[//这里的配置和pages里面一样,复制即可。
2023-06-29 09:03:34
572
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人