
大前端
文章平均质量分 59
前端
安生生申
BUG远离我
展开
-
版本控制系统-Git
当涉及到软件开发或协作时,版本管理是一个不可或缺的概念。无论你是一个独立开发者还是一个团队成员,都会遇到需要跟踪和管理代码变更的情况。这时候,Git作为一个强大而流行的版本控制系统就发挥着重要的作用。Git(读音为/gɪt/)是一个开源的分布式版本控制系统,可以有效、高速地处理从很小到非常大的项目版本管理。也是Linus Torvalds为了帮助社区管理Linux内核而开发的一个开放源码的版本控制软件。2005年7月份,Linus花了两周时间自己用C写了第一个版本分布式版本控制系统。原创 2024-04-29 11:13:53 · 1042 阅读 · 0 评论 -
VSCode常用快捷键速查表
这个 VSCode (Visual Studio Code) 快速参考备忘单显示了它的键盘快捷键和命令。切换区分大小写/正则表达式/全字匹配。将上一个选择移动到下一个查找匹配项。打开 Markdown 预览到一边。将焦点切换到第一/二/三编辑组。在选定的每一行的末尾插入光标。将焦点切换到上/下一个编辑组。在新窗口/实例中显示活动文件。切换编辑器布局(水平/垂直)选择所有出现的查找匹配项。选择当前选择的所有匹配项。显示资源管理器/切换焦点。选择当前单词的所有出现。在上方/下方插入光标。原创 2024-04-22 21:34:14 · 454 阅读 · 0 评论 -
解决调用相同url数据不刷新问题
谷歌浏览访问相同接口默认调用。原创 2024-04-15 20:56:38 · 274 阅读 · 0 评论 -
Node.js Express
yarn.lock yarn 安装包 会生成一个yarn.lock。req.query (get请求) / req.body(post请求)express-generator 解决上述问题。2.全局下载express-generator。public 存放静态资源 图片 样式等。1.开发后端项目,需要搭建后端项目结构。views 存放html页面。node http创建服务繁琐。1.安装 body-parse。routes 存放路由。app.js 项目入口。代码不美观,代码量多。原创 2024-03-22 21:18:11 · 499 阅读 · 0 评论 -
谷歌浏览器调用相同url数据不刷新
谷歌浏览访问相同接口默认调用缓存数据。原创 2024-03-22 15:02:41 · 330 阅读 · 0 评论 -
实现vue elmentUI图片本地上传
2.前端401无权限 配置 head token 或直接配置网关。1. 如后端提示无权限创建 可以把文件先创建好。原创 2024-03-07 17:05:36 · 530 阅读 · 0 评论 -
vue el-avatar 使用require提示无法找到图片
vue初始化DOM树时没有挂载数据,导致无法找到模块。原创 2024-03-07 22:10:48 · 562 阅读 · 2 评论 -
防抖和节流
在 JavaScript 中,防抖(debounce)和节流(throttle)都是用来限制事件频繁触发的技术,通常用于优化性能和提升用户体验。防抖指的是当一个事件连续发生时,只有当事件停止一段时间后才会执行相应的操作。比如在输入框中实时搜索时,可以使用防抖技术来延迟搜索请求,避免用户输入过程中频繁触发搜索操作。节流则是指当一个事件连续触发时,只有在固定的时间间隔内执行一次。比如在滚动页面时触发加载更多数据的操作,可以使用节流技术来限制触发频率,保证页面滚动时不会频繁触发加载更多的操作。原创 2024-03-04 11:34:10 · 425 阅读 · 0 评论 -
学习 canvas标签 这一篇文章足以
Canvas是H5新增的一个标签, 我们可以通过JS在这个标签上绘制各种图案Canvas 拥有多种绘制路径、矩形、圆形、字符以及图片的方法。原创 2024-01-26 14:38:13 · 1641 阅读 · 0 评论 -
TypeScript接口
对于宽松的接口检查政策字面量是个例外,也就是说对于字面量的接口类型检查是严格的,不能出现接口规范以外的其他属性。TypeScript 接口检查是宽松的,当变量满足了接口规范以后,即使变量中存在接口规范以外的属性也是可以的。在继承了接口以后可以对被继承接口中的属性进行重写,但是重写的类型一定要在原有类型的范围以内。接口具有继承特性即接口与接口之间可以存在继承关系,而且一个接口可以继承多个接口。接口具有声明合并特性,即多个相同名称的接口会自动合并。使用接口约束对象的类型。使用接口约束函数的类型。原创 2023-12-29 11:41:40 · 500 阅读 · 0 评论 -
JavaScript Date日期对象
Date是一个构造函数,必须通过 new Date() 创建一个实例成员才能使用。原创 2024-01-03 11:30:21 · 381 阅读 · 0 评论 -
前端实用资源库
在线生成好看的CSS阴影,一切可视化,非常方便。原创 2023-12-28 18:14:40 · 1142 阅读 · 0 评论 -
vue3 过渡动画
Vue 提供了 transition 组件供我们执行过渡动画, 我们只需要使用 transition 组件包裹你要执行动画的元素即可。执行过渡动画的前提条件是元素具有创建与销毁的操作。当创建元素时, transiton 组件会为执行动画的元素添加三个类名, 我们可以通过这三个类名为元素添加入场动画当销毁元素时, transition 组件会为执行动画的元素添加三个类名, 我们可以通过这个三个类名为元素添加离场动画样式。原创 2024-01-08 11:40:43 · 854 阅读 · 0 评论 -
Vue 监听状态 watch 与监听状态 watchEffect
watch 函数用于监听响应式数据的变化。使用 watch 函数监听基于 ref 创建的响应式数据 (基本数据类型)。使用 watch 监听基于 ref 创建的响应式数据 (引用数据类型)。使用 watch 监听响应式数据内部的具体属性 (基本数据类型)使用 watch 监听响应式数据内部的具体属性 (引用数据类型)使用 watch 监听基于 reactive 创建的响应式数据。使 watch 监听数据在初始时执行一次。原创 2023-12-28 21:08:27 · 894 阅读 · 0 评论 -
Vue3 状态管理 Vuex
在不使用全局状态管理库时, 应用状态由组件管理, 当多个组件需要共享使用同一个应用状态时, 应用状态需要通过 props 或自定义事件在组件之间进行传递, 在组件与组件之间的关系比较疏远时, 手递手的这种传递方式显得特别混乱, 使得应用d的维护变得困难.在使用了全局状态管理库后, 需要共享的应用状态被单独存储在一个独立于组件的 Store 对象中, 所有组件可以直接从这个对象中获取状态, 省去了繁琐的组件状态传递过程. 而且当 Store 中的状态发生变化后,组件也会自动更新。原创 2024-01-23 18:18:08 · 617 阅读 · 0 评论 -
Vue路由 - 工作原理(深入理解)
目标: 了解hash改变, 如何显示不同的组件的过程。原创 2024-01-08 11:26:44 · 570 阅读 · 0 评论 -
JSON网络令牌JWT
日常生活中的身份验证的场景: 比如进入公司的大楼时,需要携带工牌;打卡上班时,需要指纹识别;打开工作电脑时,需要输入密码。JSON Web Token (JWT) 是一个开放标准 (RFC 7519),用于在各方之间作为 JSON 对象安全地传输信息。就是通过用户名和密码来生成token确认用户的身份,确认过身份的用户称为为授权用户(Authenticated user)。全称, 是目前最流行的跨域认证解决方案。基本的实现是服务端认证后,生成一个JSON对象,发回给用户。原创 2024-01-03 10:50:04 · 1317 阅读 · 0 评论 -
腾讯短信验证使用
验证用户身份,保证用户填写的手机号码的真实性减少非法注册和恶意注册,提高会员注册质量提高网站用户注册的质量,更有效地管理注册用户,随时保持联系和沟通。原创 2024-01-03 10:29:18 · 472 阅读 · 0 评论 -
解决ELement-UI懒加载三级联动数据不回显(天坑)
一.查看数据类型是否一致 未选择下 选择下二.处理数据时使用this.$set方法来动态地设置实例中的属性,以确保其响应式三.绑定v-if确保每次重新加载四.绑定key五.完整代码原创 2023-12-27 21:31:54 · 1673 阅读 · 0 评论 -
解决ELement-UI三级联动数据不回显
目录 一.处理数据时使用this.$set方法来动态地设置实例中的属性,以确保其响应式。 二.检查数据格式是否正确三.绑定v-if 确保每次执行 四.完整代码原创 2023-12-25 18:19:56 · 1264 阅读 · 0 评论 -
Nuxt 框架 处理 前端 token
【代码】Nuxt 框架 处理 前端 token。原创 2023-12-25 16:04:36 · 907 阅读 · 0 评论 -
Nuxt中的vuex
添加一个 counter变量,并可以继续累加操作。步骤二:使用指定模块中的数据。步骤二:在页面中,使用。步骤一:创建其他模块。原创 2023-12-21 11:26:51 · 1203 阅读 · 0 评论 -
@vue/cli脚手架
目标: webpack自己配置环境很麻烦, 下载@vue/cli包,用vue命令创建脚手架项目@vue/cli是Vue官方提供的一个全局模块包(得到vue命令), 此包用于创建脚手架项目脚手架是为了保证各施工过程顺利进行而搭设的工作平目标:项目中没有webpack.config.js文件,因为@vue/cli用的vue.config.jssrc并列处新建vue.config.js/* 覆盖webpack的配置 */devServer: { // 自定义服务配置。原创 2023-12-21 14:39:09 · 1114 阅读 · 0 评论 -
快速学习 webpack
什么是webpack, 它有什么作用知道yarn的使用过程, 自定义命令, 下载删除包有了webpack让模块化开发前端项目成为了可能, 底层需要node支持对webpack各种配置项了解入口/出口插件加载器mode模式devServerwebpack开发服务器的使用和运作过程。原创 2023-12-20 21:16:12 · 1448 阅读 · 0 评论 -
JS三级联动数据处理
【代码】JS三级联动数据过滤。原创 2023-11-24 11:26:57 · 197 阅读 · 1 评论 -
通过Express+vue2实现笔记管理系统
项目地址。原创 2023-07-03 15:12:39 · 796 阅读 · 4 评论