- 博客(39)
- 收藏
- 关注
RSS订阅原创 React渲染机制及相关优化方案
文章主要简单记录react中的渲染机制以及相关的优化方案，内容包括如下：（1）react渲染步骤、concurrent机制以及产生作用的机会；（2）简单模拟实现 concurrent mode；（3）基于作业调度优先级的思路进行项目优化的两个hooks；（4）案例演示
2023-07-09 17:29:25
2794
原创 Lottie简介 + 结合到vue3中使用
Lottie简介 + 结合到vue3中使用.文章内容主要介绍Lottie动画相关知识和如何在web端进行使用Lottie的相关网站可见如下：LottieFiles（一个Lottie动画资源网站）Lottie官方文档lottie-webLottie是一个适用于Android，iOS，Web和Windows的库，它解析使用Bodymovin导出为json的Adobe After Effects动画，并在移动设备和网络上本地渲染它们！
2023-01-09 14:09:17
1894
3
原创 跨域的产生以及解决方法和原理
在前后端分离的开发模式中，前端时常会遇到提示接口跨越而无法获取到数据的问题。在本文中只要介绍了跨域产生和解决原理，并提供一些解决办法。
2022-10-12 17:57:02
987
原创 Mock的基本使用
通过 Mock 我们可以便捷的生成大量模拟数据，有助于我们在前后端分离的开发模式中前端做网络请求测试。摆脱后端接口未给出时前端的数据只能自己不断写死数据的窘境；下面中介绍Mock的基本使用和配合 vite插件实现更真实的请求响应。
2022-10-11 20:51:41
5039
原创 pinia的常用知识点及搭配“script setup”的使用
对比于vuex，新的Vue状态管理库pinia更加的轻量。并且具有更加明显的优势，包括有：抛弃传统的 mutation，通过action对同异步进行操作简化状态管理库；不需要嵌套模块，让代码扁平化；更好的TypeScript支持；更友好的调用方式等。同时结合vue3.2推出的setup语法糖使用会得到更加友好的体验。
2022-09-09 20:57:24
903
1
原创 Ts基础知识及ts+vue3的基本使用
文章记录编写了ts中涉及的基础知识，包含常用类型、类、函数、泛型等内容。同时按照vue3官方文档结合TypeScript + setup做vue3相关类型标注的举例。
2022-09-01 21:22:32
3905
原创 前端处理：连续发送多个相同请求，只处理最后一个请求的情况
应用场景包括有：搜索功能配置，音乐播放器配置等请求响应时间有一定延迟，可能会出现数据混乱的场景。
2022-08-21 12:22:08
2125
原创 小程序音频控制、播放器功能的封装
基于 "wx.createInnerAudioContext" 设置小程序音频播放组件，有序控制多音频播放顺序，并设置进度条。相关文档：微信小程序官方文档。
2022-08-20 12:13:08
310
原创 小程序更多的手势事件（左右滑动、放大缩小、双击、长按）
微信小程序提供的原生事件有触摸开始（bindtouchstart）、移动触摸点（bindtouchmove）、触摸结束（bindtouchend）以及长按事件（bindlongtap）和单击事件（bindtap）。通过以上原生事件可设计制作衍生出更多的手势事件；文章记录小程序中组件“左右滑动、放大缩小、双击”事件的配置；...
2022-07-16 21:28:22
5584
原创 微信小程序请求封装
官方文档提供微信小程序发送请求的方法有wx.request，但每次发送请求都调用该接口会十分不便于接口的管理。所以通过封装请求的方法来对接口进行集中式控制管理，简化代码的维护流程。文章使用的案例文件结构。.........
2022-07-16 12:54:06
4233
2
原创 火狐浏览器运行vue3项目报错Uncaught的一种可能的原因
火狐浏览器运行vue3项目报错Uncaught的一种可能的原因在vue3项目中使用本地储存时出现报错在vue3项目中使用本地储存时出现报错清除火狐浏览器的cookie数据可以解决，如下：原因还在研究中…提示：文章到此结束，文章仅为个人学习记录，若有不足还请大家指出。......
2022-03-30 00:21:24
3566
原创 vue3使用深度选择器修改样式
vue3深度选择器的使用、解决警告：[@vue/compiler-sfc] the >>> and /deep/ combinators have been deprecated. Use :deep() instead.
2022-03-29 21:02:32
4040
原创 vue3使用echarts并封装echarts组件
vue3使用echarts并封装echart组件前言：一、安装并导入echart1.npm下载包2.配置echarts二、使用echarts三、封装echarts为组件前言：本文使用的echarts版本为5.3.1，详细文档可见：Echarts 官方文档文中案例基于vue3编写，有关js部分使用的是"script setup"语法糖形式一、安装并导入echart1.npm下载包npm i echarts --save2.配置echarts这里介绍使用 provide 和 inje
2022-03-18 22:00:41
10762
4
原创 移动端与大屏幕自适应适配方案
vue3+cli4.x+lib-flexible+px2rem-loader的移动端与大屏幕适配方案前言一、安装并配置相应插件1.安装lib-flexible与postcss-pxtorem2.配置lib-flexible与postcss-pxtorem配置 postcss-pxtorem 设置页面px自动转换为rem按需修改 lib-flexible 源码配置二、设置移动端适配三、注意问题...
2022-03-13 18:00:56
2553
原创 gitee多用户协同开发设置
gitee多用户协同开发设置 仓库所有者添加仓库成员协同开发成员添加仓库仓库所有者添加仓库成员打开 gitee对应仓库，进入管理页面点击 “添加仓库成员 => 邀请用户”进行自己需要的配置复制链接，发送给需要添加的协同开发成员协同开发成员添加仓库协同开发成员拿到链接后打开链接自动跳转到gitee首页收到邀请，接受便可添加仓库此时便可发现自己的仓库中多了添加进来的别人的仓库然后协同开发成员便可管理开发该仓库提示：文章到此结束，文章仅为个人学习记录，若有不足还请大家
2022-02-19 21:19:04
888
原创 切换git配置的gitee账号（处理 “remote: Access denied“ 报错）
当我们需要切换本地git连接的gitee账号时，若之前已经配置过gitee账号则不能直接连接其它的gitee账户，否则会出现 "remote: Access denied" 报错。我们需要先对之前的配置进行删除，然后才能进行新的gitee账户连接。...
2022-02-19 20:54:29
8304
原创 git搭配gitee的基本使用
git搭配gitee的基本使用前言初始化git项目配置本地git仓库：连接远程仓库：配置ssh公钥连接远程仓库创建新的开发分支：合并分支，更新代码版本：拉取仓库最新代码：克隆仓库代码：前言Git作为一个分布式版本控制系统在我们日常的开发学习中可以为我们提供更为便利的开发。以前有接触到git的知识但是基本很少使用，最近才有多接触起来，故编写这篇博客用来记录自己的git学习和使用。初始化git项目配置本地git仓库：打开项目文件根目录按下 “SHIFT键 + 鼠标右键” 打开 “Power
2022-02-11 22:27:41
766
原创 Vue Router路由常用功能总结
Vue Router是vue的核心插件之一 。Vue Router路由常常用于对组件进行映射与跳转。如此更方便我们实现不同页面组件的切换而实现传统网页a链接跳转的相似功能，也支持我们对子组件进行管理、放置。...
2022-01-30 17:07:57
5161
原创 小程序中的下拉刷新和上拉加载
小程序中的下拉刷新和上拉加载前言一、实现下拉刷新：1.全局配置2.局部配置3.配置下拉事件4.关闭下拉窗口二、实现上拉加载前言文章案例基于2.14.1基础调试库编写有关详细的配置可见官方文档：微信官方文档：小程序一、实现下拉刷新：配置项描述enablePullDownRefresh是否开启下拉刷新backgroundColor下拉窗口背景色backgroundTextStyle下拉 loading 的样式，仅支持 dark / light1
2022-01-22 19:42:32
1688
原创 三种登录形式的实现—永久登录、每次进入页面登录、设置登录有效期
三种登录形式的实现—永久登录、每次进入页面登录、设置登录有效期前言一、sessionStorage和localStorage区别和使用1、localStorage（本地储存）：2、sessionStorage（会话储存）：二、每次进入页面登录：三、设置登录有效期：方法一 、方法二 、前言本文内容和案例基于vue+token实现，有关如何实现基本的登录功能在 “前端vue3+token实现用户认证” 文章有提到，这里不做过多累述。注：上面文章里的写法就是用户在登录页面登录一次后若不主动退出登录就会永久
2022-01-14 22:22:06
4261
原创 vue中axios的全局配置和自定义配置axios实例
vue中axios的全局配置和自定义配置axios实例前言一、安装相关插件模块安装axios：安装qs：安装element：二、axios的全局配置1、创建文件2、导入配置文件3、编写配置文件三、创建配置axios实例1、创建文件3、编写axios实例配置文件4、使用创建的axios实例第一步：编写需要的请求函数创建文件写接口函数内容第二步：在vue页面使用导入并接口函数前言本文主要讨论vue项目中axios的全局配置和自定义配置axios实例。涉及到的内容有：Vue、axios、Element-ui
2021-11-13 17:10:58
9902
1
原创 axios中post请求传参失败常见问题(数据序列化处理)
axios中post请求数据序列化处理前言解决方法方法一：方法二：方法三（推荐）：前言后台能够直接处理的数据格式，是一种经过序列化的键值对数据；注：axios的params是通过url传参（常用于get，所传的对象会自动序列化处理拼接到url上）；data 是放在 body 里面的（常用于post，传递的对象不会自动序列化处理）解决方法方法一：使用new FormData()创建FormData对象传递参数FormData对象会将数据编译成键值对，以便用XMLHttpRequest来发
2021-11-12 22:54:41
3006
原创 前端vue3+token实现用户认证
前端vue+token实现用户认证前言代码展示1.登录：2.退出登录：3.网络请求的请求拦截和相应拦截部分部分：路由导航守卫：前言本文主要讨论vue项目中的token认证实现登录功能。涉及到的内容有：Vue3、Vue Router、axios、Vant组件库。1、Vue3官方文档2、Vue Router3、Vant组件库文章内容主要实现用户登录时记录验证信息于本地，这样设置用户下次再进入页面时就不用重新登录；设置退出登录的功能，用于清除本地记录的token信息；设置相应拦截，对于需要
2021-08-14 22:17:32
7025
原创 基于C++实现的学生信息管理系统
基于C++实现的学生信息管理系统前言一、系统介绍二、系统设计1.数据结构：2.辅助模块介绍：3.功能模块介绍：资源下载前言系统主要任务是实现对学生的基本信息进行管理，如查询、修改、增加、删除、排序等。本设计中所定义学生信息有学号、姓名、性别、籍贯、专业、高数成绩、大英成绩、大物成绩、总分。设计的主要功能模块有“增加学生信息、显示学生信息、删除学生信息、修改学生信息、查找学生信息、排序学生信息、清空所有文档、输出excel表格、还原备份数据、退出管理程序”十大功能。设计主要采取单链表和排序树的数据
2021-07-18 22:36:55
11867
3
原创 使用vue+Element实现分页功能
使用vue+Element实现分页功能前言一、案例代码展示及效果二、分页功能模块解释1.引入分页组件2.结合slice()和PageSize 、currentPage 参数对遍历数据实现分页前言提示：在数据处理和展示时，我们常常对需要数据进行分页展示，故本文主要介绍基于vue3和element-plus实现的分页功能提示：以下是本篇文章正文内容，下面案例可供参考一、案例代码展示及效果主要代码：<template><div class="body"> <di
2021-07-18 21:58:38
3601
原创 vue项目上线后在地址栏进行路由跳转出现错误页面，无法正确跳转
vue项目上线后路由跳转出现错误页面，无法正确跳转解决方法：提示：本文主要介绍遇到vue3项目上线后路由跳转出现错误页面，无法正确跳转的解决方案解决方法：更改路由的跳转方式为hash模式：在router/index.js下添加：import { createRouter, createWebHashHistory } from 'vue-router'并修改原来的History模式const router = createRouter({ history: createWebHist
2021-07-17 23:29:17
2447
2
原创 如何对Element组件的样式进行自定义修改
如何对Element+组件的样式进行自定义修改前言举例项目主要代码：效果：一、定位需要修改的样式二、使用全局样式的修改方法代码如下三.使用局部样式的修改方法代码如下前言在项目开发过程中我们常常需要借助第三方组件库，而element就是我们使用vue框架是常用的组件库之一。本文章主要解释如何对element中的组件样式进行自定义修改。提示：以下是本篇文章正文内容，下面案例可供参考举例项目主要代码：<template><div class="body"> <
2021-07-17 23:15:14
8987
2
原创 vue3中keep-alive和vue-router的结合使用
vue3中keep-alive和vue-router的结合使用前言代码一、为何要使用keep-alive？二、vue2中使用keep-alive将“router-view”组件包含于“keep-alive”即可三、vue3中使用keep-alive四、keep-alive属性“include，exclude”的使用。前言keep-alive：Vue内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染。router-view：vue-router内置组件， 如果直接包含在keep-alive里
2021-05-21 22:56:50
8673
1
原创 vue3使用Element Plus
文章目录一、前言二、使用步骤1.npm安装2.引入 Element Plus3.举例使用Element Plus中的组件一、前言为加快项目开发速度，我们常常借助第三方的UI组件库，本文主要讨论在vue3环境下使用npm引入Element Plus，并举例使用。Element Plus官网二、使用步骤1.npm安装代码如下（示例）：npm install element-plus --save2.引入 Element Plus代码如下（示例）：在main.js中添加以下内容：im
2021-05-08 21:44:26
3135
1
原创 vue实现查询功能
vue个人博客-解决对本地数据查询时出现删除编辑出错的问题博客展示主要代码实现查询时博客展示内容刷新出现问题解决方法博客展示主要代码博客展示：<div class="showBlog"> <h1>Blog post</h1> <!-- 搜索框 --> <input type="text" v-model="search" placeholder="搜索blog标题" v-if="flag" class="search"
2021-05-08 17:29:55
10829
7
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人