自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 谈谈网络传输过程

DNS解析:浏览器需要知道百度服务器的IP地址才能发送请求,因此它会向本地DNS缓存、路由器的DNS缓存或ISP的DNS服务器查询“www.baidu.com”的IP地址。如果这些地方没有,请求会逐级向上直至根DNS服务器,最终获得百度服务器的IP地址。解释1:HTTP请求数据包HTTP(Hypertext Transfer Protocol)是应用层协议,用于从Web服务器传输超文本信息到本地浏览器的传输协议。一个典型的HTTP请求数据包包括以下部分:起始行(Request Line)

2024-04-28 17:13:36 1163

原创 在 H5 页面和 uniapp 小程序之间进行数据通信

在 H5 页面中使用 localStorage 来存储需要传递的数据,然后在小程序中使用 uni.getStorageSync() 或者 uni.setStorageSync() 来获取或设置 localStorage 中的数据。在 H5 页面中使用 URL 参数来传递数据,然后在小程序中使用 uni.getLaunchOptionsSync() 或者 onLaunch/onShow 生命周期函数来获取 URL 参数中的数据。(未完待续.....后面补上)

2024-04-28 15:35:40 1596

原创 利用webview 内嵌实现小程序,h5 ,app 页面跳转和数据通讯,附带实现pdf文件的预览(兼容ios和安卓)

2、在小程序中打开H5页面时,是使用微信内置浏览器打开的;所以最常见的问题是,页面打开后,微信内置浏览器的缓存清除不掉,导致小程序打开H5页面内容不更新。1、小程序通过webview打开H5页面,需要配置业务域名,需要在小程序公众平台配置业务域名。2.bindmessage 可以实现网页端和小程序之间通讯, 但只在特定时机触发。这样就可以看到我们从小程序跳转到了h5页面并成功传递和接受了数据。在小程序中一般通过webview打开H5页面。会自动铺满整个小程序页面,网页端向小程序端传递消息。

2023-09-11 18:52:46 2220

原创 git基础使用

git branch或者或者5.冲突解决6.分支管理策略。

2023-09-10 19:42:03 185

原创 微信浏览器(公众号小程序),h5端,小程序 ,app端 解决video视频自动触发播放问题,

最近一直在开发h5端 和公众号小程序,一般总会遇到video不能自动触发播放(由于不同浏览器限制)、不加延时器时器没有效果得,这样在微信公众号在微信浏览器中会实现自动播放。h5端 ,微信小程序 实现自动播放是可以采用获取视频上下文实现得,2.在onload和change方法中执行:调用。

2023-08-12 16:21:27 3691 2

转载 pinia的使用总结

Pinia 的优点: 1. 更加轻量级:相比 Vuex,Pinia 更加轻量级,因为它不需要使用 Vuex 的一些复杂的概念,如模块和 getter。3. 更加灵活:Pinia 提供了更加灵活的状态管理方式,因为它支持多个 store 实例,而 Vuex 只支持一个 store 实例。首先在项目src目录下新建store文件夹,用来存放我们创建的各种store,然后在该目录下新建user.ts文件,主要用来存放与user相关的store。还可以新建其他文件作为小仓库,

2023-08-12 15:55:29 440

原创 vite-plugin-mock3.0.0版本运行报错

找到 (file:///D:/Desktop/vue3_template/vue_templater/node_modules/vite-plugin-mock/dist/index.mjs:128:3)这个文件夹 128行哪里。将vite-plugin-mock 换成 2.9.6版本。好了这样问题应该解决了,

2023-07-23 16:19:47 1314

原创 vue3兄弟之间的传值方法(菜单折叠问题)

1.子组件A页面定义了一个名为的变量,并使用方法创建了一个可供组件使用的自定义事件。然后,代码创建了一个名为的响应式变量,并将其初始值设置为。该变量用于表示一个折叠状态,即是否处于折叠状态。之后,代码定义了一个名为的函数。这个函数的作用是切换的值,将其设置为相反的布尔值。然后,在控制台中输出的值。最后,代码通过调用方法,触发了名为的自定义事件,并传递了的值作为参数2.A和B的公共父组件这段代码使用 Vue.js 的 函数创建了一个响应式的变量 ,然后定义了一个函数 用于更新

2023-07-18 15:15:35 216

原创 实现uniapp 安卓端 第三方微信,qq,微博 授权登录

在回调中调⽤ wx.login 登录,可能会刷新登录态。7、客户端wx.request() 发起请求时,携带 登录状态token (推荐使用 wx.getStorageSync(‘key’) 同步获取)8、客户端wx.request() 发起请求时,携带 登录状态token (推荐使用 wx.getStorageSync(‘key’) 同步获取)5、客户端wx.request() 发起请求时,携带 登录状态token (推荐使用 wx.getStorageSync(‘key’) 同步获取)

2023-06-16 10:58:14 1584 1

原创 介绍小程序里面animation 动画的基础用法

这样就通过了动画实例方法来描述动画,并把描述的对象导入到animation属性对象中,实现动画效果,具体动画参数可以看uniapp相关文档。第一步:定义需要动画的组件animation属性,用于接收动画数据 在return 中对象的形式接受数据。第二步:创建动画实例,调用动画实例的方法来描述动画。第三步:定义方法来触发动画。

2023-04-05 19:14:46 979 4

原创 利用props进行路由组件传参

props开启为true,就可以传递params占位参数。自定义值,在props直接接受。

2023-03-04 11:37:39 209

原创 编程式路由传递参数的形式

编程式路由传递参数的形式

2023-03-04 00:58:16 195

原创 如何根控制据权限进行按钮级别

获取vuex里面的按钮所有权限,用includes来查找传入的权限是否在权限列表中,不在的话就隐藏它,2.封装一个函数bind()钩子函数 :当指令第一次绑定在元素上时. 用来做一次性初始化操作。1.首先获取到的按钮权限菜单存储到vuex或者seccesstion,3. 在组件页面出引入封装的函数,定义自定义指令。思路说明:我们可以用v-if或者自定义指令做,即可使用传参实现功能级权限管理。

2023-02-09 19:17:09 111

原创 怎么去做移动端的适配

适配方案一:rem+动态的font-size实现。

2023-02-03 12:27:28 162

原创 微信支付流程总结

调用uni.requestPayment()这个API,发起微信支付,把步骤 2 得到的 “订单预支付对象” 作为参数传递给。监听uni.requestPayment()这个API的success,fail,complete回调函数。请求创建订单的API接口:把(订单金额,收获地址,订单中包含的商品信息)发送到服务器。服务器响应:订单预支付的参数对象,里面包含订单支付的相关必要参数。请求订单预支付的API接口:把订单编号发送到服务器。服务器会返回:订单编号。

2023-02-01 10:46:54 380

原创 如何实现浅拷贝

浅拷贝:创建一个新对象,这个对象有着原始对象属性值的一份精准拷贝。如果属性是基本类型,拷贝的就是基本类型的值;如果属性是引用类型,拷贝的就是内存地址。这个内存地址指向同一个堆内存。如果其中一个对象改变了这个地址,就会影响到另一个对象。深拷贝:创建一个新对象,如果属性是基本类型,拷贝的就是基本类型的值;如果属性是引用类型,则从堆内存中开辟一个新的区域存放该引用类型指向的堆内存中的值,修改新对象的值不会影响原对象。

2023-01-30 17:33:19 195

原创 实现深拷贝的几种方式

2. deepClone函数实现。3.引入load第三方插件实现。1.序列化实现深拷贝。

2023-01-30 17:04:56 137

原创 记录自己实现多个服务器不同路径请求问题

记录自己实现多个服务器不同路径请求问题,之前没弄过,看别人写好多,本以为会挺难的,还是实现了。

2023-01-03 23:28:12 75

原创 sidebar侧边导航的基础使用

3.右边布局,利用onchange监听索引事件,当点击是把对应的索引赋值给对应的数据,实现页面把不同数据切换,1.利用Layout 组件提供了。2.获取数据遍历导航栏文字。

2023-01-03 14:50:00 4984 2

原创 scss 使用 /deep/报错,最新用法::v-deep

scss 使用 /deep/报错,最新用法::v-deep。

2022-12-30 18:54:35 381

原创 VUEX 模块化及辅助函数的使用

2.如何引用到页面 借助辅助函数,可以直接取。1.如何提交模块 借助辅助函数。login.js 代码演示。1.goods模块演示。

2022-12-23 16:43:55 165

原创 eartch可视化图标简单制作

2.按需导入echarts 文件 并挂载在main.js中。1.下载 "echarts": "^5.4.1",2.配置,(不同需求配置内容不同)

2022-12-21 23:20:49 266

原创 vue表格导出功能以及封装的多出调用

data="DetailsForm" 是数组表示需要导出的内容 ,即呈现在页面的数据。3.只需要在需要的地方插入就可以,传入需要的DetailsForm数据即可。:fields="json_fields" 文件的格式。exportxlx() 点击导出做一下数据的处理。

2022-12-21 22:54:54 152

原创 利用vue-pdf打印以及乱码优化问题

1.下载 (可参考vue-pdf官网)2.建立pdf.vue组件。

2022-12-21 22:01:31 689

原创 简单分页的封装

主要 当点击分页时,触发changepage函数,val为当前页码,在主页面函数中,发起页面分页请求,val 作为分页参数。

2022-12-21 21:32:03 120

原创 elementui table表格跨分页多选

reserve-selection:仅对 type=selection 的列有效,类型为 Boolean,为 true 则会在数据更新之后保留之前选中的数据(需指定 row-key)row-key:行数据的 Key,用来优化 Table 的渲染;在使用 reserve-selection 功能与显示树形数据时,该属性是必填的。

2022-12-18 20:44:48 141

原创 vue2 element组件实现基本的面包屑功能

3.this.$router.mathced可以获取父级和自己的路由数组,4.数组第一个路由为‘/’ 定义到home界面。3.将定义的组件全局注册到main.js中。2.class是为了设置全局组件的样式。4.在需要的页面使用就可以了。作为分隔符,注意这将使。

2022-12-12 17:00:21 744

原创 带你走进面试.......(未完待续)

记录

2022-12-12 16:36:39 166

原创 配置axios以及代理跨域方法实例

建立 .env.development 开发环境文件。2.封装axios 基本路径。仅仅个人笔记,仅供参考。

2022-12-11 00:56:16 600

原创 实现 vue2 中使用 vue-i18n 实现中英文切换功能

1.下载包(版本要对应 2的版本8可以 vue3要用到9 )5.把封装的i18n.js文件引入到main.JS中。2.创建i18n.js文件。3.创建中文包 zh.js。

2022-12-08 20:31:49 1525

原创 git初始创建到远程提交

7.$ git push -u origin "master" 进行远程推送。5.$ git commit -m ”提交的文字描述“ 提交到缓存区。6.git remote add origin 你的仓库地址。2.git init 初始化你的项目,会生成.git 文件。4.$ git status 查看所有待提交的 文件。1.在gitte上创建一个仓库,

2022-12-01 12:05:59 135

原创 Progress Plugin Invalid Options错误

用npm下载插件后就报了这个错误 这个bug 弄了几个小时,也看了好多网上方法没啥用。我是把这个文件5.0版本 改成4.5 版本 然后cnpm i 即可。我的理解是下载插件时,吧有些插件自动跟新了,

2022-12-01 12:03:45 1109 3

原创 vue动态路由结合vuex实现

一.route.JS中获取后台菜单数据(切记文件夹的名字得和返回的数据匹配,不然找不到路径)作为第一次接触动态路由捯饬了一天,很简单但是总是有各种的坑来给你造成困扰,直接把二级路由push到整个路由表中,没注意一二级,通过遍历把获取的数据变成路由格式,刷新空白问题,加文中next ..to。我把我写出来的思路和大家分享下,文件夹的名字得和后台传回的一致,在前置路由守卫处调用该函数。

2022-11-23 13:47:56 758

原创 今天来分享下ts学习总结

什么是 TypeScript?TypeScript 是添加了类型系统的 JavaScript,适用于任何规模的项目。TypeScript 是一门静态类型、弱类型的语言。TypeScript 是完全兼容 JavaScript 的,它不会修改 JavaScript 运行时的特性。TypeScript 可以编译为 JavaScript,然后运行在浏览器、Node.js 等任何能运行 JavaScript 的环境中。TypeScript 拥有很多编译选项,类型检查的严格程度由你决定。

2022-11-23 13:31:29 233

原创 从0到1app项目整理....(未完)

自己的项目笔记讲解-----持续更新中

2022-10-07 17:22:20 234

空空如也

空空如也

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

TA关注的人

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