![](https://img-blog.csdnimg.cn/20190927151132530.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
三. 测开之前端(自用)
文章平均质量分 83
前端基础知识(html, css, js)小汇总
出处不详,经久不息
学习中......
展开
-
前端常用库:nanoid,用于生成字符串ID
1. 什么是nanoid?Nano ID 是使用 JavaScript 开发,一个小型、安全、对 URL 友好的唯一字符串 ID 生成器。2. 安装,导入3. 使用引用该库的示例如下:原创 2022-03-09 12:31:56 · 1744 阅读 · 0 评论 -
前端基础(八):React简介+面向组件编程+脚手架
目录1. React入门1.1 React简介1.1.1 官网1.1.2 特点1.1.3 高效的原因1.2 React的基本应用1.2.1 例子1.2.2 虚拟DOM和真实DOM1.2.3 关于虚拟DOM1.3 React JSX1.3.1 JSX1.3.2 渲染虚拟DOM (元素)1.4 模块与组件,模块化与组件化的理解1.4.1 模块1.4.2 组件1.4.3 模块化1.4.4 组件化2. React面向组件编程2.1 基本理解原创 2021-08-28 23:26:25 · 307 阅读 · 0 评论 -
前端基础(七):正则表达式
目录7. 正则表达式7.1 定义7.2创建正则表达式的对象7.3 正则表达式的方法7.4 使用字面量来创建正则表达式7.5 创建一个正则表达式,检查一个字符串是否有a或b7.6 字符串与正则表达式7.6.1 split()7.6.2 search()7.6.3 match()7.6.4 replace()7.7 常用正则表达式7. 正则表达式7.1 定义正则表达式用于定义一些字符串的规则。计算机可以根据正则表达式来检查一个字符串是否符合规则。.原创 2021-08-28 22:51:55 · 231 阅读 · 0 评论 -
前端基础(六):ES6
6. ES66.1 定义(1)ECMAScript = ES = 是一套标准,类似于HTML5, JS是实现。兼容性(2)ES6,IE10+,Chrome,FireFox,移动端,NodeJS 这些都是兼容的。(3)编译、转换:在线转换 browser.js = babel提前编译(4)ES6都有啥变动?变量函数数组字符串面向对象Promise, 用来做串行话的异步请求generator,把同步操作拆成异步操作模块化6.2 le...原创 2021-08-28 22:45:12 · 260 阅读 · 0 评论 -
前端基础(五):JSON
目录5. JSON5.1 定义5.2 语法规则5.3 JSON 数据- 名称和值5.4 JSON数据类型5.5 JSON文件5.6 JSON.parse()5.7 JSON.stringify()5.8 JSON对象5.9 JSON数组5. JSON5.1 定义JavaScript Object Notation(JavaScript 对象标记法), 是一种存储和交换数据的语法。交换数据当数据在浏览器与服务器之间进行交换时,这些数据只能是文本。原创 2021-08-28 22:30:06 · 208 阅读 · 0 评论 -
前端基础(四):JS(对象)
目录4. 对象4.1 对象定义4.2 创建对象4.3 对象的分类4.3.1 内建对象4.3.2 宿主对象4.3.3 自定义对象4.4 引用数据类型4.5 对象字面量4.6 函数4.6.1 函数的概念4.6.2 函数的参数4.6.3 函数的返回值4.6.4 return 子函数4.6.5 立即执行函数4.7 对象方法4.8 遍历对象中的属性4.9 作用域4.10 变量的声明提前4.11 This4.12 构造函数4.13原创 2021-08-28 22:08:26 · 353 阅读 · 0 评论 -
前端基础(三):JS(基本语法)
目录1. 第一个JS脚本2. JS编写位置2.1 第一种:类似CSS的内联方式2.2 第二种:在script标签中编写JS代码2.3 第三种:通过script标签引入外部js文件,跟CSS类似3. JS语法3.1 注释3.2 字面量和变量3.3 标识符3.4 数据类型3.4.1 定义3.4.2 分类3.5 类型转换(强制类型转换)3.5.1 定义3.5.2 将其他数据类型转换为String3.5.3 将其他数据类型转换为Number3...原创 2021-08-28 21:14:39 · 392 阅读 · 0 评论 -
前端基础(二):CSS
目录6. CSS6.1 三种样式6.1.1 第一种: 行内样式,内联样式 6.1.2 第二种:内部样式6.1.3 第三种:外部样式表6.2 CSS语法6.2.1 注释 6.2.2 选择器{声明块}6.3 CSS 选择器6.3.1 常用选择器6.3.2 复合选择器6.3.3 关系选择器6.3.4 属性选择器6.3.5 伪类选择器6.3.6 伪元素选择器6.4 样式的继承 6.5 选择器的权重6.6...原创 2021-08-28 20:24:01 · 167 阅读 · 0 评论 -
前端基础(一):HTML
目录1. 前端技术栈2. 分类2.1 C/S2.2 B/S3. 万维网历史4. VSCode工具5. HTML55.1 三个重点5.2 工具5.3 常用标签5.3.1 文档声明5.3.2 meta标签5.3.3 html实体5.3.4 语义标签5.3.5 行内元素/块元素5.3.6 布局标签5.3.7 列表5.3.8 超链接标签5.3.9图片标签 5.3.10 内联框架5.3.11 表格标签5.3.12 表单...原创 2021-08-28 20:00:55 · 446 阅读 · 0 评论