标签: 前端

6 篇文章

自顶向下Web开发-1 前端部分-6 Vue路由
前端路由:URL中的hash(#号)与组件之间的对应关系。 1 Vue Router 介绍:Vue Router 是 Vue 官方路由。 组成: VueRouter:路由器类,根据路由请求在路由视图中动态渲染选中的组件 <router-link>:请求链接组件,浏览器会解析为<a> <router-view>:动态视图组件,用来渲…
thumbnail
自顶向下Web开发-1 前端部分-5 前端工程化
0 前后端分离开发 0.1 接口文档管理平台:Yapi Yapi的两个主要功能: API接口管理 Mock服务(生成接口的模拟测试数据) 使用: 添加项目 添加分类 添加接口 示例: mock地址:https://yapi.pro/mock/376827/user/getById 数据: 1 前端工程化: 指在企业级的前端项目开发中,把前端开发所需…
thumbnail
自顶向下Web开发-1 前端部分-4 Ajax
1 简介: 概念:异步的JS与XML。 作用: 数据交换:给服务器发送请求,获取服务器响应的数据。 异步交互:可以在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页的技术。 AJAX 并非编程语言。 AJAX 仅仅组合了: 浏览器内建的 XMLHttpRequest 对象(从 web 服务器请求数据) JavaScript 和 HTML …
thumbnail
自顶向下Web开发-1 前端部分-3 Vue
注:此套教程内学习的是Vue2,自2023年Vue2以停止维护、后续有需要再学习Vue3。 1 Vue概述 Vue是一套前端框架,免除原生JS中的DOM操作,简化书写。 基于MVVM(Model-View-ViewModel)思想,实现数据的双向绑定,将编程的关注点放在数据上。 1.1快速入门: 引入: 外部链接引入或本地文件引入 外部链接: &l…
thumbnail
自顶向下Web开发-1 前端部分-2 JavaScript
JavaScript(JS)是一门跨平台、面向对象的脚本语言。 1 引入方式 引入方式即指js代码与html页面代码的结合方式。(2种) 内部脚本 内部脚本:将JS代码定义在HTML页面中: JS代码必须放在<script></script>标签之间 在HTML文档中,可以放在任意地方,放置任意数量的<script&g…
thumbnail
自顶向下Web开发-1 前端部分-1 HTML/CSS
由于课程重点在于学习后端知识,前端部分只要求在今后的工作学习中可以看懂、能做简单修改,故此部分不做详细笔记。 0 概述 我们看到的网页背后的本质是前端代码。 前端代码通过浏览器内核(如chrome内核)被解析、渲染为我们看到的展示在客户端的网页。 Web标准: Web标准也称网页标准,大部分由W3C制定。 三个组成部分: HTML:负责网页的结构(…