- 博客(86)
- 资源 (8)
- 收藏
- 关注
RSS订阅原创 vscode 好用插件推荐 【89款好用插件（2022版）】
**Auto Close Tag** 自动闭合HTML标签**Auto Import Typescript** 自动import提示**Auto Rename Tag** 修改HTML标签时，自动修改匹配的标签**Beautify css/sass/scss/less css/sass/less** 格式化**Better Comments** 编写更加人性化的注释**Bookmarks** 添加行书签**Can I Use HTML5、CSS3、SVG** 的浏览器兼容
2022-07-16 14:50:52
7354
1
原创 什么是跨域 - 如何解决请求跨域问题(前端和后端)
一、什么是跨域？1.浏览器的跨域和同源策略介绍2.火狐中的出现跨域（如下图）3.谷歌中的出现跨域（如下图）二、Vue代理服务器解决请求跨域三、工具解决跨域1.使用CORS Everywhere工具进行跨域四、Node解决跨域问题1.使用cors解决跨域（暂时3种方法，还会更新的）2.设置Access-Control-Allow-Origin解决跨域（单一接口）3.配置中间件解决跨域（全局）4.Node解决跨域的完整代码（如下）1.Node代码2.Html的代码五、HTML标签或J
2022-07-13 16:22:43
1141
原创 Vue的路由配置（Vue2和Vue3的路由配置）
系列文章目录一、路由是什么？二、Vue2中路由的创建步骤1.安装正确的路由版本（这里我踩坑了）2.vue2中配置路由的步骤步骤如下：代码如下图所示如下图所示：
2022-07-12 16:42:12
25045
12
原创 ES6 Promise/async await 处理地狱回调
系列文章目录一、地狱回调（代码案例）：二、什么是Promise？三、使用Promise解决地狱回调：1.写一个返回Promise实例的方法代码分析图如下代码如下（示例）：2.调用 requestMethods()查看结果代码分析图如下代码如下（示例）：3.使用Promise封装真实请求结果如图所示：代码如下（示例）：控制台结果如下：图1图2四、使用Promise语法🍬解决地狱回调（async await）：Async await 代码如下：代码如下图所示：控制台如下图
2022-07-11 19:56:02
1187
3
原创 express搭建一个简易的本地后台(一)
一、express是什么？二、express搭建服务器的步骤1.初始化和安装初始化如下图：安装express如下图2.使用express搭建步骤如下：代码如下：步骤如下图：三.浏览器测试结果1.没有默认接口的返回结果2.添加了默认接口结果接口codeding如下图：浏览器结果图...
2022-07-11 14:45:03
645
原创 滚动条的触底加载(原生和Vue实现三种方法)
滚动条的触底加载一、触底加载的原理1.原理如下所示：2.代码如下所示二、触底下载代码如下1.原生JS实现触底加载，代码如下:2.在Vue中如何使用
2022-07-06 23:23:27
4360
原创 vue点击复制文本功能及原理
一、技术使用背景二、Vue2(点击复制粘贴功能的实现)1.安装库并引入2.定义methods和template结构(两种实现的方法)3.测试结果第二种使用的方法三、Vue3(点击复制粘贴功能的实现,只在TypeScript中生效)1.安装库并导入2.解构api、定义methods3.测试结果如下:四、复制技术的实现原理1.第一种原理方法（已废弃⚠️，但是可以继续使用）如下图代码如下2.第二种方法（上面废弃方法的替代规则）链接如下：点击⬇️下方🔗
2022-06-05 02:02:09
5978
4
原创 Vue3 中使用echarts （七步骤：简单易懂，紧急避坑）
Vue3 中使用echarts一、Echars官网地址二、Echars的创建步骤第一步：安装echars第二步：导入echarts第三步：创建Dom结构第四步：ref获取创建的Dom结构第五步：初始化图表第六步：配置对应的option数据第七步：setOption方法进行数据的设置三、完整代码如下（包含父组件中的传值）父组件（echars父组件传值格式）子组件（echars子组件封装）
2022-05-18 13:43:45
10836
21
原创 Vue中样式穿透共6种方法（Vue2、Vue3样式穿透，避免踩坑）
1.vue2的css样式穿透: >>>2.vue3的css样式穿透： :deep()和::v-deep()3.关于less和sass的css样式穿透： /deep/ ::v-deep4.关于 important 解决样式的使用方法
2022-04-06 17:22:45
32024
4
原创 gitlab合并不同分支的（二）种方法 git merge 分支
1.git merge 进行代码合并2. 通过 gitlab 进行代码的合并（感觉更加简单省事）3.提供的方法也多元化，提供2种解决方法4.欢迎大家一起来提出开发中的遇到的问题，一起进步
2022-04-06 12:48:33
27580
原创 git使用【提交、回退、链接、公匙链接、分支操作、忽视文件】和 指令大全(一)
前言（多人开发如何合并，点击👇🔗）链接如下👇（git合并分支的两种方法🔗）一、常用指令如下二、Git常用命令1.进入项目目录2.初始化本地git仓库3.查看版本库的状态4.把工作区的文件添加到暂存区5.把缓存区的文件提交到本地仓库6.查看版本库的历史操作记录三、版本回退的git指令拉取分支的方法四、本地仓库和远程仓库的连接五、添加公钥 sshkey1.ssh-keygen -t rsa -C "842166299@qq.com" #生成公钥（邮箱：注册码云的邮箱）2.c
2022-02-24 15:13:39
753
原创 Vuex 创库的使用,及注意事项 (四)
Vuex是什么？二、Vuex的安装与配置1.安装+配置2.实例中配置的字段三、Vuex的使用方法四.Vuex的使用规范(包括怎么在外部调用)
2021-12-25 14:30:23
489
原创 Vue 插件的使用 图片懒加载,vuex持久化存储,前端各种插件库(三)
一、图片懒加载是什么？二、Vuex状态存储(持久化persist)三、Element-ui和Element-plus插件库(PC端)四、Ant Design vue五、Vant插件库(移动端)六、Better-Scroll(移动端滚动条)
2021-12-25 12:01:36
1019
原创 Vue 问题及解决方法 router守卫next问题,总线传值,sass中&的使用 (二)
1.router守卫next()问题,2.总线传值,3.sass中&(连接符)的使用
2021-12-25 10:38:26
1633
原创 Vue和React中配置代理服务器（实现proxy跨域请求）
文章目录一、Vue中通过配置代理服务器,进行跨域请求一、Vue中通过配置代理服务器,进行跨域请求1.设置文件名(Vue.config.js)放在src同名文件下;;;;;如下图所示:2.vue.config.js中的代码如下module.exports = { publicPath: "/", //打包后的配置文件 (启动页的地址) outputDir: 'dist', //打包之后的目录 lintOnSave: true
2021-12-13 22:13:50
1429
原创 Vue 问题及解决方法 key值,v-bind:src,7中路由守卫 (一)
1. :key的应用2.动态绑定图片的src属性,字符串的拼接方法(不推荐)3.关于路由守卫的解释,和执行顺序问题(重点)
2021-12-12 17:34:05
572
原创 Vue中使用 transition标签实现动画的 4种方法 (八)
Vue 提供了 transition 的封装组件，在下列情形中，可以给任何元素和组件添加进入/离开过渡条件渲染 ;(使用 v-if)条件展示; (使用 v-show)动态组件组件根节点.
2021-12-10 22:41:27
3749
原创 Vue 组件之间传值(传递数据)的5种方法 (七)
1.父传子:通过自定义属性来进行传值 2.在父组件使用子组件的时候,给父组件添加自定义属性,属性值为传递的数据 3.在子组件通过 props接受父组件的数据,props值是数组,元素是自定义属性 4.在子组件中使用的时候与data数据一样
2021-12-10 21:01:17
6547
原创 Vue基础语法 属性绑定:style :class :id(三)
1.通过v-bind进行属性的绑定 2.如果绑定的是字符串,字符串就是类名 3.给class绑定一个数组,class会直接绑定数组中的每一个元素;添加的样式:{{arr}}
2021-12-02 19:30:00
829
原创 Vue基础语法 v-band和v-model和插值语法 (二)
1.数据的读取 {{}} (在DOM内容区域使用) 2.数据读取使用 v-bind 指令 (在属性中使用)3.数据的双向绑定 v-model
2021-12-02 11:30:00
1526
原创 Node.js 中http模块详解（关于POST和GET请求)
文章目录一、HTTP模块发送GET请求1.导入http模块2.配置请求对象(请求方式,url,请求路径)3. http.request(地址,响应结果) 发送请求4.关闭资源二、HTTP模块发送POST请求1.导入http模块2.配置请求对象(请求方式,url,请求路径)3. http.request(地址,响应结果) 发送请求4.关闭资源一、HTTP模块发送GET请求1.导入http模块var http = require('http');2.配置请求对象(请求方式,url,请求路径)va
2021-11-26 13:30:00
2784
原创 Node.js fs模块(文件模块), 读取和写入 创建、删除(文件/文件夹)
系列文章目录 var fs = require('fs'); //必须引入的内部模块 /* fs模块文件操作 readFile readFileSync(同步方法) 读取内容 writeFile writeFileSync(同步方法) 写入文件 appendFile appendFileSync(同步方法) 追加内容 unlink unlinkSync(同步方法) 删除文件 mkdir mkdirSync (同步方法)
2021-11-25 19:50:15
3749
原创 正则表达式 (收藏一下想用就用)
正则目录正则表达式(代码)1.检查是否有小数2.校验是否中文名称组成3.校验是否全由8位数字组成4.校验电话码格式5.校验邮件地址是否合法*示例：直接拿走使用就可(收藏一下,想用就用~~~~)*****想要学习请查看 https://www.runoob.com/js/js-regexp.html (菜鸟教程网址)正则表达式(代码)1.检查是否有小数/*是否带有小数*/function isDecimal(strValue ) { var objRegExp= /^\d
2021-11-24 21:23:39
110
原创 JavaScript深浅拷贝(三种方法)
深浅拷贝实现方法(三种)提示：JavaScript中的深浅拷贝实现方法(三种)文章目录深浅拷贝实现方法(三种)前言一、如下图所示(图片非自己制作)二、深拷贝方法的实现(三种方法)1.通过递归的方式实现深拷贝(jquery中的extend)2.使用JSON.parse()和JSON.stringify()3.通过递归的方式实现深拷贝前言基本数据类型：数据存储在栈中。引用数据类型：数据存放在堆内存中，栈中存放了一个引用地址，指向堆内存中的数据。引用数据赋值，a 在栈区中,使用了 *b *
2021-11-20 12:00:00
3126
原创 Nodejs中常用指令(入门)
系列文章目录前言第一步：项目初始化 （npm init ）如下图所示：第二步：安装指令（如何安装后台框架）例如:安装 express 框架1.express安装成功（如下图）2.出现node_modules的文件夹（如下图）第三步：查看某一指令的功能
2021-11-19 12:00:00
860
原创 node.js的安装包 14.17版本
前言（有网盘🔗）链接如下：一、14.17.0（落后）二、14.17.4（vue2还好）三、14.18.1（vue3稳定）node版本如下图所示四、15.14.0（没用过）五、16.14.0（目前我windows电脑上使用的这个版本）总结（必须看！！！！！）
2021-11-18 22:56:43
6048
原创 JavaScript 上传文件并显示进度条(主页资源中有后端服务器).
系列文章目录提示：具体呈现内容如下图片,点击上传会出现进度条文章目录系列文章目录图片展示一、HTML和CSS样式如下二、JS代码块1.引入jquery库2.JavaScript代码(实现上传进度)总结:图片展示提示：以下是本篇文章正文内容，下面案例可供参考一、HTML和CSS样式如下HTML代码块<body> <input type="file" name="uoload" id="uoload"> <div class="progres
2021-11-18 21:43:06
1763
原创 form表单上传数据的三种方式(ajax传递 / FormData文件 / serialize序列化传递 )
Form表单数据上传前言一、第一个版本(通过ajax发送post请求)二、第二版本(formData上传文件)三、第三版本(serialize将传递表单中的数据序列化)HTML结构前言提示：form表单上传数据,可以使用…POST 和 GET 请求发送数据…服务器!!!一、第一个版本(通过ajax发送post请求)代码如下(基于jquery实现的)://第一个版本 $(function() { $('button').on('click', function(e) {
2021-11-18 21:13:28
9529
原创 JavaScript 上传文件并展示
文章目录js的拖拽上传,并在页面中展示文章目录前言一、js实现拖拽功能(文件拖拽到指定位置)二、关于怎么读取文件内容(用到FileRead()对象)1.第一步:遍历传递过来的file2.第二步:判断传递过来的文件是否是图片格式3.第三步:创建 new FileRead() 对象,然后 拿到创建的对象调用 readAsDataURL(f) 方法4.第四步: new FileRead()对象中的 onload方法,通过 e.target.result :获取到当前图片的base64地址,然后给图片的src问
2021-11-18 20:40:47
2019
原创 JavaScript 异步 实现异步的五种实现方法
JavaScript实现异步的五种实现方法文章目录JavaScript实现异步的五种实现方法前言一、同步和异步是什么？1.同步任务:2.异步任务:二、异步方法有哪些(5种):1.webWork(创建分线程)2.promise(es6方法)3.Async await 异步的实现方法4.window.fetch() 的实现方法5.jquery中的deffered对象 的实现方法总结异步处理方法前言一、同步和异步是什么？1.同步任务:js中的同步任务就是按照顺序执行(可以理解为A------>
2021-11-14 20:40:36
16639
原创 touch事件 以及 点击穿透的三种解决方法(移动端)
移动端 touch事件以及touch事件点击穿透的解决方法提示： touchstart—>touchmove—>touchend ----> click上面的四种点击都可以在移动端进行使用!但是有明确的区别!移动端:touchstart — touchmove — touchend ,三个事件是专门为移动端监测,触摸开始(按下),触摸移动,触摸结束(离开),三个事件.文章目录移动端 touch事件以及touch事件点击穿透的解决方法前言一、touch事件1.touchstart-
2021-11-14 17:48:20
5369
原创 移动端屏幕适配的三种方法
移动端的三种适配方法提示：移动端的三种适配方法文章目录移动端的三种适配方法一、移动端为什么要适配？？二、适配的原理1.适配的原理2.适配方案方案如下一 :利用网易的适配方案使用vw作为单位，不用写js，只需要方案如下二 : 通过js动态的获取屏幕的宽度,然后自计算底层字体的大小,并修改字体.原理与第一种方案相同 (代码如下)适配方案三:通过CSS的用法(媒体查询),一、移动端为什么要适配？？一: 为了让页面在不同屏幕尺寸下兼容运行，字体/元素的大小等能够动态变化二、适配的原理1.适
2021-11-14 17:13:05
6057
原创 复杂轮播图(原生js展示)
超详细--轮播图轮播图的1.HTML部分代码2.style样式区的代码3.JS代码(封装动画函数)4.JS代码(轮播图功能区)1.图片展示区:2.优化方案:轮播图的1.HTML部分代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> &
2021-10-11 20:39:16
289
波浪进度条（HTML）版本
2024-10-25
瀑布流布局（优化后的版本）
2024-01-25
Echarts添加蒙层(刷子)，功能: 可拉伸拖拽+触发事件
2023-12-25
JSON Diff(Vue2和Vue3组件封装).zip
2023-03-03
基于web的进销存管理系统(后台部分)
2022-04-10
进销存管理系统(vue+antd vue+node+sql)
2022-04-10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人