熊猫241

基本概念 1.容器—有容器属性(container) 2.项目—有项目属性(items) Grid布局（网格布局） 顾名思义将区域划分为一个一个的格子来布局，功能强大,但兼容性不如flex布局。 使用

一、FlexBox（弹性盒布局） 一种新型的、可控制子级盒子，对其进行集体操作的一种排版方式，比起常规流来讲操作更为便捷。 要使用弹性盒，必须先将一个元素设置为弹性容器 （父盒子）通过display设

本次实战主要采用弹性布局和定位 一、Flex（弹性盒布局） 一种新型的、可控制子级盒子，对其进行集体操作的一种排版方式，比起常规流来讲操作更为便捷。 可以控制子级盒子的： 摆放的流向 摆放的顺序 盒子

布局（Layout）是什么 确定内容的大小和位置的算法 依据元素、容器兄弟节点和内容等信息来计算 布局的相关技术 常规流 行级(如：span) 块级(如：div） 表格布局 FlexBox Grid布

一、为什么要学习TS 1、对比JS TypedScript JavaScript JS的超集，用于解决大型项目的代码复杂性 一种脚本语言 强类型，支持静态和动态模型 动态弱类型语言 可在编译期间发现并

响应式系统与React 一、React的设计思路 1、UI编程痛点 状态更新，UI不会自动更新，需要手动的调用DOM进行更新。 欠缺基本的代码层面的封装和隔离，代码层面没有组件化。 UI之间的数据依赖

为什么要学习Webpack 理解前端“工程化”概念、工具、目标 一个团队总要有人有会Webpack，可成为核心竞争力 高阶前段必经之路，实现“模块化和一致性” 一、什么是Webpack 我们都知道前端