摘要: 属性的简洁表示. ES6 允许在大括号里面,直接写入变量和函数,作为对象的属性和方法。这样的书写更加简洁。 const foo = 'bar'; const baz = {foo}; baz // {foo: "bar"} // 等同于 const baz = {foo: foo} 上面的代码中,变 阅读全文
posted @ 2023-02-07 15:57 122www 阅读(49) 评论(0) 推荐(0) 编辑
摘要: 利用promise可以将异步操作以同步操作的流程表达出来,避免了层层嵌套的回调函数。此外,promise对象提供统一的接口,使得控制异步操作更加容易。 它是ES6的一个内置对象,实际上是一个构造函数。 1.介绍 1)promise有三个状态:Pending-promise的初始状态,等到任务完成或是 阅读全文
posted @ 2023-01-31 13:52 122www 阅读(63) 评论(0) 推荐(0) 编辑
摘要: 1.let和const和var (1)var 可以声明多次;let只能声明一次(2)var声明的变量往往会越域;let声明的变量有严格局部作用(3)let和const命令用于声明变量。let声明的变量是可变的,const声明的变量是不可变的。注意,如果const声明的变量指向一个对象,那么该对象的属 阅读全文
posted @ 2023-01-30 16:17 122www 阅读(82) 评论(0) 推荐(0) 编辑
摘要: 一. nzsm和nzspan nzSm必须和nz-col一起使用和nz-row同时使用是没有效果的,和nz-col使用的时候,上层可以不用设置nz-row也能生效。 <div nz-col [nzSm]="5"> <button nz-button [nzType]="'primary'" (cli 阅读全文
posted @ 2023-01-29 17:31 122www 阅读(334) 评论(0) 推荐(0) 编辑
摘要: 问题描述: 如下图所示权限开通的背景图片被下面的挤压了,给这个图片设置了高度为110px明显不生效, 解放方案: 对于设置了父元素为flex布局的子元素而言,如果没有设置flex-shrink,那么子元素可能会被它的兄弟元素所挤压,是的子元素的高度失效。当下面部分高度不够用时候就会 挤压到上面,使得 阅读全文
posted @ 2023-01-29 17:02 122www 阅读(1310) 评论(0) 推荐(0) 编辑
摘要: 一.容器的属性 flex-wrap属性:这个属性是设置在父元素身上的,它表明当父元素主线的长度不够是,就是容纳不下所有的子,那么子元素是否要换行。 属性值: nowrap(默认):不换行 wrap:换行,第一行在上方。用法举例 display: flex; flex-wrap: noerap; 经过 阅读全文
posted @ 2023-01-29 16:58 122www 阅读(18) 评论(0) 推荐(0) 编辑
摘要: Block formatting context:块级格式化上下文1.前言官方文档解释为:一个BFC区域包含创建该上下文元素的所有子元素,但是不包括创建了新的BFC的子元素的内部元素,BFC是一块块独立的渲染区域,可以将BFC看成是元素的一种属性,拥有了这种属性的元素就会使他的子元素与世隔绝,不会影 阅读全文
posted @ 2023-01-29 16:21 122www 阅读(32) 评论(0) 推荐(0) 编辑
摘要: 1.匿名插槽 就是定义的时候不带name的插槽,使用的时候也不用带name 总结: (1)一定要分清定义插槽和使用插槽格式。如上图A是在使用一个插槽的基础上再继续定义一个匿名插槽。 (2)匿名插槽的使用可以加template也可以不加,例如图B和图C,那三个元素有没有用template包裹都一样会生 阅读全文
posted @ 2022-07-09 14:28 122www 阅读(46) 评论(0) 推荐(0) 编辑
摘要: 一.前言 1.vue程序的运行过程:模板 -> 进行编译 -> 生成ast树 -> 数据绑定 -> 生成render函数 -> 成虚拟dom树 -> 真实dom树 模板:Vue的模板基于纯HTML,基于Vue的模板语法,我们可以比较方便地声明数据和UI的关系。 AST:AST是Abstract Sy 阅读全文
posted @ 2022-07-09 14:19 122www 阅读(189) 评论(0) 推荐(0) 编辑
摘要: 1.定义:Transform属性应用于元素的2D或3D转换。这个属性允许你将元素旋转,缩放,移动,倾斜等。 2.常用的属性值: (1)translate(移动): 这个属性值里面含有三个参数,依次表示x轴,y轴,z轴, 常用的translate属性的的用法介绍: 其中x,y,z的值可以为负数也可以为 阅读全文
posted @ 2022-07-09 13:58 122www 阅读(164) 评论(0) 推荐(0) 编辑