摘要: v-for 我们可以使用 v-for 指令基于一个数组来渲染一个列表。v-for 指令的值需要使用 item in items 形式的特殊语法,其中 items 是源数据的数组,而 item 是迭代项的别名 data() { return { items: [{ message: 'Foo' }, 阅读全文
posted @ 2023-03-28 23:43 caix-1987 阅读(42) 评论(0) 推荐(0)
摘要: v-if v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回真值时才被渲染 <h1 v-if="awesome">Vue is awesome!</h1> v-else 你也可以使用 v-else 为 v-if 添加一个 else 区块 一个 v-else 元素必须跟在一个 v- 阅读全文
posted @ 2023-03-28 23:42 caix-1987 阅读(33) 评论(0) 推荐(0)
摘要: Class 与 Style 绑定 数据绑定的一个常见需求场景是操纵元素的 CSS class 列表和内联样式。因为 class 和 style 都是 attribute,我们可以和其他 attribute 一样使用 v-bind 将它们和动态的字符串绑定 在处理比较复杂的绑定时,通过拼接生成字符串是 阅读全文
posted @ 2023-03-28 22:19 caix-1987 阅读(36) 评论(0) 推荐(0)
摘要: 基础示例 模板中的表达式虽然方便,但也只能用来做简单的操作。如果在模板中写太多逻辑,会让模板变得臃肿,难以维护。比如说,我们有这样一个包含嵌套数组的对象 export default { data() { return { author: { name: 'John Doe', books: [ ' 阅读全文
posted @ 2023-03-28 22:18 caix-1987 阅读(27) 评论(0) 推荐(0)
摘要: 声明响应式状态 选用选项式 API 时,会用 data 选项来声明组件的响应式状态。此选项的值应为返回一个对象的函数 Vue 将在创建新组件实例的时候调用此函数,并将函数返回的对象用响应式系统进行包装。此对象的所有顶层属性都会被代理到组件实例 (即方法和生命周期钩子中的 this) 上 export 阅读全文
posted @ 2023-03-28 22:17 caix-1987 阅读(64) 评论(0) 推荐(0)
摘要: 项目说明 代码仓库地址 https://github.com/caix-1987/vue3-vite-typescript-elementplus-pinia 项目预览地址 https://caix-1987.github.io/vue3-vite-typescript-elementplus-pi 阅读全文
posted @ 2023-03-28 16:06 caix-1987 阅读(908) 评论(0) 推荐(0)
摘要: 前端安全相关的知识体系 1、跨站脚本攻击 XSS 2、跨站请求伪造 CSRF 3、点击劫持 ClickJacking 4、HTTP 严格传输安全 HSTS 5、CDN 劫持 6、内容安全策略 CSP 7、安全沙箱 Sandbox 8、Iframe 跨站请求伪造 - CSRF 1、跨站脚本伪造 - C 阅读全文
posted @ 2023-03-28 15:58 caix-1987 阅读(126) 评论(0) 推荐(0)
摘要: 前端安全相关的知识体系 1、跨站脚本攻击 XSS 2、跨站请求伪造 CSRF 3、点击劫持 ClickJacking 4、HTTP 严格传输安全 HSTS 5、CDN 劫持 6、内容安全策略 CSP 7、安全沙箱 Sandbox 8、Iframe CDN 劫持 1、什么是 CDN ? CDN Con 阅读全文
posted @ 2023-03-28 15:58 caix-1987 阅读(450) 评论(0) 推荐(0)
摘要: 前端安全相关的知识体系 1、跨站脚本攻击 XSS 2、跨站请求伪造 CSRF 3、点击劫持 ClickJacking 4、HTTP 严格传输安全 HSTS 5、CDN 劫持 6、内容安全策略 CSP 7、安全沙箱 Sandbox 8、Iframe 跨站脚本攻击 - XSS 1、跨站脚本攻击 - XS 阅读全文
posted @ 2023-03-28 15:57 caix-1987 阅读(167) 评论(0) 推荐(0)
摘要: 输入 URL 到浏览器显示页面 流程如下 1、首先进行 url 地址解析 确认 URL 格式是否合法 2、接下来把合法的 url 域名地址发送至 DNS 服务器 获取域名对应的 服务器 IP 地址 2、进入 HTTP缓存 机制 检查浏览器是否有缓存,这里的缓存分为 强缓存 和 协商缓存 1、首现会 阅读全文
posted @ 2023-03-28 15:54 caix-1987 阅读(42) 评论(0) 推荐(0)
摘要: 传输层协议概述 1、传输层协议的作用 1、提供了一种端到端 【 end to end 】 的连接,一般为前端和后台服务器的连接 2、由于网络层只管传递数据,并不关心成功与否,TCP协议 在数据丢失、损坏的情况下保证数据的可靠性 2、传输层协议的分类 1、传输控制协议 TCP 【 Transimisi 阅读全文
posted @ 2023-03-28 15:53 caix-1987 阅读(231) 评论(0) 推荐(0)
摘要: http 方法 常见的 http 方法 1、GET: 获取资源 2、POST: 传输实体主体 3、PUT: 传输文件 4、HEAD: 获取报文首部 5、DELETE: 删除文件 6、OPTIONS: 查询支持方法 7、TRACK: 追踪路径 8、CONNECT: 要求用隧道协议连接代理 GET 与 阅读全文
posted @ 2023-03-28 15:53 caix-1987 阅读(97) 评论(0) 推荐(0)
摘要: http 报文 HTTP 报文:用于 HTTP 协议 交互的信息 被称为 HTTP 报文 1、请求 【 Request 】 端的报文叫 请求报文 2、响应 【 response 】 端的报文叫 响应报文 http 请求报文 1、请求报文 示例 POST /index.html HTTP/1.1 HO 阅读全文
posted @ 2023-03-28 15:52 caix-1987 阅读(67) 评论(0) 推荐(0)
摘要: Http 概述 1、Http 即 超文本传输协议,指的是在网络,网络之间或者是计算机用户与计算机用户之间进行网络传输和文件传输的一种超文本传输协议,对计算机安全和网络安全起着至关重要的作用 1、协议 1、HTTP 是一个协议,不是开发语言,不是一个服务,也不是一种网络 2、HTTP 是一个用在计算机 阅读全文
posted @ 2023-03-28 15:52 caix-1987 阅读(155) 评论(0) 推荐(0)
摘要: 计算机网络概述 1、什么是计算机网络 计算机网络主要由一些通用的、可编程的硬件互联而成,通过这些硬件,可以传送不同类型的数据,并且可以支持广泛和日益增长的应用 1、计算机网络不仅仅是软件的概念,它还包含硬件设备(网卡、网线、路由器) 2、计算机网络不仅仅是信息通信,还可以支持广泛的应用 2、计算机网 阅读全文
posted @ 2023-03-28 15:52 caix-1987 阅读(191) 评论(0) 推荐(0)
摘要: typeScript 编译上下文 tsconfig.json 的作用 1、用于标识 TypeScript 项目的根路径 2、用于配置 TypeScript 编译器 3、用于指定编译的文件 tsconfig.json 重要字段 1、files - 设置要编译的文件的名称 2、include - 设置需 阅读全文
posted @ 2023-03-28 15:50 caix-1987 阅读(45) 评论(0) 推荐(0)
摘要: typeScript 泛型 1、软件工程中,我们不仅要创建一致的定义良好的 API,同时也要考虑可重用性。 组件不仅能够支持当前的数据类型,同时也能支持未来的数据类型,这在创建大型系统时为你提供了十分灵活的功能 2、在像 C# 和 Java 这样的语言中,可以使用泛型来创建可重用的组件,一个组件可以 阅读全文
posted @ 2023-03-28 15:49 caix-1987 阅读(98) 评论(0) 推荐(0)
摘要: typeScript 接口 【 interface 】 1、在面向对象语言中,接口是一个很重要的概念,它是对行为的抽象,而具体如何行动需要由类去实现 2、TypeScript 中的接口是一个非常灵活的概念,除了可用于对类的一部分行为进行抽象以外,也常用于对「对象的形状(Shape)」进行描述 对象的 阅读全文
posted @ 2023-03-28 15:49 caix-1987 阅读(40) 评论(0) 推荐(0)
摘要: typeScript 函数 TypeScript 函数与 JavaScript 函数的区别 | TypeScript 函数 | JavaScript 函数 | | | | | 含有类型 | 无类型 | | 箭头函数 | 箭头函数(ES2015) | | 函数类型 | 无函数类型 | | 必填和可选参 阅读全文
posted @ 2023-03-28 15:48 caix-1987 阅读(41) 评论(0) 推荐(0)
摘要: typeScript 断言 1、有时候你会遇到这样的情况,你会比 TypeScript 更了解某个值的详细信息,通常这会发生在你清楚地知道一个实体具有比它现有类型更确切的类型 2、通过 类型断言 这种方式可以告诉编译器,“相信我,我知道自己在干什么” 3、类型断言 好比其他语言里的类型转换,但是不进 阅读全文
posted @ 2023-03-28 15:48 caix-1987 阅读(55) 评论(0) 推荐(0)