摘要：
P31-P33 P31 复合选择器 P32 关系选择器 P33 属性选择器 交集选择器： 作用：选中同时符合多个条件的元素 语法：选择器1选择器2选择器3选择器n{} 注意点： 交集选择器中如果有元素选择器，必须使用元素选择器开头 div.red { font-size: 30px; } .a.b. 阅读全文
posted @ 2021-02-13 19:22
poetea
阅读(201)
评论(0)
推荐(0)
摘要：
P30 常用选择器 常用选择器 元素选择器： 作用：根据标签名来选中指定的元素 语法：标签名 {} 例子：p{}、h1{}、div{} id选择器： 作用：根据元素的id属性值选中一个元素 语法：#id属性值{} 例子：#box{}、#red{} <style> #red { color:red; 阅读全文
posted @ 2021-02-13 18:44
poetea
阅读(72)
评论(0)
推荐(0)
摘要：
P29 CSS的基本语法 CSS中的注释，注释中的内容会自动被浏览器所忽略。 CSS的基本语法： 选择器 声明块 选择器：通过选择器可以选中页面中的指定元素，比如 p 的作用就是选中页面中所有的 p 元素 声明块：通过声明块来指定要为元素设置的样式 声明块由一个一个的声明组成 声明时 名值对 结构， 阅读全文
posted @ 2021-02-13 18:33
poetea
阅读(53)
评论(0)
推荐(0)
摘要：
P27-P28 网页分为三个部分： 结构（HTML） 表现（CSS） 行为（JavaScript） CSS： 层叠样式表 网页实际上是一个多层的结构，通过CSS可以分别为网页的每一层来设置样式，而最终我们能看到的只是网页的最上边一层 总之一句话，CSS用来设置网页中元素的样式 使用CSS来修改元素的 阅读全文
posted @ 2021-02-13 18:25
poetea
阅读(81)
评论(0)
推荐(0)
摘要：
P25-P26 P25 内联框架 P26 音视频播放 内联框架 内联框架：用于向当前页面中引入一个其他页面。 src 指定要引入的网页的路径 frameborder 指定内联框架的边框 <iframe src="http://game.163.com/" width="800" height="60 阅读全文
posted @ 2021-02-13 18:02
poetea
阅读(129)
评论(0)
推荐(0)
摘要：
P18-P24 P18 语义化标签 P19 列表 P20 超链接 P21 相对路径 P22 超链接的其他用法 P23 图片标签 P24 图片的格式 结构化语义标签（Content sectioning） header 表示网页的头部 main 表示网页的主题部分（一个页面只会有一个main） foo 阅读全文
posted @ 2021-02-13 17:47
poetea
阅读(357)
评论(0)
推荐(0)
摘要：
P14-P17 在网页中编写的多个空格默认情况会自动被浏览器解析为一个空格。 在HTML中有些时候，我们不能直接书写一些特殊符号，比如：多个连续的空格，比如字母两侧的大于和小于号。 如果我们需要在网页中书写这些特殊的符号，则需要使用html中的实体（转义字符） 实体的语法： &实体的名字 比如： & 阅读全文
posted @ 2021-02-13 16:37
poetea
阅读(38)
评论(0)
推荐(0)
摘要：
P1-P13 浏览器和网页 前端工程师负责编写网页的源代码。 浏览器负责将网页渲染成我们想要的样子。 W3C的建立 伯纳斯李1994年建立了 万维网联盟（W3C） W3C的出现为了 定制网页开发的标准 ，以使同一个网页在不同的浏览器中有相同的效果 所以，我们编写的网页都需要遵循W3C的规范 网页的结 阅读全文
posted @ 2021-02-13 15:55
poetea
阅读(189)
评论(0)
推荐(0)
摘要：
工具：React Developer Tools 基于chrome浏览器 更多工具 \(\Rightarrow\) 扩展程序，左下角 “打开Chrome网上应用店”， 选择提供方为 Facebook 的。 在F12中多了 Components 和 Profiler。 阅读全文
posted @ 2021-02-13 15:02
poetea
阅读(58)
评论(0)
推荐(0)
摘要：
模块 理解：向外提供特定功能的js程序，一般就是一个js文件 为什么要拆分模块：随着业务逻辑增加，代码越来越多且复杂 作用：复用js，简化js的编写，提高js的效率 组件 理解：用来实现局部功能效果的代码和资源的集合（html/css/js/image等等） 为什么：一个界面的功能更复杂 作用：复用 阅读全文
posted @ 2021-02-13 14:56
poetea
阅读(40)
评论(0)
推荐(0)
摘要：
<script type="text/babel" > // 1. 创建虚拟DOM const VDOM = ( <div> <h1>前端js框架列表</h1> <ul> <li>Angular</li> <li>React</li> <li>Vue</li> </ul> </div> ) // 2 阅读全文
posted @ 2021-02-13 14:42
poetea
阅读(57)
评论(0)
推荐(0)
摘要：
JSX 全程 JavaScript XML react定义的一种类似XML的JS扩展语法：JS+XML jsx语法规则 定义虚拟DOM时，不要写引号。 标签重混入JS表达式时要用 {}。 样式的类名指定不要用class，要用className。 内联样式：要用 style={{key:value}} 阅读全文
posted @ 2021-02-13 12:53
poetea
阅读(46)
评论(0)
推荐(0)
摘要：
关于虚拟DOM： 本质是Object类型的对象（一般对象） 虚拟DOM比较“轻”，真实DOM比较“重”，因为虚拟DOM是React内部在用，无需真实DOM上那么多的属性。 虚拟DOM最终会被React转化为真实DOM，呈现在页面上。 阅读全文
posted @ 2021-02-13 12:28
poetea
阅读(93)
评论(0)
推荐(0)
摘要：
使用jsx创建虚拟DOM： <script type="text/babel" > /* 此处一定要写babel */ // 1. 创建虚拟DOM const VDOM = <h1 id="title">Hello,React</h1> /* 此处一定不要写引号，因为不是字符串 */ // 2. 渲 阅读全文
posted @ 2021-02-13 11:27
poetea
阅读(82)
评论(0)
推荐(0)
摘要：
中文官网：https://reactjs.org/ 英文官网：https://react.docschina.org/ 相关js库： react.js：React核心库 下载链接； react-dom.js：提供操作DOM的react扩展库 下载链接； babel.min.js：解析JSX语法代码转 阅读全文
posted @ 2021-02-13 11:12
poetea
阅读(45)
评论(0)
推荐(0)
浙公网安备 33010602011771号