猪鼻青年-优快云博客

原创 ES6中的Promise

Promise 的含义 Promise 是异步编程的一种解决方案比传统的解决方案——回调函数和事件——更合理和更强大 Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理。 Promise对象的特点 Promise对象代表一个异步操作，有三种状态：pending（进行中）、fulfilled（已成功）和rejecte

2021-05-16 23:12:53 121

原创 ES6中的Symbol

Symbol 在学习es6之前我们js中一共有六大原始数据类型，它们分别是undefined、null、布尔值（Boolean）、字符串（String）、数值（Number）、对象（Object）。而在es6中引入了新的一种原始数据类型Symbol，Symbol表示独一无二的值，最大的用法是用来定义对象的唯一属性名。在ES5 中的对象属性名都是字符串，这容易造成属性名的冲突。为了根本上防止属性名的冲突。这就是 ES6 引入Symbol的原因。 Symbol 值通过Symbol函数生成。这就是说，对象的

2021-05-16 19:11:35 151

原创 ES6解构赋值2

字符串的解构赋值上一期我们讲了数组和对象的解构赋值，这一期我们讲解构赋值剩下的内容，首相从字符串的解构赋值开始。字符串也是可以解构赋值。而且，字符串会被转换成了一个类似数组的对象。 const [a, b, c, d, e] = 'hello'; a // "h" b // "e" c // "l" d // "l" e // "o" 类似数组的对象都有一个length属性，因此还可以对这个属性解构赋值。 let {length : len} = 'hello'; len // 5 以上就是字符串的

2021-05-16 17:36:28 135

原创 ES6变量的解构赋值

数组的解构赋值 1.用法首先es6是可以按照一定模式，从数组和对象中提取变量并进行赋值，这一步骤称为解构。‘’ 相比较于学习es6之前，我们都是直接指定赋值的。如下： let a = 1; let b = 2; let c = 3; 在学习es6之后，我们可以用es6的方法去给变量赋值。 let [a, b, c] = [1, 2, 3]; 从数组中提取值，按照对应的位置，对变量赋值。只要等号两边的模式相同，左边的变量就会被赋予对应的值。以下是我使用嵌套数组进行解构的案例： let [foo,

2021-05-12 22:37:44 180

原创 ES6的学习

ES6简介 ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，在 2015 年 6 月（所以也称为ECMAScript 2015）正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。 ECMAScript 和 JavaScript 的关系 1996年，网景公司经过浏览器大战 IE占领了大部分浏览器市场所以网景把JavaScript 交给了标准化组织形成了国际标准就出现了ECMAScript EC

2021-04-25 22:23:13 98

原创 mongdb的安装

mongdb简介最近写毕设用到mongdb，今天讲一下大致讲一下有关mongdb的安装。安装之前我们先大致了解一下mongdb是什么东西。 MongoDB是一个开源、高性能、无模式的文档型数据库，当初的设计就是用于简化开发和方便扩展，是NoSQL数据库产品中的一种。最像关系型数据库（MySQL）的非关系型数据库。 MongoDB 是由C++语言编写的，是一个基于分布式文件存储的开源数据库系统。在高负载的情况下，添加更多的节点，可以保证服务器性能。 MongoDB 旨在为WEB应用提供可扩展的高性能数

2021-04-25 20:48:25 231

原创原型的继承

回顾原型 prototype：函数的属性，属性值：默认是一个对象(普通的Object对象) proto: 所有对象的属性，默认情况下指向构造函数的原型什么情况下属性写在构造函数中，什么属性写在原型中？ function F(){ this.name = name; this.age = age; } // 方法写在原型中 F.prototype.say = function(){ } 原型链 Object.prototype.proto === null Function.pr

2021-04-07 00:34:18 93

原创原型链的学习

原型链每一个对象都有隐式原型，隐式原型的指向形成的链条，叫做原型链 Function的隐式原型指向自己的原型 Object的原型的隐式原型指向null 原型链的应用 w3c不推荐直接使用系统成员__proto__ Oject.getPrototypeOf(对象) 获取对象的隐式原型 var obj = new Object() // 拿到obj的构造函数 Oject.getPrototypeOf(obj).constructor Object.prototype.isPrototypeOf(对象) 判断

2021-04-07 00:32:31 117 1

原创认识构造函数

this关键字 this无法进行赋值全局作用域中，this指向window 函数作用域中，this执行取决于函数是如何被调用的直接被调用，this指向全局对象当作对象的属性被调用，this指向这个对象的构造函数使用字面量创建对象 var obj = {} 用函数去创建一个对象构造函数创建对象 new 构造函数构造函数的函数名使用大驼峰命名人为定义的构造函数内部，会自动创一个空对象，this执行这空对象，并且会自动返回这个对象构造函数中，如果出现return 如果是一

2021-04-07 00:28:08 114

原创 JavaScript作用域以及闭包

作用域链万物皆对象，函数也是一个对象 function test(){} test.name test.prototype 函数中隐式的属性 test.[[scope]] [[scope]]:执行期上下文对象的集合执行期上下文对象：当函数执行时，创建一个执行期上下文，定义了函数执行时的环境，函数每次执行时，执行期上下文都是独一无二的，所以每调用一次函数都会创建一个独立的执行期上下文，当函数执行完毕时，它所产生的执行期上下文会被销毁。 function a(){ function b(){ var b

2021-03-07 20:20:09 153

原创 JavaScript函数的进阶

JavaScript函数的进阶作用域全局作用域写脚本块中的代码全局作用于中声明的变量，会被提前到代码块的顶部进行定义，成为全局对象的属性函数作用域函数内部定义的变量，会被提升到函数代码块中的顶部，并且不会成为全局对象的属性函数中声明的变量不会造成全局污染，把每一个功能封装到函数中函数表达式函数表达式不会被提前声明,不会污染全局 // 字面量创建函数 // function test(){ // } var a = function test(){

2021-03-07 20:12:40 192

原创 js学习

编程语言 C C# C++ JAVA PYTHON JS PHP 分类：编译型语言特点：通篇编译后生成编译文件，程序执行编译后的文件代表： C C++ 解释型语言特点：读取一行翻译一行，不生成特定文件代表： JS 、 php 、 Python Java OAK语言 ## JavaSrcipt 运行在浏览器的脚本语言脚本语言：不需要编译，运行过程中由JS解释器（js引擎）逐行来解释并运行。单线程：同一时间只能干一件事儿引入方式第一种行内

2021-01-13 23:49:18 100

原创 css学习4

css学习4 CSS定位定位：根据我们给的 x y 位置对这个元素进行精准移动关键字 position 分类：相对定位绝对定位固定定位偏移量： top 上 left 左 right 右 bottom 下相对定位如果只给一个元素设置相对定位，则页面上没有任何反应相对定位是占据之前的位置的跟随着自己原来位置的左顶点进行位置偏移绝对定位如果只给一个元素设置了绝对定位，则该元素脱离文档流跟随着body的左顶点进行位置偏移特殊效果

2020-12-29 20:49:42 91

原创 css学习3

这里写自定义目录标题css学习3box-sizing普通流浮动流浮动概述清除浮动浮动引发的特殊效果浮动元素对父级元素带来的影响 css学习3 box-sizing 作用：重新制定元素框模型的计算方式元素边框内占地区域 = 左右内边距 + width 取值： border-box: 对盒子的占地区域进行了重新计算设置了width和height的值包含了内容+内边距+边框普通流行级元素不独占一行块级元素独占一行浮动流 1.文字环绕 2.块级元素横向排列关键字： float

2020-12-29 20:40:30 111

原创 css学习2

css3学习2 在css的学习中，最常用的就是就是选择器。所以这篇文章先选择器开始说。选择器基础选择器 id class 标签 * {}：通配符选择器在CSS中，同样使用 * 代表所有的标签或元素，它叫做通配符选择器。比如： { color : red; } 这里就把所有元素的字体设置为红色。会匹配所有的元素，因此针对所有元素的设置可以使用来完成，用的最多的例子如下： *{ margin:0px; padding:0px; } 这里是设置所有元素的外边距margin和内边距paddi

2020-12-22 19:54:33 97

原创 css学习

这里写自定义目录标题css学习颜色的表现形式尺寸标签CSS中的选择器选择器的命名规范 css学习这篇文章我们开始css的学习。首先我们先了解css一个什么的东西。 css就是层叠样式表（英文全称是Cascading Style Sheets)）。 css的作用是能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。一般css我们分为三个阶段：第一阶段行内样式表（首次提出结构和样式相分离) 用法：在标签内添加一个style属性第二阶段内部

2020-12-21 02:04:26 278

原创 html入门3

html 入门3 在前面经过了html文本、列表、表格的学习之后，我们现在进入第三部分的也就是表单的学习。表单表单的作用用于显示、收集用户信息，并且提交给服务器组成 1.表单元素 -------将信息提交给服务器 2.表单控件 --------负责接收用户的数据表单提交：点了提交按钮就会跳转到新的页面 form 代表的就是一个表单元素属性： action 设置提交表单的地址

2020-12-14 19:50:49 91

原创 2020.12.14 html入门

这里写自定义目录标题## html 入门font标签（已废弃）字体标签列表标签无序列表选项有序列表自定义标签表格标签1、表格的作用表格的高级运用 ## html 入门接着上次讲的html，我们进行html进一步学习.，我们首先讲一个font标签，主要用于这个标签主要用于字体样式的，虽然现在因为css的使用基本上已经废弃了，但是初学者还是可以稍微了解一下的。 font标签（已废弃）字体标签属性： size ： 1-7 从小到大一旦超过了7会出现和7

2020-12-14 19:24:10 244

原创 2020-12-07

html 入门做一名前端初学者，我觉得首先就是学会html。因为我觉得在前端的学习中html起一个框架的作用。众所周知一个完整的网页大概可以这样表示： html+css+js = 网页 html作为前端网页最基础的部分，是很能体现一个前端程序员的基础功底的，所以在html的学习也是尤为重要的。首先，我们先了解html的意思。HTML：Hyper Text Markup Language，我们可以称为超文本标记语言，是一种标识性的语言。而html的内容就是网页制作者放在页面上想要让用户浏览的信息，可以

2020-12-07 20:08:19 233

m0_52858459的博客