目录 一、前言 二、CSS的复合选择器 1、后代选择器 ①、语法 ②、注意事项 2、子选择器 ①、语法 ②、注意事项 3、并集选择器 ①、语法 ②、注意事项 4、链接伪类选择器 ①、语法 ②、注意事项 三、CSS元素显示模式转换 1、转换为块元素display:block 2、转换为行内元素display:inline 3、转换为行内块元素display:inline-block 四、CSS背景属性 1、背景平铺 2、背景图片位置 3、背景图像固定（背景附着） 4、背景颜色的半透明 五、CSS的三大特征之一-继承性 1、行高的继承性...

目录 一、前言 二、精灵图 1、什么是精灵图 2、为什么需要精灵图 3、精灵图的使用 ①、创建CSS精灵图的步骤 1）、选择合适的图标 2）、合并图片 3）、设置背景定位 ②、优化CSS精灵图的技巧 1）、维护方便 2）、考虑Retina屏幕 3）、使用CSS预处理器 ③、使用精灵图核心 3、精灵图案例 三、CSS三角 1、实现四个三角 2、实现一个三角 3、实现直角三角形 4、案例实现 四、CSS用户界面样式 1、更改用户的鼠标样式cursor ①、属性样式 2、表单轮廓outline 3、防止表单域拖拽resize 五、vert...

目录 一、前言 二、盒子模型 1、盒子模型组成 1.1、border边框 1.1.1、边框的三部分组成 1.1.2、边框复合简写 1.1.3、边框分开写 1.1.4、表格的细线边框 1.2、padding内边距 1.3、margin外边距 1.3.1、外边距水平居中 1.3.2、外边距合并 1.3.3、嵌套块元素垂直外边距的塌陷 1.3.3.1、解决方案 1.3.4、清除内外边距 2、圆角边框 3、盒子阴影 4、文字阴影 三、CSS浮动 1、浮动 1.1、标准流（普通流/文档流） 1.2、浮动特性 2、清除浮动 四、总结 一、前言 ...

目录 一、背景 二、思路 三、过程 1、主要的业务逻辑 2、解决问题的思路 四、总结 五、面向对象的好处 一、背景   以下流程图是给用户发送调查问的整体流程，将不必要的业务逻辑放到前端进行处理。这样导致逻辑混乱难以维护。前后端分离的其中一个目的是将功能的样式放在了前端将功能的业务逻辑放到了后端来处理。 二、思路   明确业务逻辑，对于业务逻辑的明确可以使用UML图的方式进行梳理和整理，这样我们对宏观就有了一个了解，一张图胜过千言万语。梳理前端的功能样式和功能样式对应的后端接口。把需要的运算和复杂复杂处理的业务逻辑放到后端，对于数据的渲染传给前端直接显示即可。不需要接收到消...

目录 一、何为State 二、如何定义State 三、如何判断是否为State 四、如何正确使用State 1、用setState修改State 2、State的更新是异步的 ①、代码示例 3、State更新会被合并 ①、组件状态例子 ②、当只需要修改状态title时，只需要将修改后的title传给setState ③、React会合并新的title到原来的组件状态中，同时保留原有的状态content 4、setState里顺序更新 五、根据State类型更新 1、状态的类型是不可变类型（数字，字符串，布尔值，null，undefined） 2、状态的类型是数...

目录 一、何为React 二、React与传统MVC的关系 三、React的特性 1、声明式编程 ①、实现标记地图 2、高效灵活 3、组件式开发(Component) ①、函数式组件 ②、类组件（有状态组件） ③、一个组件该有的特点 4、单向式响应的数据流 四、虚拟DOM 1、传统DOM更新 ①、举例讲解 2、虚拟DOM ①、举例讲解 五、创建React项目并编写React第一个应用程序 1、创建React项目 ①、在目标文件下cmd进行创建 ②、成功结果说明 ③、运行项目 2、编写React第一个应用程序 六、React和Vu...

目录 一、前言 二、索引定义 三、有哪两部分组成？ 四、常用的索引类型 五、索引的优点 1.提高数据检索效率 2.减少数据读取量 3.优化数据库性能 4.降低系统资源消耗 5.可以帮助保证数据完整性 六、创建索引用到的语法格式  七、聚集索引的特点和功能 1、特点 2、功能 八、非聚集索引 九、非聚集索引与聚集索引的两大区别 1.数据排序方式不同 2.存储方式不同 十、总结 一、前言         在数据库中，索引是一种重要的数据结构，用于加速数据的检索操作，提高查询性能。本文将深入探讨数据库索引的...

目录 一、前言 二、JSX介绍 三、JSX原理 1、DOM结构示例 2、HTML的JSX结构示例 3、编译之后的代码 四、为什么使用JSX 1、JSX的特点 2、JSX的书写规范 五、JSX的使用 1、嵌入JS表达式 2、条件渲染 3、列表渲染 ①、arr.map() 六、组件 1、类组件 ①、实例化组件 2、函数组件 3、组件样式 ①、行内样式 ②、使用class 七、总结 一、前言 此博文将讲解一个有趣的标签语法，它既不是字符串也不是HTML，它被称为JSX，是一个JavaScript的语法扩展，建议在React中配合使用JSX，J...

目录 一、前言 二、定位组成 1、定位模式 1.1、静态定位static ①、语法定义 ②、特点 1.2、相对定位relative ①、语法定义 ②、特点 ③、代码示例 1.3、绝对定位absolute ①、语法定义 ②、特点 ③、代码示例 1）、没有祖先元素或者祖先元素没有定位 2）、祖先元素有定位 1.4、固定定位fixed ①、语法定义 ②、特点 ③、代码示例 ④、固定定位算法 1.5、粘性定位sticky ①、语法定义 ②、特点 ③、代码示例 1.6、定位叠放次序z-index ①、语法定义 ②、特点 三、定位总结 ...

目录 一、前言 二、React元素事件处理与DOM元素区别 三、React绑定事件与HTML绑定事件写法区别 1、HTML通常写法 2、React中写法 四、React绑定事件的四种方式 1、直接在render()里写行内的箭头函数（不推荐） 2、在组件内使用箭头函数定义一个方法（推荐） 3、在render()方法中，使用bind绑定this（不推荐） 4、在constructor里bind(this)（推荐） 五、React事件传参 1、使用方式一、方式三传递参数 2、子组件中修改参数 ①、子组件 ②、父组件 六、总结 一、前言 在React中，事件是组...