摘要:
一.webpack的介绍 webpack是针对模块化打包的工具,不仅仅是打包,他还能对模块化的项目进行处理;比如模块化规范的CommonJS,AMD等等浏览器是不认识的,而webpack能够上述的标准进行解析成浏览器能认识的代码,并且他还能处理模块间的依赖关系; 顺便也说一下webpack的打包功能 阅读全文
摘要:
在ES6的模块化开发中,一个JS文件就相当一个模块,其他JS文件想要使用模块中的数据,模块必须export导出,其他JS文件进行import导入才行。 第一步,先引入对应的JS文件,通过script标签,不过不能单单用script标签,如果是这样的话此时各个JS文件还不是一个模块,得设置一个type 阅读全文
摘要:
在早期前端是没有模块化这个概念的;这个就会导致前端团队在开发时出现一个弊病,我举个例子: 前端开发团队有2个人,小红和小明,小红创建了一个xh.js,里面有一个var flag = false的变量;小明也创建了一个xm.js,里面也有一个var flag,但他是var flag =true;但其他 阅读全文
摘要:
父组件想要在自个的模板中使用子组件的data数据,有3种方式: 1. 子组件发送事件:主动方是子组件 2. 父组件获取子组件的对象,通过this.childredn或refs,但这种方式大多是用在scirpt代码里面,在template模板中并不适用 3. 插槽作用域的方式获取,该方式能在templ 阅读全文
摘要:
在上一篇讲了插槽的基本使用,但是现在又有了新的需求了,一个组件中有3个插槽,只想替换中间的插槽,另外两个默认即可,那该如何替换呢?具名插槽就派上用场了,说简单点就是给插槽取个名字,当插入元素的时候说明要插入的是哪个插槽即可,代码如下: <body> <div id="app"> <ccomponen 阅读全文
摘要:
之前我们使用的组件他的拓展性是特别差的,因为组件的内部标签是固定写死的,就会导致这个组件的复用性很差,比如一个导航栏组件,他里面的组成部分是根据需求不同而定的,因此里面的标签不能写死,而插槽的出现刚好能解决这个问题,一个组件里面预留几个空间,根据需求往里面填充不同的标签,这就是插槽 下面我们看下代码 阅读全文
摘要:
在实际开发中,我们是需要在父组件中去获取子组件实例对象,记住是子组件的实例对象,比如说子组件是<cpn></cpn>,在父组件使用了3次,那就有3个子组件实例。 获取子组件的方式有两种:$children 和 $refs $children的使用如下: $children很少用,因为他是获取当前父组 阅读全文
摘要:
可参考如下链接: https://blog.csdn.net/jiangyu1013/article/details/83855476 阅读全文
摘要:
#拼接字符串 SELECT CONCAT(`name`,intro) FROM edu_teacher; #查看某字段的字节数 SELECT intro,LENGTH(intro) FROM edu_teacher; #查询字段的字符长度 SELECT intro,CHAR_LENGTH(intro 阅读全文
摘要:
单例模式在编码时,可分成 饿汉和懒汉; 饿汉式:当类进行初始化的时候,为该类分配内存,并创建对象。 懒汉式:当类进行初始化的时候,对象不创建,等到使用的时候才创建。 写饿汉式,记得如下: 1. 保证单例,即构造方法得私有 2. 变量需要是 static 和 final ,并且为变量直接创建对象(st 阅读全文