摘要:
v-for 我们可以使用 v-for 指令基于一个数组来渲染一个列表。v-for 指令的值需要使用 item in items 形式的特殊语法,其中 items 是源数据的数组,而 item 是迭代项的别名 data() { return { items: [{ message: 'Foo' }, 阅读全文
posted @ 2023-03-28 23:43
caix-1987
阅读(46)
评论(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
阅读(39)
评论(0)
推荐(0)
摘要:
Class 与 Style 绑定 数据绑定的一个常见需求场景是操纵元素的 CSS class 列表和内联样式。因为 class 和 style 都是 attribute,我们可以和其他 attribute 一样使用 v-bind 将它们和动态的字符串绑定 在处理比较复杂的绑定时,通过拼接生成字符串是 阅读全文
posted @ 2023-03-28 22:19
caix-1987
阅读(47)
评论(0)
推荐(0)
摘要:
基础示例 模板中的表达式虽然方便,但也只能用来做简单的操作。如果在模板中写太多逻辑,会让模板变得臃肿,难以维护。比如说,我们有这样一个包含嵌套数组的对象 export default { data() { return { author: { name: 'John Doe', books: [ ' 阅读全文
posted @ 2023-03-28 22:18
caix-1987
阅读(31)
评论(0)
推荐(0)
摘要:
声明响应式状态 选用选项式 API 时,会用 data 选项来声明组件的响应式状态。此选项的值应为返回一个对象的函数 Vue 将在创建新组件实例的时候调用此函数,并将函数返回的对象用响应式系统进行包装。此对象的所有顶层属性都会被代理到组件实例 (即方法和生命周期钩子中的 this) 上 export 阅读全文
posted @ 2023-03-28 22:17
caix-1987
阅读(80)
评论(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
阅读(953)
评论(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
阅读(143)
评论(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
阅读(467)
评论(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
阅读(171)
评论(0)
推荐(0)
摘要:
输入 URL 到浏览器显示页面 流程如下 1、首先进行 url 地址解析 确认 URL 格式是否合法 2、接下来把合法的 url 域名地址发送至 DNS 服务器 获取域名对应的 服务器 IP 地址 2、进入 HTTP缓存 机制 检查浏览器是否有缓存,这里的缓存分为 强缓存 和 协商缓存 1、首现会 阅读全文
posted @ 2023-03-28 15:54
caix-1987
阅读(45)
评论(0)
推荐(0)
摘要:
传输层协议概述 1、传输层协议的作用 1、提供了一种端到端 【 end to end 】 的连接,一般为前端和后台服务器的连接 2、由于网络层只管传递数据,并不关心成功与否,TCP协议 在数据丢失、损坏的情况下保证数据的可靠性 2、传输层协议的分类 1、传输控制协议 TCP 【 Transimisi 阅读全文
posted @ 2023-03-28 15:53
caix-1987
阅读(243)
评论(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
阅读(110)
评论(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
阅读(81)
评论(0)
推荐(0)
摘要:
Http 概述 1、Http 即 超文本传输协议,指的是在网络,网络之间或者是计算机用户与计算机用户之间进行网络传输和文件传输的一种超文本传输协议,对计算机安全和网络安全起着至关重要的作用 1、协议 1、HTTP 是一个协议,不是开发语言,不是一个服务,也不是一种网络 2、HTTP 是一个用在计算机 阅读全文
posted @ 2023-03-28 15:52
caix-1987
阅读(162)
评论(0)
推荐(0)
摘要:
计算机网络概述 1、什么是计算机网络 计算机网络主要由一些通用的、可编程的硬件互联而成,通过这些硬件,可以传送不同类型的数据,并且可以支持广泛和日益增长的应用 1、计算机网络不仅仅是软件的概念,它还包含硬件设备(网卡、网线、路由器) 2、计算机网络不仅仅是信息通信,还可以支持广泛的应用 2、计算机网 阅读全文
posted @ 2023-03-28 15:52
caix-1987
阅读(196)
评论(0)
推荐(0)
摘要:
typeScript 编译上下文 tsconfig.json 的作用 1、用于标识 TypeScript 项目的根路径 2、用于配置 TypeScript 编译器 3、用于指定编译的文件 tsconfig.json 重要字段 1、files - 设置要编译的文件的名称 2、include - 设置需 阅读全文
posted @ 2023-03-28 15:50
caix-1987
阅读(55)
评论(0)
推荐(0)
摘要:
typeScript 泛型 1、软件工程中,我们不仅要创建一致的定义良好的 API,同时也要考虑可重用性。 组件不仅能够支持当前的数据类型,同时也能支持未来的数据类型,这在创建大型系统时为你提供了十分灵活的功能 2、在像 C# 和 Java 这样的语言中,可以使用泛型来创建可重用的组件,一个组件可以 阅读全文
posted @ 2023-03-28 15:49
caix-1987
阅读(112)
评论(0)
推荐(0)
摘要:
typeScript 接口 【 interface 】 1、在面向对象语言中,接口是一个很重要的概念,它是对行为的抽象,而具体如何行动需要由类去实现 2、TypeScript 中的接口是一个非常灵活的概念,除了可用于对类的一部分行为进行抽象以外,也常用于对「对象的形状(Shape)」进行描述 对象的 阅读全文
posted @ 2023-03-28 15:49
caix-1987
阅读(46)
评论(0)
推荐(0)
摘要:
typeScript 函数 TypeScript 函数与 JavaScript 函数的区别 | TypeScript 函数 | JavaScript 函数 | | | | | 含有类型 | 无类型 | | 箭头函数 | 箭头函数(ES2015) | | 函数类型 | 无函数类型 | | 必填和可选参 阅读全文
posted @ 2023-03-28 15:48
caix-1987
阅读(48)
评论(0)
推荐(0)
摘要:
typeScript 断言 1、有时候你会遇到这样的情况,你会比 TypeScript 更了解某个值的详细信息,通常这会发生在你清楚地知道一个实体具有比它现有类型更确切的类型 2、通过 类型断言 这种方式可以告诉编译器,“相信我,我知道自己在干什么” 3、类型断言 好比其他语言里的类型转换,但是不进 阅读全文
posted @ 2023-03-28 15:48
caix-1987
阅读(64)
评论(0)
推荐(0)
摘要:
typeScript 知识体系 1、TypeScript 是什么 2、TypeScript 基础类型 3、TypeScript 断言 4、TypeScript 类型守卫 5、TypeScript 联合类型和类型别名 6、TypeScript 交叉类型 7、TypeScript 函数 8、TypeSc 阅读全文
posted @ 2023-03-28 15:48
caix-1987
阅读(92)
评论(0)
推荐(0)
摘要:
迭代器模式的概念 1、迭代器模式号称“遍历专家”,它提供一种方法顺序访问一个聚合对象中的各个元素,且不暴露该对象的内部表示。 2、迭代器又分 2 类 1、内部迭代器( jquery.each / for...of ) 2、外部迭代器( es6 yield ) 3、在 es6 之前,直接通过 forE 阅读全文
posted @ 2023-03-28 15:44
caix-1987
阅读(15)
评论(0)
推荐(0)
摘要:
观察者模式概念 1、观察者模式又叫 发布-订阅 模式,其用来定义对象之间的一对多依赖关系,以便当一个对象更改状态时,将通知其所有依赖关系 2、观察者模式 具备两个角色,即 发布者 和 订阅者。 3、正如我们工作中的产品经理就是一个 “ 发布者 ”,而前后端、测试可以理解为 “ 订阅者 ” 4、在 J 阅读全文
posted @ 2023-03-28 15:44
caix-1987
阅读(28)
评论(0)
推荐(0)
摘要:
策略模式的概念 1、定义一系列的算法,把它们一个个 封装 起来,并且使它们可以互相替换 2、策略模式的目的就是将算法的使用与算法的实现分离开,一个策略模式的程序至少由两部分组成。 第一个部分是 策略类,策略类封装了具体的算法,并负责具体的计算过程。 第二个部分是环境类 Context,Context 阅读全文
posted @ 2023-03-28 15:43
caix-1987
阅读(45)
评论(0)
推荐(0)
摘要:
代理模式的概念 1、代理模式 就是为对象提供一个代理,用来控制对这个对象的访问。也就是为一个对象提供一个代用品或占位符,以便控制对它的访问。 2、代理模式 能将代理对象与被调用对象分离,降低了系统的耦合度。代理模式在客户端和目标对象之间起到一个中介作用,这样可以起到保护目标对象的作用 3、代理对象可 阅读全文
posted @ 2023-03-28 15:43
caix-1987
阅读(30)
评论(0)
推荐(0)
摘要:
适配器模式的概念 适配器模式(Adapter)是将一个类(对象)的接口(方法或属性)转化成客户希望的另外一个接口(方法或属性) 适配器模式使得原本由于接口不兼容而不能一起工作的那些类(对象)可以一些工作。 适配器又称包装器(wrapper)。 核心就是 适配 做 兼容性 处理 适配器模式示例代码 / 阅读全文
posted @ 2023-03-28 15:42
caix-1987
阅读(15)
评论(0)
推荐(0)
摘要:
装饰器模式的概念 1、讲装饰器模式之前,先聊聊高阶函数。高阶函数就是一个函数就可以接收另一个函数作为参数。 2、给对象动态地添加职责的方式称为装饰者模式。 3、传统的面向对象语言中给对象添加功能常常使用继承的方式,但是继承的方式不灵活,而与之相比,装饰者模式更加灵活,“即用即付”。 装饰器模式的实现 阅读全文
posted @ 2023-03-28 15:42
caix-1987
阅读(15)
评论(0)
推荐(0)
摘要:
原型模式的概念 1、原型模式(prototype)是指用原型实例指向创建对象的种类,并且通过拷贝这些原型创建新的对象 2、原型模式,就是创建一个共享的原型,通过拷贝这个原型来创建新的类,用于创建重复的对象,带来性能上的提升。 3、原型模式在常见不过了。当新创建的对象和已有对象存在较大共性时,可以通过 阅读全文
posted @ 2023-03-28 15:41
caix-1987
阅读(19)
评论(0)
推荐(0)
摘要:
工厂模式的概念 1、工厂模式 是用来创建对象的一种 最常用的 设计模式 2、不暴露创建对象的具体逻辑,而是将将逻辑封装在一个函数中,那么这个函数就可以被视为一个工厂 3、工厂模式根据抽象程度的不同可以分为 3 类 1、简单工厂 【 静态工厂 】 2、工厂方法 3、抽象工厂 工厂模式的功能 1、解耦, 阅读全文
posted @ 2023-03-28 15:41
caix-1987
阅读(15)
评论(0)
推荐(0)
摘要:
单例模式的概念 1、单例模式 的核心是 确保 一个类 仅有一个 实例,并提供一个访问它的全局接口,能够全局访问 2、使用 JavaScript 实现一个标准的单例很简单,就是使用一个变量作为标识来判断当前是否已经创建过对象,如果没有就创建,如果已经创建则返回之前创建过的对象 3、VueX React 阅读全文
posted @ 2023-03-28 15:40
caix-1987
阅读(23)
评论(0)
推荐(0)
摘要:
什么是设计模式 1、所谓 设计模式 就是一种 可复用的解决方案,用于解决软件设计中遇到的常见问题。 2、所谓 设计模式 就是在不同业务情况下,要如何去解决问题的一种方案,让业务代码变得灵活,增强复用性,可维护性,增强业务代码面对不同场景的适应能力 设计模式的特性 1、设计模式 的 5 大 基本原则 阅读全文
posted @ 2023-03-28 15:40
caix-1987
阅读(33)
评论(0)
推荐(0)
摘要:
基础 Monorepo 环境建设 包名选择与注册 1、给 组件库 命名 => 最终会发布到 npm.js 仓库 2、查看 组件库 的命名是否可注册方法 npm view package-name version 如: npm view caix version => 返回 code E404 【 未 阅读全文
posted @ 2023-03-28 15:38
caix-1987
阅读(58)
评论(0)
推荐(0)
摘要:
基于 vue 框架 开发一个完整的组件库来体验前端工程化的魅力 对一个组件库的开发来全面认识熟悉 前端工程化 的配置,系统的理解工程化中各个工具所起到的作用,并且将其最终可以应用到你的团队当中去,真正的实现工程化的价值,帮助你的团队提效,实现作为前端工程师的价值 基于 vue 框架 开发一个完整的组 阅读全文
posted @ 2023-03-28 15:37
caix-1987
阅读(70)
评论(0)
推荐(0)
摘要:
项目工程化实施中涉及的流程及知识体系分类 项目工程化实施中涉及的 7 个 大致流程及知识体系 1、技术选型 2、统一规范 3、测试 4、部署 5、监控 6、性能优化 7、重构 每一个 知识体系 说明 技术选型 三大框架中选一个 【 React Vue Angular 】 可以依据以下两个特点来选 1 阅读全文
posted @ 2023-03-28 15:35
caix-1987
阅读(154)
评论(0)
推荐(0)
摘要:
package.json 概述 1、在 nodejs 项目中,package.json 是管理其 依赖 的配置文件 2、通常我们在初始化一个 nodejs 项目的时候会会生成这几个以下这几个文件 npm init 【 初始化 nodeJs 项目 】 1、node_modules 2、package. 阅读全文
posted @ 2023-03-28 15:32
caix-1987
阅读(142)
评论(0)
推荐(0)
摘要:
devServer 【 webpack-dev-server 】 概述 1、什么是 devServer 【 webpack-dev-server 】 1、在开发过程中,想实时看到代码变更后我们的项目效果时,我们就会启动一个服务来监听代码文件变化,并将新的变更及时的展现在我们的浏览器上,极大的提高了我 阅读全文
posted @ 2023-03-28 15:31
caix-1987
阅读(82)
评论(0)
推荐(0)
摘要:
bable 概述 1、babel 是什么 babel 是把 最新特性、浏览器无法兼容的代码,编译成浏览器可识别的代码(低版本浏览器对新特性的支持不友好),就比如 箭头函数,经过 babel 的转化后,就会变成 普通的函数 2、babel 的 3 种使用方式 1、使用单体文件 2、命令行 【 babe 阅读全文
posted @ 2023-03-28 15:29
caix-1987
阅读(55)
评论(0)
推荐(0)
摘要:
webpack 安装 1、webpack 的安装有两种方式 1、全局安装 【 不推荐 】 2、局部安装 【 推荐 】 全局安装 1、安装 webpack v4+ 版本时,需要额外加安装 webpack-cli npm install webpack webpack-cli -g 2、检查版本 web 阅读全文
posted @ 2023-03-28 15:17
caix-1987
阅读(92)
评论(0)
推荐(0)
摘要:
webpack 概述 webpack 是什么 1、webpack 是一个现代 JavaScript 应用程序的静态模块打包器 (module bundle),当 webpack 处理应用程序时,它会递归的构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所 阅读全文
posted @ 2023-03-28 15:16
caix-1987
阅读(111)
评论(0)
推荐(0)
摘要:
模版语法 Vue 使用一种基于 HTML 的模板语法,使我们能够声明式地将其组件实例的数据绑定到呈现的 DOM 上 所有的 Vue 模板都是语法层面合法的 HTML,可以被符合规范的浏览器和 HTML 解析器解析 在底层机制中,Vue 会将模板编译成高度优化的 JavaScript 代码。结合响应式 阅读全文
posted @ 2023-03-28 15:06
caix-1987
阅读(92)
评论(0)
推荐(0)
摘要:
创建一个 Vue 应用 当前介绍如何在本地搭建 Vue 单页应用。创建的项目将使用基于 Vite 的构建设置,并允许我们使用 Vue 的单文件组件 (SFC) 确保已经安装了最新版本的 Node.js,然后在命令行中运行以下命令 npm init vite vue@latest 这一指令将会安装并执 阅读全文
posted @ 2023-03-28 15:04
caix-1987
阅读(258)
评论(0)
推荐(0)
摘要:
什么是 Vue Vue (发音为 /vjuː/,类似 view) 是一款用于构建用户界面的 JavaScript 框架 它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,可以高效地开发用户界面 无论是简单还是复杂的界面,Vue 都可以胜任 最基本的 阅读全文
posted @ 2023-03-28 15:04
caix-1987
阅读(259)
评论(0)
推荐(0)
摘要:
安装 node.js node.js 是一个 Javascript 的运行环境 一、node.js 是什么 ? Node.js 不是JS应用、而是JS运行平台 Node.js 采用C++语言编写而成,是一个 Javascript 的运行环境 1、node.js 不是一门语言,不是库,不是框架,只是一 阅读全文
posted @ 2023-03-28 15:03
caix-1987
阅读(92)
评论(0)
推荐(0)
摘要:
盒子模型概述 1、概念 浏览器会根据 CSS 基础框盒模型(CSS basic box model),将元素表示成矩形的盒子,CSS 决定这些盒子的大小、位置以及属性 2、盒子组成 每个盒子由 四 个区域组成 1、内容区域 content area 2、内边距区域 padding area 3、边框 阅读全文
posted @ 2023-03-28 14:56
caix-1987
阅读(220)
评论(0)
推荐(0)
摘要:
选择器 属性选择器 1、[attr]:选择包含 attr 属性的标签 2、[attr=value]:选择 attr 属性值为 value 的标签 3、[attr^=value]:选择 attr 属性值以 value 开头的标签 4、[attr*=value]:选择 attr 属性值包含 value 阅读全文
posted @ 2023-03-28 14:55
caix-1987
阅读(74)
评论(0)
推荐(0)
摘要:
普通流 文档流 流式布局 分为 1、普通流 2、定位流 3、浮动流 不同流内的 块级元素 和 行内元素 的 布局方式 不同 布局方式用 FC 格式化上下文 来命名 1、块级格式化上下文 【 BFC 】 2、内联格式化上下文 3、层叠格式化上下文 4、灵活格式化上下文 块级格式化上下文 BFC 什么是 阅读全文
posted @ 2023-03-28 14:53
caix-1987
阅读(121)
评论(0)
推荐(0)
摘要:
列表样式 1、list-style-type 2、list-style-position 3、list-style-image 列表样式解析 1、html 有三种类型的列表 1、无序列表 2、有序列表 3、自定义列表 2、设置列表标记有 序号 圆点 圆圈 图片 ... 3、list-style 简写 阅读全文
posted @ 2023-03-28 14:50
caix-1987
阅读(297)
评论(0)
推荐(0)
摘要:
字体样式 1、color 2、font-size 3、font-family 4、font-style 5、font-weight 字体样式解析 1、font-family 该属性用于设置字体 1、网页中常用的字体有宋体、微软雅黑、黑体等 如果字体名中包含 空格、#、$ 等符号,则该字体必须加英文状 阅读全文
posted @ 2023-03-28 14:45
caix-1987
阅读(162)
评论(0)
推荐(0)
摘要:
css 单位 css 单位主要分为 1、相对单位 2、绝对单位 相对单位 相对单位,是相对于当前元素的字号 font-size 或者视口 viewport 尺寸。 1、em: 1em 与当前元素的字体大小相同(更具体地说,一个大写字母 M 的宽度) CSS 样式被应用之前,浏览器给网页设置的 默认基 阅读全文
posted @ 2023-03-28 14:44
caix-1987
阅读(82)
评论(0)
推荐(0)
摘要:
颜色基本概述 1、颜色 颜色是指不能透过其他颜色的混合调配而得出的“基本色”,以不同比例将原色混合可以产生出其它的新颜色。 由于人类肉眼有 三种 不同颜色的感光体,因此所见的色彩空间通常可以由 三种 基本色所表达,这三种颜色被称为“三原色” 一般来说叠加型的三原色是 红色、绿色、蓝色 又称三基色,用 阅读全文
posted @ 2023-03-28 14:43
caix-1987
阅读(143)
评论(0)
推荐(0)
摘要:
概述 CSS样式优先级分为 两 大类 1、级联 2、继承 级联 CSS 级联 规则决定了 样式冲突 时 胜出 的样式,这 三条 规则按照优先级 从高到低 分别为 1、样式表来源 2、选择器优先级 3、代码顺序 样式表来源 优先级最高 如果来源一致,那么取决于 选择器 优先级(行内样式归纳到选择器这一 阅读全文
posted @ 2023-03-28 14:42
caix-1987
阅读(210)
评论(0)
推荐(0)
摘要:
css 选择器分类 一、基础选择器 1、ID 选择器 2、类选择器 3、通配符选择器 4、标签选择器 5、属性选择器 二、组合选择器 1、后代选择器 2、元素选择器 3、相邻兄弟选择器 4、通用兄弟选择器 5、交集选择器 6、并集选择器 三、伪类选择器 1、标记状态的伪类 2、筛选功能的伪类 四、伪 阅读全文
posted @ 2023-03-28 14:42
caix-1987
阅读(125)
评论(0)
推荐(1)
摘要:
css 概述 1、什么是 css css 即 层叠样式表 【 英文全称:Cascading Style Sheets 】 css 是一种用来表现 HTML 或 XML 等文件样式的计算机语言 CSS 不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化 2、网页组成 CSS 是 阅读全文
posted @ 2023-03-28 14:41
caix-1987
阅读(68)
评论(0)
推荐(0)
摘要:
html5 新增 网络监听接口 1、online 2、offline online 网络联通的时候触发这个事件 window.addEventListener("online", function () { console.log( "连接上网络了!" ) }) offline 网络断开的手触发这个 阅读全文
posted @ 2023-03-28 14:40
caix-1987
阅读(77)
评论(0)
推荐(0)
摘要:
html5 新增 Dom 操作类 1、classList 当前元素的所有样式列表 2、add() 添加类 3、remove() 删除类 4、toggle() 有就移出,没有就添加 5、contains() 是否包含某个类,包含返回 true,没有包含返回 false 6、item(n) 查看此项的第 阅读全文
posted @ 2023-03-28 14:37
caix-1987
阅读(49)
评论(0)
推荐(0)
摘要:
语义化标签 语义化标签概述 1、清晰易读 2、有利于SEO,方便搜索引擎识别页面结构 3、方便设备解析、比如盲人阅读 | 标签 | 特性 | | | | | header | 定义文档头部区域,一般用在头部 | | section | 定义文档中的一块区域,替代 div 布局 | | nav | 定 阅读全文
posted @ 2023-03-28 14:36
caix-1987
阅读(62)
评论(0)
推荐(0)
摘要:
HTML5基本概念 1、HTML5 并不是新的语言,而是HTML语言的第五次重大修改 2、支持 所有的主流浏览器(Chrome,Firefox,Safari),IE9 及其以上支持 HTML5,但是 IE8 及其以下不支持 HTML5 3、改变了用户与文档的交互方式:多媒体 【 video,audi 阅读全文
posted @ 2023-03-28 14:30
caix-1987
阅读(113)
评论(0)
推荐(0)
摘要:
html 发展史 1、HTML 1.0 (HTML/HTML+)超文本标记语言(第一版) ——在1993年6月发为互联网工程工作小组(IETF)工作草案发布(并非标准) 2、HTML 2.0 —— 1995年11月 作为RFC 1866发布,在RFC 2854于2000年6月发布之后被宣布已经过时 阅读全文
posted @ 2023-03-28 14:29
caix-1987
阅读(151)
评论(0)
推荐(0)
摘要:
单体内置对象 《JavaScript高级程序设计》:由 ECMAScript 实现提供的、不依赖于宿主环境的对象,这些对象在 ECMAScript 程序执行前就已经存在了。 开发人员无需显式地实例化内置对象,因为他们已经实例化了 如 Math 和 Global Math Math 是 Javascr 阅读全文
posted @ 2023-03-28 14:19
caix-1987
阅读(31)
评论(0)
推荐(0)
摘要:
基本包装类型 基本包装类型是 特殊的 引用类型 ECMAScript 提供了三种基本包装类型 Number String Boolean 每当读取一个基本类型值的时候,后台就会创建一个对应的基本包装类型的对象,从而可以调用属性、方法来进行后续操作 javascript 引擎后台创建了对应基本包装类型 阅读全文
posted @ 2023-03-28 14:16
caix-1987
阅读(65)
评论(0)
推荐(0)
摘要:
函数 — javascript的第一等公民 函数的多变来源于参数的灵活多变和返回值的多变 普通函数 — 如果参数是一般的数据类型或一般对象,这样的函数就是 通函数 高级函数 — 如果函数的参数时函数,我们称之为 高级函数 便函数 — 如果创建的函数调用另外一部分 (变量和参数已经预置)这样的函数就是 阅读全文
posted @ 2023-03-28 14:13
caix-1987
阅读(57)
评论(0)
推荐(0)
摘要:
概念 什么是对象: 对象就是一组“键值对”(key-value)的集合,是一种无序的复合数据集合。 let obj = { name: "caixin", age: 35 } 创建对象的方式 new Object() let obj = new Object(); obj.name = "caixi 阅读全文
posted @ 2023-03-28 14:11
caix-1987
阅读(54)
评论(0)
推荐(0)
摘要:
1、概述 1、所有数组实例都继承于 Array.protoptype 2、所有的数组方法都定义在 Array.prototype 身上,和其他的构造函数一样,你可以通过扩展 Array 的 prototype 属性上的方法来给所有数组实例增加方法。 3、还一个鲜为人知的事实:Array.protot 阅读全文
posted @ 2023-03-28 14:10
caix-1987
阅读(39)
评论(0)
推荐(0)
摘要:
1、作用域 作用域表示当前的执行上下文,值和表达式在其中可见或可被访问到的上下文。作用域决定了代码区块中变量和其他资源的可见性。 1、全局作用域 在代码中任何地方都能访问到的对象,拥有全局作用域。 window对象的属性、方法 定义在最外层的变量、函数、对象 未定义直接赋值的变量 2、局部作用域 局 阅读全文
posted @ 2023-03-28 14:08
caix-1987
阅读(75)
评论(0)
推荐(0)

浙公网安备 33010602011771号