网站前端
文章平均质量分 61
modi000
生命不止,奋斗不息!
展开
-
【YAML知识】YAML 简介及语法
一、YAML 简介YAML(YAML Ain't Markup Language的缩写)是一种人类可读的完整的数据序列化语言。YAML 官网首页就很 YAML,这很有意思。通常用作软件的配置文件;文件的标准扩展名为 .yaml,也可接受.yml扩展名;YAML基本语法规则(基于缩进的Block Style):大小写敏感;使用缩进表示层级关系(类似Python风格);缩进不允许使用Tab制表符,只允许使用空格字符;缩进的空格数不重要,但官方推荐使用2个空格字符;转载 2024-08-21 10:19:57 · 50 阅读 · 0 评论 -
HTTP 协议详解
全称超文本传输协议,是用于从万维网(WWW:World Wide Web )服务器传输超文本到本地浏览器的传送协议。HTTP 是一种应用层协议,是基于TCP/IP 通信协议来传递数据的,其中 HTTP1.0、HTTP1.1、HTTP2.0 均为 TCP 实现,HTTP3.0 基于 UDP 实现。现主流使用 HTTP1.0 和 HTTP3.0为了使数据在网络上从源头到达目的,网络通信的参与方必须遵循相同的规则,这套规则称为协议,它最终体现为在网络上传输的数据包的格式。转载 2024-08-20 14:32:12 · 54 阅读 · 0 评论 -
单点登录(SSO)详解——超详细
当然仅此是不够的,因为不同的应用系统有着不同的域名,尽管 Session 共享了,但是由于 Session ID 是往往保存在浏览器 Cookie 中的,因此存在作用域的限制,无法跨域名传递,也就是说当用户在 app1.com 中登录后,Session ID 仅在浏览器访问 app1.com 时才会自动在请求头中携带,而当浏览器访问 app2.com 时,Session ID 是不会被带过去的。用户统一在认证中心进行登录,登录成功后,认证中心记录用户的登录状态,并将 Token 写入 Cookie。转载 2024-08-19 17:16:42 · 535 阅读 · 0 评论 -
对于javaweb前后端分离开发的思考和实现
本文重在阐明对于前后端分离设计的一些小思考,同时利用ajax结合SSM框架,实现的一个简单的交互案例。ps:笔者仅仅是一名学生,观点不免有些局限性,如果您读后有有更好的实现方式。欢迎在文末留言,笔者感激不尽。提出问题我们在平时学习javaweb开发时经常是页面展示信息和后台逻辑代统统在idea或者eclipse进行编写,笔者今天突然有了这样的思考:在实际工作中我们往往会各司其职,在开发一个项目时不可能一直等待前端开发将页面写好,然后在交由后端开发人员进行后台逻辑的编写。转载 2024-08-14 10:59:20 · 13 阅读 · 0 评论 -
前后端分离的项目前端怎么访问后端数据
前端调用RESTful API时,只需要发送请求URL和请求参数,后端返回对应的JSON数据,在前端进行展示。这样可以实现前后端完全分离,前端只需要关注如何展示数据,后端只需要关注如何处理请求和返回数据。前后端分离是一种新型的web应用程序开发技术,它的核心理念就是将前端与后端进行分离,前端负责展示界面,后端负责处理业务逻辑和数据存储。前端与后端建立WebSocket连接后,可以实现双向数据传输,前端可以发送请求消息,后端可以返回响应消息。前端通过GraphQL查询后端数据,后端返回符合查询条件的数据。转载 2024-08-14 10:54:59 · 28 阅读 · 0 评论 -
前后端分离开发和接口文档管理平台YAPI以及前端工程化(Vue-cli)
1.Vue的组件文件以.vue结尾,每个组件由三个部分组成: (模板部分,由它生成HTML代码)、(控制模板的数据来源和行为)、(CSS样式部分)1.介绍:YApi是 高效、易用、功能强大的api管理平台,旨在为开发、产品、测试人员提供更优雅的接口管理服务。前端工程化:是指在企业 级的前端项目开发中,把前端开发所需的工具、技术、流程、经验等进行规范化、标准化。2.组件:组成网页的部件,例如 超链接、按钮、图片、表格、表单、分页条等等。转载 2024-08-05 13:04:07 · 50 阅读 · 0 评论 -
前端开发:Vue2.0桌面组件库-Element
2.在main.js中导入element.ui组件库。1.在vscode终端中执行命令(需要联网)同上,自定义的组件需要先在根组件中引入。3.访问官网,复制调整代码。原创 2024-07-29 13:31:46 · 387 阅读 · 0 评论 -
前端工程化-vue项目开发流程
热部署:在不停止程序、不刷新页面的情况下,修改了App.vue中的代码,网页中http://localhost:9000/#/会自动展示。App.vue中的script中使用export,在main.js中就可以使用import。在views文件中创建自定义组件,注意组件名必须是以View结尾,且扩展名为.vue。在自定义的组件中,中,一定要使用布局标签根组件中,标签中,按照自定义组件的名称写标签,会自动补全。二、在根组件App.vue中引入自定义组件。原创 2024-07-29 12:35:22 · 381 阅读 · 0 评论 -
前端工程化-vue项目创建
src中 APP.vue(以前的页面是.html结尾的,脚手架中都是以.vue结尾,没有.html文件了) 代表的就是页面,这里也称组件。是vue已经定义好的组件;main.js、App.vue、views、router四个文件(夹)重点关注。可以使用html、css、javascpript ,以及使用vue、axios等技术搭建前端页面,但效率低、结构乱。通过Local中的 http://locatehost:8080可以访问 vue-cli项目。两种启动方式,图形化界面、命令行。原创 2024-07-29 11:34:00 · 302 阅读 · 0 评论 -
前后端分离开发遵循接口规范-YAPI
目前,网站主流开发方式是前后端分离。因此前后端必须遵循一套统一的规范,才能保证前后端进行正常的数据(JSON数据格式)请求、影响,这套规范即是 YAPI.YAPI用来管理接口文档并模拟前端测试数据。(因为前后端是并行分离开发的,一开始,前端是拿不到后端的数据的,所以需要先有测试数据。前端或后端撰写接口文档。原创 2024-07-29 10:40:41 · 534 阅读 · 0 评论