南辞派

摘要： Flex是Flexible box的缩写,意为弹性布局,用来为盒模型提供最大的灵活性.任何一个容器都可以指定为Flex布局. 通过 display:flex样式声明为flex布局的元素成为容器,而容器中的所有初级子代元素称为项目 传统布局优缺点: 兼容性好、布局繁琐、不能很好的兼顾移动端. 存在局限 阅读全文

摘要： this指向解读: 1.函数外面的this，即全局作用域的this指向window。 2.函数里面的this总是指向直接调用者。如果没有直接调用者，隐含的调用者是window。 3.使用new调用一个函数，这个函数即为构造函数。构造函数里面的this是和实例对象沟通的桥梁，它指向实例对象。 4.箭头 阅读全文

摘要： 引言:typescript中为了使编写的代码更加规范,更有利于维护,增加了类型校验,在typescript中主要给我们设定了一下数据类型: 布尔类型(boolean)、数字类型(number)、字符串类型(string)、数组类型(array)、元组类型(tuple)、枚举类型(enum)、任意类型 阅读全文

摘要： 在Vue中,提供了许多指令用于帮助我们快速开发实现 (1)v-bind指令 ​ v-bind指令用于我们动态绑定属性值,当我们需要动态绑定一个元素对象的属性值时,就可以通过v-bind指令实现 ​ 语法: ​ v-bind:属性名称="vue实例对象中的属性变量" ​ 语法糖(简写方式): ​ :属 阅读全文

摘要： 组件的插槽是为了让我们封装的组件更加具有扩展性.让使用者可以决定组件内部可以展示那些内容. 1.普通插槽(匿名插槽) ​ 在默认情况下,我们在使用组件时,若是在组件中嵌套入其他内容,则是无效的,并不会显示出来.若想使得我们在组件中嵌套入的内容能够正常生效显示,这就需要使用组件插槽功能 ​ 默认情况下 阅读全文

摘要： 有时候我们在操作组件实现功能时,存在数据之间的传递,这就是组件间的通信 组件间的数据传递 1.组件间的通信 父传子 父传子的通信是通过父组件传递数据,然后子组件通过自身属性prop来进行接收数据,做相应的处理实现的. 方法:通过子组件的props属性进行传递. props属性设置数据内容变量的定义方 阅读全文

摘要： 在ES6中,为函数的实现以及其方法做了许多修改与添加. 1.函数参数默认值 在ES6中,我们可以在声明函数时,直接为其参数设置一个默认值. 带有默认值的函数参数 ​ function 函数名(参数名=默认值){ ​ ... 函数执行代码块 ​ } 注意: 当为函数参数声明默认值后,不能再在函数体内通 阅读全文

摘要： Proxy用于修改某些操作的默认行为,等同于在语言层面做出修改,所以属于一种'元编程',即对编程语言进行编程. Proxy可以理解成,在目标对象之前假设一层拦截,外界对该对象的访问,都必须先通过这层拦截,一次提供了一种机制,可以对外界的访问进行过滤和改写.Proxy这个词的原意是代理,用在这里表示由 阅读全文

摘要： Promise含义 Promise是ES6新增的一种异步编程的解决方案.所谓Promise,简单的说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果.从语法上来讲,Promise是一个对象,我们可通过它获取异步操作的消息.Promise提供各种方便进行异步操作处理的统一的A 阅读全文