HTML
牧之说前端
简简单单,分享一点基础,希望可以帮助到大家
展开
-
promise基操
promise是异步编程的一种方案,本质是一个构造函数,英文直译“承诺”(一诺千金,不可改变) promise有什么特点? 1、对象的状态不受外界的影响,有三种状态; 分别是pending(进行中),fulfilled(已成功),rejected(以失败) 2、异步编程在实际开发中是最常见的需求 异步编程控制持续一段事件的程序,他不是立即执行,有一部分在将来完成,还有即将完成的部分放在函数内(事件中,现在运行的是注册事件,将来执行事件的回调函数) Ajax中现在运行的是发送请求,将来执行的是on原创 2021-07-15 20:04:01 · 111 阅读 · 0 评论 -
Symbol 简叙
symbol是es6新增的一种原始类型。用作非字符串的属性全名。 你想理解符号吗? 想要理解符号,需要了解Javascript的基础类型Object是一个无序的集合,其中每个属性都有一个名字和一个值。属性名通常是(在es6之前 必须是字符串)字符串。但在es6之后包括es6版本,符号也可以作为属性名。 作为es6新贵,他有什么特别之处? 创建一个Symbol类型不需要用new操作符,否则会报错,因为生成的 Symbol 是一个原始类型的值,不是对象。直接let s = Symbol();测试s就是原创 2021-07-12 20:49:42 · 170 阅读 · 0 评论 -
2021-05-31
css多列布局 column-count 列数 属性 属性值:nmber; 属性值:数值加单位; column-rule 边框; column-fill:auto/balance ;auto 表示各列的内容自动补充;balance 均衡补充; column-span ;none 表示不跨列 ;all 横跨所有列,并定位在列的z轴之上; text-align:center; 使用在块元素上 ,块元素默认独占一行,宽度100%; column-width:列的宽度; column:100px原创 2021-05-31 19:42:21 · 129 阅读 · 0 评论 -
2021-05-30
怪异盒: box-sizing 属性允许你以特定的方式定义元素; 怪异盒模型:(又称ie盒模型):在低版本浏览器如果丢失了文本类型,触发ie盒模型; 属性值:content-box 默认 标准盒模型; border-box 怪异盒模型 特点:当盒子形成怪异盒模型之后,当前padding值不会撑大盒子; 标准盒模型由content+padding+border+margin组成;自身大小:content+padding+border;所占位置:content+padding+border+margi原创 2021-05-30 16:26:23 · 136 阅读 · 0 评论 -
2021-05-27
3d 景深:perspective:1200px(间距)在父级中使用;transfrom:perspective(1200px); 3d:transfrom-style:preserve-3d(默认是2d); 位移:transform:translate3d(tx,ty,tz);transfromz(t); 旋转:transfrom:rotatez(tx,ty,tz); 浏览器默认2d空间,需要自己设置z轴形成3d空间; transfrom3d(x,y,z);rotate(四个参数) x,y,z原创 2021-05-27 16:59:13 · 52 阅读 · 0 评论 -
2021-05-26
渐变和2d 线性渐变 属性:background 属性值:linear-gradinet(参数);线-变化; 参数 方向 ;颜色最少给两个 ,每一个参数都要用逗号隔开; 有兼容问题,需要加浏览器前缀,工作中一般不考虑,第一个参数to+空格 (结束的位置); 从一个角到另一个角 to+空格 结束的角 deg角度值 45deg; 考虑兼容问题的写法 从一个边到另一个边不能加to,直接书写开始的方向;角度 用90-标准写法deg; 径向渐变 属性background 属性值:background.原创 2021-05-26 19:10:06 · 80 阅读 · 0 评论 -
2021-05-25
css基础知识(选择器、文本、背景、边框) 逐渐增强和优雅降级: 逐渐增强: 保证基础功能,追加优化达到更好的客户体验 优雅降级:开始构建了站点完整功能,然后针对浏览器测试和修复,比如一开始使用css3的特性构建了一个应用,使其可以,在低版本浏览器使用 区别:优雅降级:从复杂到简单;逐渐增强:从基础到优化 css3中的选择器: 属性选择器: e[attr] e表示标签名称 []选中属性 ,attr属性 e[attr="value"]; ~包含同一个类名都会改变; ^从某某开始,从此开始.原创 2021-05-25 19:13:58 · 92 阅读 · 0 评论 -
2021-05-24
HTML基础知识 html5 新增标签 新增语意化标签 <header>页眉< footer>页脚< main>内容; 新增属性 placeholder 新增api(数据接口、操作)用于 七天免登录; 面试常考的十五个标签: section 内容区和div一样,建议在移动端使用 header 标题 页眉 nav 导航链接部分 子级元素可以接 li/a article 表示与上下文无关的内容 aside 在article之内的,与其相关的辅助信息 f.原创 2021-05-24 20:17:04 · 67 阅读 · 0 评论 -
2021-05-16
html重点集结 1、HTML发展史两个重要的环节,1993年创立,2014年xhtml、html合并并推出HTML5. HTML基础结构: <!DOCTYPE html> <html xmlns="http//:www.3w.org/1999/xhtml"> <head> 头部部分 </head> <body> 主体部分 </body> </html> 2、标题标签<h1><..原创 2021-05-19 18:32:48 · 112 阅读 · 0 评论