- 博客(23)
- 收藏
- 关注
RSS订阅原创 es6——three——字符串的扩展(多康康）
1. 字符的Unicode表示法只限于\u0000~`\uFFFF``之间的字符，超过范围的，需要用两个双字节的形式表示。"\u0061"// "a""\uD842\uDF87"// "吉"如果在\u后面跟上超过0xFFFF的数值，只要将码点放入大括号，就能正确解读该字符。"\u{20BB7}"// "????"2.字符串的遍历器接口详情见《Iterator》一章，使得字符串可...
2020-02-04 11:09:40
293
原创 es6——two——变量的解构赋值
变量的解构赋值1.数组的解构赋值ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构let a = 1;let b = 2;let c = 3;ES6允许写成这样：let [a, b, c] = [1, 2, 3];如果解构不成功，那么变量的值就等于undefined不完全解构let [x, y] = [1, 2, 3];x // 1y // 2...
2020-02-02 10:25:50
250
原创 es6——one——let/const
let1.let只能在let命令所在的代码块内有效。 { let a = 1; var b = 2; } a b结果显示：b：2；a不存在；2.不存在变量提升，let一定要先声明再使用3.暂时性死区：在这个代码块里存在let命令的话，那么他所声明的变量就不受外部的影响var tmp = 123;if(true) { te...
2020-01-31 10:46:56
174
原创 Vue——Three
slot(留坑插槽）内置的组件slot就是子组件里给DOM留下的坑<子组件>DOM</子组件>slot动态的DOM、props是动态的数据<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="vi...
2019-12-17 19:24:02
305
1
原创 Vue——组件生命周期
参考链接组件的生命周期所有的生命周期钩子自动绑定 this 上下文到实例中，因此你可以访问数据，对属性和方法进行运算。这意味着你不能使用箭头函数来定义一个生命周期方法 (例如 created: () => this.fetchTodos())。这是因为箭头函数绑定了父上下文，因此 this 与你期待的 Vue 实例不同，this.fetchTodos 的行为未定义。beforeC...
2019-12-05 20:28:37
189
原创 Vue——TWO
v-指令v-model 只能给具备value属性的元素进行双向数据绑定（必须使用的是有value属性）v-bind可以给任何属性赋值，是从vue到页面的单向数据流 new Vue({ el:'#app', template:` <div> <input type="text" v...
2019-12-01 22:01:22
171
转载 在浏览器地址栏输入URL，按下回车后发生了什么
URL是什么意思url是统一资源定位符，对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示，是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的URL，它包含的信息指出文件的位置以及浏览器应该怎么处理它。当我们输入URL，发生了什么？用一个例子来说明把。当我们打开https://datura900607.github.io/home-automation/ 这个网页的时候发生...
2019-11-21 14:01:17
260
原创 Vue.js——ONE（v-指令）
Vue.js 优点1. 体积小压缩后33k；2. 更高的运行效率基于虚拟Dom，一种可以预先通过JavaScript进行各种计算，把最终的DOM操作计算出来并优化的技术，由于这个DOM操作属于预处理操作，并没有真正的操作DOM，所以叫做虚拟DOM。3.双向数据绑定让开发者不用再去操作dom对象，把更多的精力投入到业务逻辑上。4.生态丰富、学习成本低...
2019-11-20 19:00:03
713
原创 es6字符串的拓展
字符串拓展字符串的表示法论表示一个字符我们可以使用的方法有什么？'\z' === 'z' //true'\172' === 'z' //true' \x7A' === 'z' //true' \u007A'==='z' //true' u{7A}'=== 'z' //true 上面描述的方法都是可以用表示字符的。在ES6中加强了对Unicode的支持，允许采用\ux...
2019-10-13 22:26:17
170
原创 js对象
JavaScript对象的使用方法对象是由属性和方法封装而成的，所以属性的引用就是使用“.”，通过上下标的方式引用对象方法的引用:ObjectName.methods();一、HTML DOM对象当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）1.DOM操作HTML改变HTML输出流 <script> docum...
2019-09-29 20:31:28
251
原创 ES6 函数的扩展
ES6 之前，不能直接为函数的参数指定默认值，只能采用变通的方法。function log(x, y) { y = y || 'World'; console.log(x, y);}log('Hello') // Hello Worldlog('Hello', 'China') // Hello Chinalog('Hello', '') // Hello World上面代...
2019-07-30 20:22:02
140
原创 localstorage
WEB应用的快速发展，是的本地存储一些数据也成为一种重要的需求，实现的方案也有很多，最普通的就是cookie了，大家也经常都用，但是cookie的缺点是显而易见的，其他的方案比如：IE6以上的userData，Firefox下面的globalStorage，以及Flash的本地存储，除了Flash之外，其他的几个都有一些兼容性的问题。localStorage用于持久化的本地存储，除非主动删除数...
2019-06-30 15:15:01
1086
转载 DOM-one
DOMDOM（文档对象模型）是针对HTML和XML文档的一个API（应用程序编程接口）。DOM描绘了一个层次化的节点树，允许开发人员进行添加，移除和修改页面的某一部分。节点层次DOM可以将任何HTML和XML的文档描绘成一个有多个节点构成的结构，这个层次结构可以被叫做文档树。节点之间的各种关系可以用传统的家族关系来描述，相当于把文档树比作家谱。比如<html> &l...
2019-06-23 20:05:32
252
原创 内存泄漏
内存泄漏：应用程序不再需要占用内存的时候，由于某些原因，内存没有被操作系统或可用内存池回收。常见的四种引起内存泄露的情况：1.意外的全局变量：如果在函数内使用一个未曾声明的变量，则这个变量为直接定义在window下的全局变量；(同样的使用this.bar，也为window.bar) //一个未声明的变量的引用在全局对象中创建了一个新变量 //在浏览器的环境中，全局对象是wi...
2019-06-16 18:38:38
124
转载 CSDN-markdown
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...
2019-06-16 18:01:48
89
转载 原型链
原型什么是原型每个函数都有一个原型对象(prototype)，它是一个属性也是一个指针，指向一个对象。当所有对象有一共有的属性时，就可以用prototype添加，不用一个一个的重复添加。Person.prototype.name = "Xiaoming";Person.prototype.age = 18;function Person(){}var person1 = new P...
2019-06-09 20:49:51
108
原创 js基础知识点，深浅拷贝,
1. 布尔值中：undefined、null、NaN、“ ”（无内容字符串）、0、false显示出false。2.&&与运算符中，由左至右判断，当为假时直接输出第一个值，为真时判断下一个，全真才为真。（ || 全假才为假） var a = 0 && 2; document.write(a); 输出显示为 ：0 var a = 1 &...
2019-06-02 21:34:40
166
原创 js变量，运算符，预编译
JavaScript简介JavaScript 是一种轻量级的编程语言。JavaScript 是可插入 HTML 页面的编程代码。JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。JavaScript 由 Brendan Eich 发明。它于 1995 年出现在 Netscape 中（该浏览器已停止更新），并于 1997 年被 ECMA（一个标准协会）采纳。因此也可以...
2019-05-26 16:47:07
210
原创 两栏布局，三栏布局，格式化上下文
两栏布局1. float + margin-left使用float：left，将左边块的位置固定，再margin-left；将左边框的位置空出来，构成两栏布局。 <div class="left"> 123 </div> <div class="right"> 456 </div> *{ margin: ...
2019-05-19 16:05:20
258
原创 Git
首先，选择一个合适的地方，创建一个空目录$ mkdir learngit$ cd learngit$ pwd/c/Users/QWJ/learngit第二步，通过git init命令把这个目录变成Git可以管理的仓库：$ git initReinitialized existing Git repository in C:/Users/QWJ/.git/使用Notepad++创...
2019-05-12 20:05:31
364
原创 居中和transform属性
行级元素居中水平居中：text-align：center；垂直居中：line-height：（xx）px；line-height的值要和height的值相同才能实现垂直居中块级元素居中水平居中：设置边距margin:0px auto;将块级元素设为行级元素都进行居中 display:inline;ul{ text-align:center;}li{ displ...
2019-04-28 18:56:06
1053
原创 Markdown
1.字体设置输入内容显示效果类型字体设置字体设置正常*字体设置*字体设置斜体**字体设置**字体设置加粗_字体设置_字体设置斜体***字体设置****字体设置斜体加粗~~字体设置~~字体设置下划线2.标题大小# 标题## 标题### 标题#### 标题##### 标题###### 标题“#”后面要加空...
2019-04-21 14:50:05
156
原创 HTML+CSS的部分属性及使用
样式表的三种引入外部样式表link rel=“stylesheet” type=“text/css” href=“mystyle.css”内部样式表style内联样p style=“color:red;margin:20px”三种样式表的引入通常使用外部样式表和css一起标签的三种用法超链接百度超链接中会自带下划线可以用text-decoration-line: no...
2019-04-14 21:07:28
480
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人