- 博客(20)
- 收藏
- 关注
RSS订阅原创 展开对ES6学习的第五天
ES6第四天promise复习promise的all方法promise的race方法异常穿透中断promise链条面试题js的运行以及宏任务与微任务promise的封装及其基本结构搭建promise复习说明：promise是ES6引入的一种异步编程方案，它大大的优化了传统的事件嵌套所产生的回调地狱，同时promise自身就是一个构造函数参数：在创建一个promise对象时需要传入一个执行器函数（executor），该函数带有两个参数（resolve和reject）特点：promise对象无论成功还
2021-04-06 18:59:57
94
原创 对Node学习的第二天
Node学习第二天文件流什么是流流的分类可读流(Readable)可写流(Writable)双工流为什么要流文件流的创建fs.createReadStream()参数返回值事件openerrorclosedataendrs.pause()rs.resume()fs.createWriteStream()参数返回值事件openerrorclosews.write()ws.end()rs.pope()文件流说明：内存数据与磁盘文件数据之间的流动什么是流说明：流是指数据的流动，数据从一个地方缓慢的流
2021-03-21 23:55:38
180
2
原创 对node的基本了解学习第一天
Node学习的第一天Node是什么js与浏览器的关系Node中的js与浏览器中的js的对比运行Node全局对象（global）浏览器中的setTimeout与Node中的setTimeout区别__dirname__filenameBufferprocesscwd()exit()argvplatfromkill(pid)envNode模块化绝对路径相对路径在相对路径中`加./`与`不加./`的区别后缀名文件名运行`node ./`module对象module.exports 与 exports 区别requ
2021-03-18 10:23:27
226
原创 展开对ES6学习的第四天
ES6第三天Symbolgetter与setterpromise初体验promise对象promise发送请求thencatch封装Ajax请求Symbol说明：当Symbol作为对象的键名去使用时若要取出这个键只能用Reflect.ownKeys()方法去取，该方法取出的键名会统一放在一个数组里或用Object.getOwnPropertySymbols()方法取，该方法的返回值也是一个数组，但是该数组成员只是由Symbol类型组成的案例演示 //创建一个带有Symbol作为键名的对象 l
2021-03-15 14:36:53
85
原创 展开对ES6学习的第三天
ES6第二天canvas绘图之半圆双飞翼布局Set集合数组去重对象语法糖函数的补充class静态成员父类属性重写Symbolcanvas绘图之半圆说明：canvas绘图的画布大小由自身的属性去规划（width和heigth，可以不用带单位），一般绘图用2d画笔去绘制，由beginPath()开始至closePath()结束，由stroke()描线案例演示 let html = `<canvas id="myCanvas" width="500" height="500"></c
2021-03-14 22:43:55
141
2
原创 展开对ES6学习的第二天
es6第一天冒泡排序ArrayFrommapreducefilterfindIndex模板字符串字符串方法实例方法字符串标记码点冒泡排序代码展示 function sort_arr(arr){ for(let i = 0; i <= arr.length-1; i++){ //开始排序 let flag = true for(let j = 0; j <= arr.length-1-i; j++){ if(arr[j]>arr[j+1]){ [
2021-03-12 18:53:40
119
1
原创 展开对ES6学习的第一天
ES6学习第一天面试题let声明变量const声明变量箭头函数解构赋值扩展运算符伪数组转换为数组find方法面试题说明：体现js的单线程加事件队列，同步任务优先执行，异步任务会有等待时间习题测试 //下列代码输出什么 for(var i = 0;i < 10;i++){ setTimeout(()=>console.log(i)) } //输出十次10 //那么下面的代码输出什么 for(let i = 0;i < 10;i++){ setTimeout(()
2021-03-12 18:42:19
90
原创 es6待续
关于新增的ES6那些事儿相比ES6之前的新增了些啥？新增的内容都有些什么用？如何理解这些新增的内容？相比ES6之前的新增了些啥？ 新增的内容不算多但也不少，语法上有新的变量关键字，事件的观察模式，事件的监听，对于以前的一些构造函数的简单封装，箭头函数，类的引入。新增的内容都有些什么用？ 新的变量关键字，const、let拥有了只属于自己的作用域，不会有很强烈的变量提升，将常量与变量简单的区分开，事件的观察模式可以更好的实时更迭新的内容，封装的构造函数就是简化了许多繁琐的步骤，为开发者更容易的去理解
2021-02-20 23:47:34
60
原创 HTML5新增具有代表性的十大新特性
HTML5新增的十大新特性前言一、HTML5是什么？二、HTML5新增具有代表性的`十大新特性`有哪些1.语义化标签常用的语义化标签及其各部分解释作用2、新的表单类型及对应的新属性新的表单类型1、邮箱验证2、数值输入3、文件导入案例：及时预览图片4、图片按钮5、颜色选取6、日期表示7、语义化的搜索框8、手机号码输入框9、网页地址输入常见的表单的新属性1、placeholder2、required3、autofocus4、autocomplete5、3、前言HTML 是超文本标记语言（英语：HyperT
2020-12-19 18:45:16
1393
原创 利用数组的方法实现对数据的增删查改
奇妙的运用数组的方法添加数据删除数据查看数据修改数据indexOf()与lastIndexOf()的区别添加数据方法：push()、unshift()push()方法，向数组的最后一位添加新的元素，并返回得到新的数组长度案例实现 var arr = [1,2,3,4,5,6] var len = arr.push('xiaoming') console.log("添加后的新的数组：" , arr) console.log("新的数组长度：" , len)效果展示新的数组内添加了xi
2020-11-28 18:21:54
642
原创 函数的闭包浅易理解
闭包函数闭包的阐述函数闭包的阐述通常在函数内可以随意拿取函数外的值，但是函数外的拿不了函数内的值，即函数内的局部变量在函数体外是取不到的，若想拿到函数内的局部变量就得通过函数的闭包去实现了闭包：一个具有作用域隔离特性的一个内存结构特点：可以在函数外拿到函数内声明的变量举例<script> function fn(){ var num = Math.random() function foo(){ return num } return foo } var
2020-11-13 18:55:56
138
原创 元素的隐藏以及其阐述各种隐藏后的不同效果
隐藏不必要的位置给需要的元素主要的手段通过元素的样式调整即可不改变元素本身基本样式时进行元素隐藏改变元素本身基本样式时进行元素隐藏主要的手段通过元素的样式调整即可需要操作的属性有：display、visibility、position、opacity、filter、overflow、transform不改变元素本身基本样式时进行元素隐藏display:none; 元素隐藏，同时该元素下的子元素也会一并隐藏，并且在页面上不占据空间，需要显示时添加display:block;即可代码展示<
2020-11-12 21:41:34
212
原创 background-image的特殊用法
@[TOC]background-image用法及介绍background-imagebackground-image二级目录三级目录新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入background-image二级
2020-11-09 20:19:13
3378
原创 margin坍塌事故
@[TOC]margin（盒子的外边距）margin（外边距）margin的值margin的上下margin相遇margin的坍塌解决办法方案一：给父级一个透明的上边框；方案一：给父级一个内容距离上边的内边距为1px；方案三：给父级设置overflow：hidden；或者overflow：auto；*特殊情况：如果给body设置overflow：hidden；无效，那么就给html和body都设置overflow：hidden；或者overflow：auto；盒子模型的核心组成部分之一：margin（
2020-10-31 12:51:33
151
原创 html的form表单
@[TOC]form表单的提交欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。form表单：用于提交简单信息时所列的一个表单提交方式有两种：post和getpost提交方式是通过加密之后进行的传输信息get提交方式是直接发送信息，没有加密的提交路径为：action指定的action提交路径在没有服务器的时候可以看作为跳转路径
2020-10-27 13:46:51
320
原创 js中的强制转换类型与隐式转换类型的区分
@[TOC]数据类型的相互转换简述数据类型的转换是不会改变原始的数据，返回的值必定是一个新的数据强制转换转换数值（number）类型Number(value)在保留字符串的基础上转换字符串中的所有数字，如果该字符串中有除数字外的其他值则返回NaN//纯数值的字符串var num1="1.345"//输出转换后的值console.log(Number(num1))//返回1.345且为number类型//参带字母的字符串var num2="233abc"//输出转换后的值co
2020-10-24 10:49:34
363
原创 渐变轮播图的实现
@[TOC]渐变轮播图实现原理简述渐变轮播图主要的实现方式就是通过改变每个要显示的li的透明度进行一个缓慢的视觉效果，代码部分在css样式上可能相对于要比其他的轮播图较详细代码解读部分html结构部分<div class="box"> <ul id="boxUl"> <li>img1</li> <li>img2</li> &l
2020-10-23 08:33:58
843
原创 数组排序
@TOC遍历数组元素并排序从大到小的排简单的遍历数组元素用for循环就可以很简单的实现代码实现// 封装一个传参的函数function sortMax(arr) { //外层循环用于检测每一个数组元素 for (var i = 0; i < arr.length-1; i++) { //内层循环用于比较每一个元素 for (var j = 0; j < arr.length-1-i; j++) { if(arr[j] > arr[j+1]){ var k
2020-10-22 08:08:33
67
原创 论述css布局之定位特点
不知名的小菜鸟一、css的三大布局有哪些二、解读1.标准流2.浮动3.定位一、css的三大布局有哪些示例：可简单分为这三个：标准流，浮动，定位二、解读1.标准流简单的说标准流就是所写的内容按自身的特性进行排列的一种布局，这种布局一般是起草稿的，后面需要搭配其他的布局方式一起使用。2.浮动简单的说浮动就是可以改变一些元素自身的特性，并可以随意改变他的排列方向，这种布局虽然好用但是他不适合对单个元素操作。3.定位定位，与浮动很类似，但是定位更偏向于对单个元素进行操作，特别是某些元素需
2020-10-05 00:47:49
235
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人