©著作权归作者所有:来自万象专栏作者卍MONK。的原创作品,请联系作者获取转载授权,否则将追究法律责任
前端名词表
导读:名词释义行块属性1.行属性标签。 默认display:inline; 可以和其他行属性标签放置在同一行。 a, span, em, strong。..
名词 释义
行块属性
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属性在此是有效的
express
是一个node 框架,运行于后端
B/S架构
什么是B/S架构 B/S架构的全称为Browser/Server,即浏览器/服务器结构。 Browser指的是Web浏览器,极少数事务逻辑在前端 实现,但主要事务逻辑在服务器端实现。 B/S架构的系统无须特别安装,只有Web浏览器即可。 其实就是我们前端现在做的一些事情,大部分的逻辑交给后台来实现,我们前端大部分是做一些数据渲染,请求等比较少的逻辑。 B/S架构的分层: 与C/S架构只有两层不同的是,B/S架构有三层,分别为: 第一层表现层:主要完成用户和后台的交互及最终查询结果的输出功能。 第二层逻辑层:主要是利用服务器完成客户端的应用逻辑功能。 第三层数据层:主要是接受客户端请求后独立进行各种运算。
express-art-template
解析html
node
一个js运行时环境,以往我们的js只能运行于浏览器,现在也可以运行于node
npm
是一个社区,也是一个工具
jQuery
类库,里面是大量封装好的函数可供调用
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')) console.log(parseInt('100px'))
label干嘛的,label的for有啥要求
<label>标签专为<input>服务,为其定义标记, <label>标签的for属性规定<label>与哪个表单元素绑定
弹性布局
Flex(弹性布局),是一种响应式布局,能自动伸缩盒模型达到自适应的效果。通过display: flex属性,可将元素声明块级弹性容器;
盒模型
Margin(外边距) - 清除边框外的区域,外边距是透明的。 Border(边框) - 围绕在内边距和内容外的边框。 Padding(内边距) - 清除内容周围的区域,内边距是透明的。 Content(内容) - 盒子的内容,显示文本和图像。
animation动画
动画在前,调用在后,@keyframes
transform
旋转,移动,缩放,(扭曲)
transition过渡
只有两帧,hover调用
Text-decoration:none
去下划线
声明变量let
跟var有何区别?
声明常量const
不可改变,但是数组和对象可以
更多文章请关注《万象专栏》
转载请注明出处:https://www.wanxiangsucai.com/read/cv80116