随笔分类 - Web前端开发
摘要:# 【一】ref属性 ## 【1】详解 > - 被用来给元素或子组件注册引用信息(id的替代者) > - 应用在html标签上获取的是真实DOM元素,应用在组件标签上是组件实例对象(vc) - 在Vue中,$refs是一个特殊的属性,用于给元素或子组件注册引用信息。 - 它允许我们在模板或组件中通过
阅读全文
摘要:# 【一】热门组件库 - 在Vue生态系统中,有许多热门的组件库可供使用。 - 这些组件库提供了丰富的UI组件和工具,可以极大地提升开发效率。 - 以下是一些热门的Vue组件库: - Element UI: - Element UI是饿了么UED团队开发的一套PC端的UI框架。 - 它提供了许多常用
阅读全文
摘要:# 【一】项目功能插件 # 【二】vue-router ## 【1】详解 ### (1)介绍 - Vue Router是Vue.js官方提供的用于实现客户端路由的插件。 - 它允许您在单页面应用(SPA)中定义前端路由,以便根据不同的URL路径展示不同的组件内容,从而实现页面之间的切换和导航。 ##
阅读全文
摘要:# 【一】Vue-CLI 项目搭建 # 【二】Vue-CLI 项目搭建参考步骤 - Vue-CLI(Vue Command Line Interface)是Vue.js官方提供的一个基于命令行的快速搭建Vue项目的工具。 - 它为我们创建一个Vue项目提供了简单易用的脚手架。 ## 【1】安装Nod
阅读全文
摘要:# 【一】组件化开发基础 ## 【1】组件是什么?有什么用?  > 组件就是:扩展 HTML 元素,`封装可重用的
阅读全文
摘要:# 【一】生命周期图 ## 【1】官网原图  ## 【2】我理解的图 的资源时所产生的安全限制。 - 这是由于浏览器的同源策略所导致的。 - 同源策略是一种安全机制,其目的是保护用户数据的安全。 - 根据同源策略,一个网页只能与同一来源的
阅读全文
摘要:# 【一】与后端交互 - ajax ## 【1】版本1 - 出现了跨域问题 ### (1)前端:index.html ```html Vue与后端交互 - 出现了跨域问题 加载数据 ``` ### (2)后端:main.py ```python from flask import Flask # 这
阅读全文
摘要:# 【一】条件渲染 | 指令 | 释义 | | : : | : : | | v-if | 相当于: if | | v-else | 相当于:else | | v-else-if | 相当于:else if | - 在Vue中,条件渲染是一种根据特定条件决定是否显示或隐藏元素的方式。 - Vue提供了
阅读全文
摘要:# 【一】前端的发展史 ## 【1】HTML、CSS、JavaScript: - 最初,前端主要是通过编写HTML(超文本标记语言)来构建静态网页。随后引入CSS(层叠样式表),使得网页能够实现更丰富的样式和布局。 - 而JavaScript成为了前端开发中的核心语言,通过JavaScript可以实
阅读全文
摘要:# 【HTTP协议的缺陷】 > 无状态、无连接、基于请求响应、基于Tcp/Ip应用层协议 ## 【1】无状态(Stateless): - HTTP协议是一种无状态协议,服务器不会保存请求和响应之间的状态信息。 - 这意味着每次请求都是独立的,服务器无法直接识别来自同一个用户的多个请求。 - 这样就需
阅读全文
摘要:# 前端每日习题解释版 # 1.什么是HTTP协议,列举你所知道的相关知识点 - HTTP(超文本传输协议)是一种用于在计算机网络上进行传输的协议。 - 它是一种客户端-服务器协议,用于在Web浏览器和Web服务器之间传输数据和资源。 以下是HTTP协议的相关知识点: - HTTP采用请求-响应模型
阅读全文
摘要:# 前端每日习题 # 1.什么是HTTP协议,列举你所知道的相关知识点 # 2.列举你所知道的HTML标签 # 3.如何制作一个表格 # 4.写出form 表单常用标签及注意事项 # 5.简述盒子模型 # 6.css选择器的优先级是怎么样的 # 7.display属性的用法 # 8.背景属性相关的有
阅读全文
摘要:# 【项目一】图书管理系统页面 # 【一】效果展示  # 【二】分析 ## 【1】外边框的整体布局(导航条) - 引
阅读全文
摘要:# 【一】前后端传输数据的编码格式(contentType) > 主要研究POST请求数据的编码格式 > > 因为GET请求数据就是直接放在url后面的 - 可以朝后端发送post请求的方式 - form请求 - ajax请求 ## 【1】form表单 - 前后端传输数据的格式 - urlencod
阅读全文
摘要:# 【一】Ajax简介 ## 【1】精髓 > 精髓:异步提交/局部刷新 - 动态获取用户名,实时跟后端确认并将结果展示给前端 ## 【2】发送请求的方式 - 向后端发送请求的方式 - 浏览器地址直接url回车 - GET请求 - a标签的 href 属性 - GET请求 - form表单 - GET
阅读全文
摘要:# 【五】Ajax与异步编程之异步编程 ## 【1】异步编程 - js默认是单线程运行的,这意味着两段代码不能同时运行,所以在同步代码执行过程中,代码是逐行地运行的。 - 简单来理解就是: - 同步按你的代码顺序执行,异步不按照代码顺序执行,异步的执行效率更高。 - 关于在javascript中异步
阅读全文
摘要:# 【四】Ajax与异步编程之数据传输格式ajax同源策略和跨域方案 ## 【1】同源策略 - 同源策略(ame origin policy),是浏览器为了保护用户信息在服务端的安全的而设置一种安全机制。 - 所谓的同源就是指代通信的两个地址(例如服务端接口地址与浏览器客户端页面地址)之间比较,是否
阅读全文

浙公网安备 33010602011771号