自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 uni-app小程序中做页面滚动底部或顶部加载效果

在移动应用开发中,无限滚动加载是一个常见的功能,用户可以通过滑动屏幕来加载更多的内容,从而提高应用的用户体验。本文将介绍如何使用Uniapp实现无限滚动加载的功能。

2023-03-30 16:14:38 6518

原创 node服务端配置process.env环境变量在全局文件中使用

日常开发中我们会遇到不同运行环境下使用到不同值的情况,如果我们每次开启服务测试时来回去修改URL路径,那么就会很愚钝,那最好的方法就是在运行时根据不同的运行命令去使用不同的全局值,可以使用dotenv模块来解决这个问题。dotenv可以从一个文件中加载环境变量,并将它们注入到process.env中。这样,在整个应用程序中都可以访问这些环境变量。

2023-03-09 15:24:22 1188

原创 app中更改个人信息时前后端的业务逻辑

1. 前端页面提供一个表单,让用户输入新的个人信息。 2. 用户提交表单时,前端会向后端发送一个请求,将新的个人信息传递给后端。3. 后端接收到请求后,会根据请求中传递的信息更新用户信息,并将更新后的用户信息返回给前端。 4. 前端接收到后端返回的更新后的用户信息后,将其更新到页面上。

2023-03-08 13:50:15 512

原创 Git - 本地仓库连接远程gitee仓库合并及工作中多人协作开发合并分支的具体流程

Git是一个强大的分布式版本控制系统,它可以让你跟踪文件的更改,并且可以将文件从本地仓库上传到Gitee远程仓库,与他人进行协作开发。本文将介绍如何将本地仓库上传到Gitee远程仓库,并且提供一些Git指令代码的例子。

2023-02-22 11:33:19 1091

原创 Git - 安装及使用本地仓库的操作指南 (一)

Git 是一个强大的分布式版本控制系统,它可以帮助你管理你的代码,跟踪更改,并且可以让你和其他开发者协作。本文将介绍如何使用 Git 在本地仓库中进行操作及常用指令。首先,你需要安装 Git,可以从官网下载安装包,或者使用包管理器安装,比如在 Ubuntu 上可以使用 apt 安装:

2023-02-22 10:45:38 277

原创 git使用git push -u origin master提交远程仓库时报错error: failed to push some refs to ‘‘https://gitee.com/xx报错解决

今天使用git将项目提交远程仓库时报错了,报错如下:​error: failed to push some refs to 'https://gitee.com/wang-junyanga/qiuy.git',正确的提交方式(解决方式):先使用git remote add origin https://gitee.com/wang-junyanga/qiuy.git 与远程仓库建立连接 再 git checkout master 切换到默认分支​

2023-02-20 20:41:20 1608

原创 关于后台管理系统项目从Vue2.0迁移到Vue3.0的注意事项和Bug处理及迁移后的感受

对其中牵扯到的内容很多,如组件 Element-ui 版本升级为 Element-plus 后改写组件及内容、对于之前模块化和组件化的重新封装,还有依赖安装,版本的升级迁移、还有一系列的 Bug 问题解决思路等等进行了一次记录。还有就是关于页面中依赖的如 element-plus 之类组件的改变,比如之前的 el-submenu 组件要改写成 el-sub-menu 才能保证效果显示,关于 slot = "name" 要变成 #name 之类的需要变化,还有之前 ref 验证之类的不断更改。

2023-02-17 12:59:11 1680

原创 详解Vue3.0中 ref、reactive、toRef、toRefs 四个核心API函数作用及使用场景

最近刚学习完了 Vue3.0,V3在响应式数据的声明上不再使用原来的选项式 data 进行 retuan 返回的形式,取而代之的是通过变量修饰符使用ref、reactive 进行手动声明的方式。相较于 Vue2.0 确实是更加灵活了许多,Vue3.0(以下简称V3)中进行响应式数据操作会使用ref、reactive、toRef、toRefs四个核心 API 函数,那么今天就从解析以下其各个作用及其使用场景。

2023-02-16 13:58:51 1393 2

原创 详解Axios默认配置及创建实例和请求响应拦截器操作(二)

Axios做为一个基于Promise与Ajax的网络请求框架,现在已经是前端网页开发必不可少的便利工具,那么下面就介绍一下关于Axios中默认配置、创建实例对象、请求响应拦截器及取消请求的api操作。

2023-02-14 12:59:44 588

原创 一文带领axios初学者走出雾霾的axios详细介绍及基本使用(一)

相信作为一名前端玩家,肯定少不了发送http网络请求的时候。这个时候都会使用浏览器为我们提供的一个API,也就是Ajax。但是Ajax的使用需要我们每次通过 XMLHttpRequest 构造函数去new一个 XML(小黄人) 的实例出来,然后去拟好请求体并发送http请求,最后通过XHR的onreadystatechange 进行状态监听并拿到返回数据,并且还需要对于返回后的数据进行一系列的处理,比如转为JS对象的类型,其中还不缺乏一系列的异步处理。如果在多个地方使用Ajax的话,这个代码量是非常繁杂且

2022-12-04 21:01:48 769

原创 详解JS前端异步文件加载篇之Async与Defer区别

异步的英语是async,推迟的英语是defer,同步的就不说了哈。但同步是Javascript中一个非常重要的概念。当浏览器加载HTML时一旦遇到标签, 就会停下来先把标签里的内容执行掉,如果标签中有外部文件,那就必须等待下载和执行的步骤,这样浏览器才会继续向下加载,如果这个外部文件刚好在一个网络情况比较差的服务器上,这样整个网页的加载都会收到很大的影响,这就是同步带来的代码阻塞弊端。

2022-11-22 23:01:16 676

原创 详解前端性能优化之原生JS实现图片懒加载效果(通过IntersectionObserver内置构造函数实现)

相信你作为一名用户,使用一款app,在首次打开页面时卡顿超过3秒时就会有退出的想法。所以我们在日常开发中,通常需要使用一些手段实现对性能的优化,来使得页面加载更快,用户体验更好。这其中有许多方式,其中最常用的无非是按需加载了,今天就带大家重点且详细的讲一下原生JS实现的图片懒加载。

2022-11-17 09:37:35 1157

原创 原生JS的Canvas写一个实时的时钟效果(含源码)

相信学了HTML5新增的Canvas的小伙伴都非常感叹其功能之强大,可以帮助我们做许多关于画布的绘画以及对图形的操作,那么今天就带大家实现一个简单实时的时钟效果,含有源码和注释。

2022-11-16 15:27:48 447

原创 59道JS常见逻辑算法程序题(附带题目和答案)

输出10到1的偶数输出,1-100间能被7整除的数输出,1-21之间不能被7整除数的累加和输出,1-10与5相乘的结果,计算1-100的和并输出结果,把100-200之间不能被3整除的数输出,将1998-2008之间的闰年年份输,出求乘积等于100的所有乘数和被乘数(以一对的方式输出),求斐波那契数列40个数,这个数列的特点为:第1,2两个数为1和1,从第三个数开始,该数是前面两个数的和,即1,1,2,3,5,8,13,21......,求数组中所有元素的和,求数组中所有元素的平均值。

2022-11-13 20:23:14 7354 5

原创 同源策略产生介绍及解决跨域最常见的三种方式(JSONP+CORS+反向服务器代理),用详细的前后端分离代码带你搞懂跨域原理

跨域其实就是用AJAX进行请求数据时会遇到的访问问题,浏览器会给你报错,Fetch也是有这样的问题。这时候你可能会问,为什么在script标签中引用了别的源却不会出现这样的问题呢?这种情况相信写过JS代码的都知道吧。这是因为JS设计人员当初在设计标签的时候就允许了在别的源请求脚本,所以就有很聪明的开发前辈利用这个 “ 漏洞 ” 进行跨域,这个方法便是JSONP。

2022-11-13 16:13:21 776

原创 axios二次封装时有必要进行的基本配置操作(环境变量+请求格式转换+请求头配置及响应状态码处理+资源凭证配置+接口导出)

日常编码中,对于接口,我们一般会使用axios库进行访问。因为往后的写代码会越来越多,而需要访问的接口也会越来越多,我们阔以把所有需要的接口都封装在一个文件夹中,当需要的时候,我们只需要引入提交封装好的接口模块就可以了,而不需要每个文件夹都去做繁琐、重复的操作。这样,对于我们后期维护比如修改接口参数地址等也会会变得十分方便,所以二次封装是有必要的。。

2022-11-12 13:55:17 785

原创 原生JS实现拿到的时间戳“毫秒/秒”转为“时:分:秒”形式的效果

在日常编程中,我们向后台数据,请求的可能是视频或者音乐的接口,后端返回给我们的数据中可能是视频或音乐的时长,通常都会给我们返回一个时间戳形式的字符。比如1454646毫秒或者秒。这个时候我们就需要把这个毫秒转为比如 04:30、12:08、3:41:12之类的时:分:秒的形式,那么下面就带大家来实现这个效果,学到就是赚到!废话不多,直接看代码!看下控制台的实际效果。

2022-11-11 10:28:58 3126

原创 CSS3+HTML5新增标签属性及知识点总结(常用单词+语法总结)

相信很多小伙伴学完C3和H5后,对其中的许多新增样式属性及html标签有了新的认识,这其中包含的知识点很多很多,并不是一时半会能全部掌握的,需要我们慢慢的积累并应用。今天就为大家总结以下常用到的一些新增属性和标签等,都是单词和语法,大家慢慢学习慢慢背哦!

2022-11-08 16:23:20 441 1

原创 一文带你实现刷新页面数据不丢失(操作状态保留)效果

页面刷新后对数据的操作状态进行保留,也就是页面刷新数据不丢失效果,是我们对前端项目开发中一个算是比较基本的效果了。其实实现的话也是很简单的,今天就来带你一文彻底弄懂此效果的实现。

2022-11-07 22:06:44 6811 7

原创 原生JS实现页面滚动到底部时自动加载数据效果

我们日常开发中为了避免一次性数据加载量过大,而导致页面加载缓慢,运行卡顿。通常会使用懒加载进行按需加载,在提高项目运行流畅度的同时也可以增加用户体验。懒加载有很多场景很多方式,那么今天就教大家如何一个原生js实现页面懒加载的方式,也就是当滚动到页面最底部时会触发回调去请求数据。

2022-11-06 10:52:37 2008

原创 一文教你不会后端也能自己写接口的数据库插件 -- json-server

我们在写前端向后端发送请求的进行测试时,因为不会用后端写接口,所以会导致我们要去网上很麻烦的去找借口,那么今天就教给大家一个能够自己写接口的一个插件,非常好用,方面俱到,最重要的是简单易学,对于我们测试和对后端的交互理解都会有很好的帮助,学到就是赚到!这里面的属性都是阔以自己直接修改并去使用的(相当于自己需要的后端数据自己写),在访问时就能够直接访问到其中的数据。此时,项目就成功跑起来啦,不用跨域就能直接使用以上访问接口了。这样,我们即使不会写后端接口也能够自己去创建一个简易的数据库去使用了。

2022-11-04 14:00:03 891 1

原创 一文带你理解并手撕Javascript节流和防抖

​节流和防抖,见面知其意,就是节约流量和防止抖动。那他们分别代表什么意思呢?为什么要使用它们?又该如何去使用呢?

2022-11-03 11:16:35 180

原创 事件循环解析-带你搞懂JS底层代码运行机制

为什么要了解事件循环(Evemt Loop)呢?这样可以让我们对底层的代码运行机制有一个更清晰的认知了解,扎实我们的基本功。明白了事件循环后,于我们而言对后续的同步异步、Promise、Vue的$nextTick等等的学习都会有很好的理解与帮助

2022-10-30 17:10:50 213 1

原创 vue组件的通信方式

组件作为vue最强大的功能之一,但每个组件实例模块却是彼此独立的,这就意味着他们之间无法直接的进行引用,这时候,它们之间的通讯就变得十分重要了。

2022-09-08 20:24:02 224

原创 理解javaScript的数据类型之字符串类型

字符串属于js中的一种通用语言标准,es5语法就是在定义的值两边嵌套 单引号 或 双引号。

2022-08-23 16:34:35 987

原创 理解js中不同变量与常量声明及作用域的概念

在javascript的运行环境中,变量是非常重要的存在。通过它改变数据,从而影响文档视图。在es6之前,javaScript声明变量的方式只有var一种,但是var声明的方式很单调,而且也存在着许多不规范、不合理的地方。那时的 js 想成为一门和 java、c、python 等同量级的编程语言,所以就有必要去解决这些问题。......

2022-08-17 16:21:37 309 1

王者荣耀英雄介绍小接口

直接json-server --watch db.json打开就能够直接使用接口了

2022-11-06

空空如也

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

TA关注的人

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