自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(30)
  • 收藏
  • 关注

原创 使用element-plus实现轮播图和缩略图联动

swiper是有这个deom的,算是仿swiper功能。没有搞无限轮播,无限轮播可以用swiper。使用的是element-plus的走马灯组件加一些脚本实现。

2024-08-09 10:27:16 753

原创 web阿里云oss上传图片

【代码】web阿里云oss上传图片。

2024-07-23 16:38:03 285

原创 VUE3监听Pinia.store中的数据

表示变更后的状态,变更发生后整个 store 的最新状态。通过监听他的长度实现。

2024-07-16 10:03:53 1627 1

原创 axios取消网络请求

在使用axios发送请求时,我们可以通过使用axios的CancelToken来实现取消请求的功能。取消请求时,axios会抛出一个包含。属性的Cancel对象,我们可以通过。在这个示例中,我们首先创建了一个。来判断是否是取消请求导致的错误。然后我们发送一个GET请求到。

2024-03-29 14:36:18 425

原创 Vue使用自定义指令实现盒子可拖动

【代码】Vue使用自定义指令实现盒子可拖动。

2024-01-16 13:52:57 713

原创 electron 安装依赖卡解决方法

【代码】electron 安装依赖卡解决方法。

2023-12-11 14:35:25 806

原创 Vite 构建项目报错

直接集成SDK没问题,采用Vite构建的项目集成就会报下面的错误。新建js文件agora_introduce.js。Electron版本:24.6.2。插件的具体使用方式,参考。SDK版本:4.2.6。

2023-12-04 11:14:30 826 1

原创 rem适配设置

rem适配原理:改变了一个元素在不同设备上占据的css像素的个数。px值到rem的转换太复杂。

2023-08-16 11:49:12 648

原创 css样式

这个网站可以帮助我们裁剪各种想要的图形。

2023-08-15 17:18:23 189

原创 项目启动node-sass 安装报错问题

node版本太高了,项目启动前是用的16.19.0,切换node版本为13.14.0。然后删除项目的node_modules文件重新下载依赖启动项目就可以了。这里使用了nvm,node版本管理工具,下载node。

2023-08-08 11:07:35 343

原创 npm 安装插件报错卡停

问题一般情况是因为代理问题,npm代理和git代理都要设置。首先确认网络是否需要设置代理。

2023-07-06 19:43:05 171

原创 git常用指令

1.初始化和克隆仓库:git init: 初始化一个新的Git仓库。 git clone [url]: 克隆一个远程仓库到本地。2.添加和提交文件:git add [file]: 将文件添加到暂存区。 git commit -m [message]: 将暂存区的文件提交到本地仓库,并添加提交信息。3.查看和管理仓库状态:git status: 查看工作区和暂存区的状态。 git log: 查看提交历史。 git branch: 查看分支列表。 git remote -v: 查看远程

2023-07-06 19:38:03 123

原创 微信小程序API

通过凭证进而换取用户登录态信息,包括用户在当前小程序的唯一标识(openid)、微信开放平台帐号下的唯一标识(unionid,若当前小程序已绑定到微信开放平台帐号)及本次登录的会话密钥(session_key)等。1.在页面的wxml文件中,使用scroll-view组件包裹需要滚动的内容,并设置scroll-y属性为true,表示允许垂直滚动。2.在onPageScroll()函数中,可以通过e.scrollTop获取当前页面的滚动距离,从而实现一些滚动相关的操作。

2023-05-12 14:40:46 411

原创 微信小程序封装wx.request

【代码】微信小程序封装wx.request。

2023-05-11 08:25:41 224 1

原创 vue插槽

插槽内可以是任意内容。先看一下下面的代码:声明一个child-component组件,现在在<child-component></child-component>内放置一些内容插槽就是Vue实现的一套内容分发的API,将<slot></slot>元素作为承载分发内容的出口。这句话的意思就是,没有插槽的情况下在组件标签内些一些内容是不起任何作用的,当我在组件中声明了slot元素后,在组件元素内写的内容就会跑到它这里了!具名插槽,就是给这个插槽起个名字。

2023-05-08 09:30:03 91

原创 微信小程序使用vant组件库

所有组件文档中的引入路径均以 npm 安装为例,如果你是通过下载源代码的方式使用 @vant/weapp,请将路径修改为项目中 @vant/weapp 所在的目录。内添加如下配置,使开发者工具可以正确索引到 npm 依赖的位置。引入组件后,可以在 wxml 中直接使用组件。在其外部,npm 构建无法正常工作。中配置 Button 对应的路径即可。以 Button 组件为例,只需要在。选项,构建完成后,即可引入组件。打开微信开发者工具,点击。开发者工具创建的项目,

2023-05-06 09:37:41 334

原创 vuex的使用

它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。组件中取值:{{this.$store.state.num}}如果没有需要:npm install vuex --save。Vuex 是一个专为 Vue.js 应用程序开发的。

2023-04-20 15:03:10 98

原创 vue axios封装,同步执行

第一步安装:npm install --save。第一步,在api文件下新建一个https.js文件。第三步,在main.js 中声明原型使用他。第二步:在res下创建一个。再新建一个api.js文件。在main.js引入。第四步,在页面中使用。

2023-04-20 14:45:51 1454

原创 vue 路由

找到vue项目根目录下的src文件下的views文件就是放路由的文件。在src文件夹下的router文件里找到index.js。query传参不需要在路由后面写key值,直接传即可。找到vue项目下的App.js文件写入如下代码。在里面新建一个文件后缀vue写入。在路由链接后面写上要传值的key。已经创建好一个简单路由了。代码都要写到home里。然后就可以访问你的路由。访问你的home路由。

2023-04-18 16:35:24 69

原创 js原型原型链,闭包,深浅拷贝

在 JavaScript 中,每个对象都有一个与之关联的原型(prototype),用于实现继承和共享属性。一个对象的原型就是它的构造函数的prototype属性。我们可以通过方法获取一个对象的原型。一个对象的原型也可以被称为该对象的父对象。

2023-04-07 08:52:52 232

原创 VUE项目组件的使用

vue项目生成后会会生成很多文件找到res下的components文件就是放组件的文件新建一个后缀为vue的文件写入好了已经创建了一个简单的组件。

2023-04-06 21:18:32 291

原创 VUE项目创建&使用

安装nodejs,自带npm环境。下载node.js。

2023-04-06 21:02:54 152

原创 vue指令,方法,事件修饰符,生命周期

native 触发原生的事件(有时发现用一些第三方的组件库时,例如一个封装好的button按钮,绑定点击事件却没有任何作用,这时便需要加 .native)v-bind 可以用于任何属性,如:class、style。v-if 显示隐藏是将dom元素整个添加或删除 v-else-if v-else。V-show 显示隐藏是添加css样式css--display:none。v-for 循环指令,用来遍历数组、对象等多个数据的。.self 只处理自己身上的事件,不理会冒泡或捕获。methods 事件处理。

2023-04-03 08:05:23 132

原创 git学习,常用指令

git config --global user.name "" 更新用户名。缓存:git add (文件名),git add . (缓存所有修改文件)git push origin (分支名) --force (强制推送)合并分支:首先返回主分支、git merge (你要合并的分支)git push(不加其他,直接上传到主分支)git checkout (分支名)切换分支。提交:git commit -m (注释)git push origin (分支名)git branch (分支名)新建分支。

2023-03-27 14:57:41 51

原创 div在范围内拖拽

【代码】div在范围内拖拽。

2023-03-16 09:42:29 242

原创 CSS3变换、过渡、动画

语法: transition-timing-function: linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n);动画类型linear,ease,ease-in,ease-out,ease-in-out。动画名称name + @keyframe。如何使用transform。过渡属性property。持续时长duration。位移translate。

2023-03-16 09:37:07 113

原创 css3 弹性盒子

Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。任何一个容器行内元素也可以使用 Flex 布局。都可以指定为 Flex 布局。

2023-03-15 20:31:01 84

转载 H5音视频video、audio、

H5音视频video、audio、

2023-03-09 08:07:43 779 1

原创 本地存储 sessionStorage,localStorage,cookie

本地存储 sessionStorage,localStorage,cookie的应用

2023-03-08 15:26:30 110

原创 H5废弃的元素和属性

ES6废弃的元素和属性

2023-03-08 09:40:38 118

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除