![](https://img-blog.csdnimg.cn/42e85010af4b48c5b827729eda4ee625.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
文章平均质量分 96
分享前端一些知识
无法自律的人
CSDN内容博主、阿里云社区特邀专家博主,热爱Java、Python、MySQL、SQL server、Oracle等数据库相关知识,专注于数据分析、云原生等热门话题,喜欢持续分享学习笔记和分享一些编程语言等相关的代码及一些经验分享,希望大家的支持!!!
展开
-
【JWT】快速了解什么是jwt及如何使用jwt
是一种用于在网络应用间安全传递声明(claim)的开放标准。和。头部主要包含了用于描述 JWT 类型以及所使用的签名算法的信息。载荷包含了需要传递的声明(claim),比如用户身份、权限等信息。签名则是对头部、载荷和一个密钥进行的签名,用于验证数据的完整性。原创 2023-10-12 16:30:00 · 711 阅读 · 18 评论 -
【Vuex+ElementUI】Vuex中取值存值以及异步加载的使用
在Vuex中,异步请求通常是指通过网络发送的异步操作,例如从服务器获取数据或向服务器发送数据。在Vuex中,可以使用异步操作来更新存储在状态库中的数据。常见的异步请求包括使用Ajax、axios等库发送HTTP请求,或者使用WebSocket进行实时通信。通过这些概念的配合,可以在Vuex中处理异步请求,并将响应的数据保存到状态库中,以便在应用程序中使用。Actions(动作):Actions是Vuex中用于触发异步请求并提交mutation的地方。原创 2023-10-10 23:11:17 · 1172 阅读 · 25 评论 -
【Element-UI】CUD(增删改)及form 表单验证(附源码)
data() {return {// 是否打开弹窗// 弹窗标题title: '新增页面',// 定义数组接收数据book:// 类型types: [],// 输入框长度// 初始化方法clear() {this.title = '新增页面';id: '',price: '',// 编辑if (row) {this.title = '编辑页面';// 增加修改提交//表单验证//验证通过执行增加修改方法//获取后台请求书籍数据的地址。原创 2023-09-27 15:04:07 · 380 阅读 · 11 评论 -
【Element-UI】实现动态树、数据表格及分页效果
在数据的sql下面,也就是树形菜单的sqlxml文件里面--先根据id查询菜单根级目录,再利用上次查询结果collection中column的值id作为递归查询条件,查出所有子菜单,返回结果必须为resultMap,并且值为上面构建的resultMap的id值-->Controller层try {return new JsonResponseBody("初始化首页菜单错误",false,0,null);原创 2023-09-26 20:44:33 · 916 阅读 · 14 评论 -
【Vue】入门及生命周期(前后端分离)
Vue是一款流行的构建用户界面(UI)的[渐进式]JavaScript框架,它用于构建用户界面。Vue具有简洁、灵活和高效的特点,使得开发者可以轻松地构建交互性强、可复用的前端应用程序。原创 2023-09-16 18:32:38 · 475 阅读 · 28 评论 -
【Vue】模板语法,插值、指令、过滤器、计算属性及监听属性(内含面试题及毕设等实用案例)上篇
Vue 的模板语法是一种用于在 HTML 中声明式地渲染 Vue 组件的语法。它基于 HTML,并通过特定的模板语法扩展了 HTML。Vue 使用了一种称为 “Mustache” 语法的模板插值来绑定数据到 HTML 元素上。在 Vue 的模板语法中,你可以使用双大括号({{}})将数据绑定到 HTML 元素上,这样数据的值会被动态地替换到相应的位置。在 Vue 的模板语法中,你可以使用双大括号({{}})将数据绑定到 HTML 元素上,这样数据的值会被动态地替换到相应的位置。原创 2023-09-19 00:13:28 · 425 阅读 · 25 评论 -
【Vue】模板语法,事件处理器及综合案例、自定义组件、组件通信
组件(Component)是Vue最强大的功能之一组件可以扩展HTML元素,封装可重用的代码组件系统让我们可以用独立可复用的小组件来构建大型应用,几乎任意类型的应用的界面都可以抽象为一个组件树。原创 2023-09-20 11:11:03 · 346 阅读 · 17 评论 -
【Element-UI】Mock.js,案例首页导航、左侧菜单
Mock.js是一个用于生成模拟数据的JavaScript库。它能够模拟后端API接口,用于前端开发时进行接口调试和测试提高自动化测试效率。使用Mock.js可以快速创建虚拟的数据,并且可以设置数据的类型、格式和规则,从而模拟真实的数据响应。Mock.js支持生成随机数据拦截Ajax请求以返回模拟数据支持RESTful API风格等功能,能够提高前端开发效率,并且减少对后端接口的依赖。支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等。原创 2023-09-25 17:49:24 · 591 阅读 · 14 评论 -
【Vue+Element-UI】实现登陆注册界面及axios之get、post请求登录功能实现、跨域问题的解决
跨域问题(Cross-Origin Resource Sharing,CORS)指的是在浏览器端,由于安全策略限制,不同源(域/协议/端口)之间的网页(或者Ajax请求)无法直接进行交互或访问对方的资源。同源策略是浏览器的一种安全机制,用于保护用户信息和防止恶意攻击。同源策略要求网页只能与相同源的资源进行交互,源(Origin)由协议、域名和端口号组成。当源不一致时,浏览器会阻止跨域的请求。例如,一个网页在域A中运行,试图通过JavaScript向域B发送AJAX请求,此时就会触发跨域问题。原创 2023-09-23 20:27:02 · 2630 阅读 · 25 评论 -
【Vue】使用vue-cli搭建SPA项目的路由,嵌套路由
Vue CLI 是一个基于 Vue.js 的官方脚手架工具,用于自动生成vue.js+webpack的项目模板,它可以帮助开发者快速搭建 Vue.js 项目的基础结构,并提供了一系列的开发工具和配置选项。Vue CLI 提供了命令行界面和图形化界面两种方式,开发者可以根据自己的喜好选择使用。使用 Vue CLI,可以轻松进行项目初始化、管理依赖、开发调试、构建打包等常用开发任务,简化了 Vue.js 应用的开发流程,提高了开发效率。创建命令如下:xxx为自己创建项目的名称必须先安装等一些必要的环境。原创 2023-09-21 19:54:11 · 1069 阅读 · 20 评论 -
【Vue+NodeJS】vue路由及NodeJS环境搭建(Windows版)
Node.js是一个基于Chrome V8引擎构建的JavaScript运行时环境使用了一个事件驱动、非阻塞式I/O 的模型;可以让JavaScript在服务器端运行,它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言。相对于传统的JavaScript运行环境(如浏览器),Node.js具有以下特点:事件驱动:Node.js使用事件驱动的非阻塞I/O模型,使得在处理大量并发请求时效率更高。单线程。原创 2023-09-20 21:44:56 · 1251 阅读 · 28 评论