释义 | ||
---|---|---|
行块属性 | 1.行属性标签。 默认display:inline; 可以和其他行属性标签放置在同一行。 a, span, em, strong。 行属性标签的区域大小只由内容来撑开,width和height属性是无效的。 2.块属性标签。 默认display: block; 独占一行,div,p,h1~h6,ol,ul,li。 块属性标签默认宽度和父元素宽度保持一致,高度由内容撑开,但是可以通过width和height属性来改变。 3.行内块属性 默认 display:inline-block 可以和其他行属性标签以及行内块属性标签放置在同一行 可以通过css属性修改宽高,weight和height属性在此是有效的 |
是一个node 框架,运行于后端 | ||
B/S架构 | 什么是B/S架构 B/S架构的全称为Browser/Server,即浏览器/服务器结构。 Browser指的是Web浏览器,极少数事务逻辑在前端实现,但主要事务逻辑在服务器端实现。 B/S架构的系统无须特别安装,只有Web浏览器即可。 其实就是我们前端现在做的一些事情,大部分的逻辑交给后台来实现,我们前端大部分是做一些数据渲染,请求等比较少的逻辑。 B/S架构的分层: 与C/S架构只有两层不同的是,B/S架构有三层,分别为: 第一层表现层:主要完成用户和后台的交互及最终查询结果的输出功能。 第二层逻辑层:主要是利用服务器完成客户端的应用逻辑功能。 第三层数据层:主要是接受客户端请求后独立进行各种运算。 | |
express-art-template |
一个js运行时环境,以往我们的js只能运行于浏览器,现在也可以运行于node | ||
npm |
类库,里面是大量封装好的函数可供调用 | ||
ajax |
var a=Math.random()100 console.log(a>50?a:a+50) console.log(Math.random()50+50) Math.round(Math.random()*50+50)//四舍五入 Math.round(1.1)//四舍五入 1 Math.ceil(1,1)//向上取整 2 Math.floor(1,9)//向下取整 1 console.log(Number('100')) |
<label>标签专为<input>服务,为其定义标记, <label>标签的for属性规定<label> |
Flex(弹性布局) ,是一种响应式布局,能自动伸缩盒模型达到自适应的效果。通过display: flex 属性,可将元素声明块级弹性容器; |
||
盒模型 | Margin(外边距) - 清除边框外的区域,外边距是透明的。 Border(边框) - 围绕在内边距和内容外的边框。 Padding(内边距) - 清除内容周围的区域,内边距是透明的。 Content(内容) - 盒子的内容,显示文本和图像。 | |
animation动画 | 动画在前,调用在后,@keyframes | |
transform | 旋转,移动,缩放,(扭曲) | |
transition过渡 | 只有两帧,hover调用 | |
Text-decoration:none | 去下划线 | |
声明变量let | 跟var有何区别? | |
声明常量const |