- 博客(17)
- 收藏
- 关注
RSS订阅原创 v-if与v-show的区别
相同点：v-if与v-show都可以动态控制dom元素的显示与隐藏不同点：v-if 是真实的条件渲染，因为它会确保条件块在切换当中适当地销毁与重建条件块内的事件监听器和子组件。v-if 也是惰性的：如果在初始渲染时条件为假，则什么也不做——在条件第一次变为真时才开始局部编译（编译会被缓存起来）。v-show 元素始终被编译并保留，只是简单地基于 CSS 切换。v-if 是直接向D...
2019-10-10 17:04:25
93
原创 Module模块
模块：一个模块就是一个js文件 如果定义了一个模块，模块里面的参数或者变量，外部是不能够访问，要进行访问，就要暴露这个变量 通过export 关键字暴露模块 通过import 关键字引入模块引入模块时，在script标签里的type设置为 type = “module”暴露变量 格式：暴露一个变量var 变量 = 值; expor...
2019-09-11 21:38:04
137
原创 ES6 字符串、数值、数组的扩展
字符串的扩展includes(str) : 判断是否包含指定的字符串 包含返回true 不包含返回false<script> var str = 'abcdefg'; console.log(str.includes('d')) // true console.log(str.includes('def')) // true console.log...
2019-09-11 21:34:23
105
原创 ES6 Class
面向对象：声明一个类： 关键字 class 类名{ }类名命名规范：首字母大写 不能用中文和数字以及关键字通过class定义类，实现类的继承在类中通过constructor定义构造方法 魔术方法 实例化的时候 自动调用通过new来创建类的实例通过extends(继承)来实现类的继承来实现类的继承通过super调用父类的构造方法重写从父类中继承的一般方法类里面...
2019-09-11 21:31:43
76
原创 ES6 箭头函数
箭头函数中：()=>{} 等价于 function () {}<script> /* 箭头函数： 第一种：没有参数，且只有一条语句输出 可以省略{} */ let fun = ()=>console.log("我是fun箭头函数"); fun(); // 第二种：有一个参数，有且只有一条语句输出 可以省略{}和return...
2019-09-11 19:30:05
63
原创 ES6 Iterator 遍历器
概念：iterator是一种接口机制，为各种不同的数据结构提供统一的访问机制。作用：为各种数据结构，提供一个统一的，简便的访问接口。使得数据的成员能够按照某种次序排列。ES6创造了一种新的遍历命令for of循环，iterator接口主要供for of使用for(变量名 of(关键字) 循环的内容){｝支持iterator接口的数据：Arrar、arguments、se...
2019-09-10 21:11:42
90
原创 ES6 Promise对象
1、Promise对象：代表了未来某个将要发生的事件（通常是一个异步操作），一般是结合ajax;2、有了promise对象，可以将异步操作以同步的流程表达出来，避免了层层嵌套的回调函数（俗称"回调地狱"）； ES6的Promise是一个构造函数，用来生成promise实例；Promise对象的三种状态：pending:初始化状态fullfilled:成功状态rejected:失败状...
2019-09-10 20:24:36
75
1
原创 ES6 Symbol
SymbolES6中引入了一种新的原始数据类型Symbol，表示独一无二的值，是JS语言中的第七种数据类型。前六种是：数值（Number）、字符串（String）、布尔值（Boolean）、null、undefined、对象（Object）格式：let a = Symbol() 实例得到Symbol数据类型特点：Symbol数据类型代表唯一 ， 类似于idSymbol数据...
2019-09-10 19:25:50
68
原创 ES5
严格模式：设立严格模式的原因：消除JavaScript语法的一些不合理、不严谨之处，减少一些怪异行为；消除代码运行的一些不安全之处，保证代码运行的安全；提高编译器效率，增加运行速度；为未来新版本的JavaScript做好铺垫。严格模式与非严格模式的区别：严格模式：声明严格模式必须在程序的顶部声明变量必须用var关键字<script> "use strict...
2019-09-09 20:09:56
160
原创 事件
事件基础事件函数：当事件被触发时调用的函数<script> obj.onclick = function(){} // onclick后面的函数就是事件函数 obj.onclick = function(){ fun() // 事件函数 }</script>事件对象:当事件发生的时候，浏览器会将事件相关信息保存在内置...
2019-08-21 21:18:37
110
原创 数组 与 Math
数组的作用：使用单独的变量名来存储一系列的值。数组可以存储任意数据类型的数据。数组的创建：字面量方式创建 构造函数创建<script>//字面量方式创建:将数组元素放在[]中，数组元素可以很直观的看到 var arr = [1,2,'s',[],{}];// 构造函数创建：前面需要new关键字，后接函数名，函数名首字母大写</script><s...
2019-08-16 15:41:59
119
原创 时间对象与字符串对象
时间对象<script>// js 基于对象的 万物皆对象 var str1 = new String('zzz'); //通过new 关键字创建的 是对象obj console.log(typeof str1) // obj // Date() 日期对象 // 常用： 倒计时 ...
2019-08-14 21:51:45
77
原创 盒模型
字体缩进属性text-indent: 20px/2em/2rem;em:相对于父元素字体大小的参考单位rem:相对于html根标签的参考单位text-indent:-999px; 隐藏文本的另外做法css三大特性层叠性 ,继承性,优先级继承性: 1）、字体系列属性 font-family：字体系列 font-weight：字体的粗细 fon...
2019-08-14 11:23:36
101
原创 CSS基础
1:css在html文档中的引入行内引入 <div style="width:200px;height: 200px;background-color: aqua">第一个div</div> <div style="width:200px;height: 200px;background-color:red">第二个div</div>...
2019-08-14 11:23:10
101
原创 链接&表格&表单
1:无序列表ul>li2:有序列表排名 ol>li ol order list3:自定义列表dl>dt标题+dd每一条数据4:超链接标签<a></a> anchor 锚点 (1)链接使用href : 链接地址target: 控制链接的打开方式_self 默认打开方式 在本页打开_blank 在新页面打开&l...
2019-08-14 11:22:04
135
原创 HTML基础
1:HTMLHTML:Hyper Text Markup Language 超文本标记语言**超：**不仅仅可以放文字，还可以插入图片，插入链接，视频，音频 .html**标记：**就是浏览器可以识别的文字和符号你常用的浏览器有哪些？浏览器：外壳+内核（分为渲染引擎html+css和js引擎；作用是解析html+css+js）1、Chrome 内核： Webkit B...
2019-08-14 11:21:14
94
原创 自定义属性与索引值
<ul> <li>html</li> <li>css</li> <li>javascript</li> </ul> <script> // for in 用来循环对象 // 语法 ：for(...
2019-08-14 11:20:06
162
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人