自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(18)
  • 收藏
  • 关注

原创 promise红绿灯

promise红绿灯

2023-08-22 14:05:38 124

原创 Json转树形结构

【代码】Json转树形结构。

2023-08-22 14:03:09 387

原创 ES6-ES11

let 变量申明1.变量不能重复声明2.块级作用域(1.全局,函数,eval(es5的严格模式下))if else while for 循环语句声明的都存在块级作用域3.不存在变量提示4.不影响作用域链const 定义常量1.一定要赋初始值2.一般常量使用大写(潜规则)3.常量的值不能修改4.块级作用域5.对于数组和对象的元素修改,不算对常量的修改,不会报错ES6允许按照一定模式从数组和对象中提取值,对变量就行赋值,这被称为解构赋值1.数组的结构const F4 =

2021-11-24 14:08:01 582

原创 HTML和CSS的知识点总结

VSCode编辑器VS code下载地址:https://code.visualstudio.com/如何安装插件:语言包,open in browser view in browser学习编辑器的基本使用(增删改文件)ctrl + s 保存ctrl + c 复制ctrl + v 粘贴ctrl + x 剪切ctrl + z 撤销shift + end 选中一行 shift + homeshift + alt + ↑/↓ 快速复制一行alt + ↑或↓ 快速移动一行

2021-11-23 14:41:21 333 1

原创 初始ES6

一.ES6入门1.ES6是一个泛指,含义是5.1版本以后的JavaScript的下一代标准Node.js是JavaScript的服务器运行环境,它对es6的支持度更高2.BableBable是一个可以将es6转换为es5代码的转换器Bable的安装npm install --global babel-cli安装预设并添加配置文件 .babelrcnpm install --save-dev babel-presets-latestbabel的转化、babel a.js --out-fi

2021-09-27 18:58:39 67

原创 JavaScript(正则表达式)

1.正则表达式的创建字面量创建var reg = /abc/;构造函数创建var reg = new RegExp(“正则表达式”,“修饰符”);模式修饰符i(ignoreCase):匹配时忽略大小写m(multiline):多行匹配g(golbal):全局匹配2.正则表达式实例方法exec:用来匹配符合正则表达式的字符串,如果匹配到,返回值是一个result数组,否则返回null[匹配的内容,index:在字符串中的起始位置,input:参数字符串,groups:undefined]

2021-09-09 19:30:54 136

原创 JavaScript函数

1.函数的创建字面量创建function foo(){ } 构造函数创建 var foo = new Function() 2.函数的内部属性arguments 保存函数实参的一个类数组对象calle:是arguments对象的一个成员,仅当相关函数执行时才可用this:表示面向对象中党店对象的一个引用1.在方法中,this指向该方法所属对象2.单独使用时,this指向全局(浏览器中指向widow,node中指向global)3.在函数中,thi

2021-09-09 19:30:23 72

原创 JavaScript对象

1.对象的创建字面量方式var obj = {}构造函数方式var obj = new Object();遍历对象中的属性for infor(var key in obj){console.log(obj[key]);}删除对象中的属性delete.obj[name]2.Object显示类型转换(强制类型转换)1.Boolean(给定值转换为Boolean型)string 非空字符串都会转为true 空字符串会转为false’number 任

2021-09-09 13:21:10 70

原创 JavaScript的基本运算符及类型转换

1.算术运算符(+ - * / %(取余数))2.一元运算符(+ - ! ++ – delete typeof void)+:数字的相加,字符串的拼接-:变负数!:取反++:自增++放前面,先自增,再赋值++放后面,先赋值,再自增–:自减(同上)!:取反delete:删除数组或对象中对应索引的值注:如果delete删除数组中的值后,该索引处的元素被删除了,但是位置还在(empty item)typeof:对于基本数据类型都会准确返回(注:null是返回的是ob

2021-09-09 11:25:51 243

原创 初识JavaScript

1.javascripts的组成部分ECMAScripts:描述了该语言的语法和基本对象文档对象模型(DOM):描述处理网页的方法和接口浏览器对象模型(BOM):描述与浏览器进行交互的方法和接口特点:1.解释性语言(js->nodejs解释器)2.弱类型语言(变量的数据类型取决于值的类型)3.顺序执行(自上而下)4.既可以做前端的脚本语言,也可以作为后端语言,取决于应用平台使用位置:可以在body中也可以在head中区别:body部分中的JavaScript会在页面加载完毕后被执行

2021-09-08 19:29:37 58

原创 创建对象(JavaScript的工厂模式,构造函数,原型模式以及组合模式)

下面展示一些 内联代码片。//工厂模式创建对象 使得代码更像一个整体 但是还是没有解决代买的冗余问题function person(name,age){//返回值给对应创建的实例接收return {name:name,age:age,sayName:function(){//谁调用这个函数,this的指向就为谁console.log(this.name);}}}var p1 = person(“zhangsan”,14);var p2 = person(“lisi”,12)

2021-09-02 19:13:26 78

原创 重写数组的API

pop方法删除数组的最后一个元素,并返回这个元素var arr = [1,3,5,7,9];Array.prototype.mypop=function(){var lastchild=this[this.length-1];if(this.length==0){return undefined;}else{this.length–;}return lastchild;}var a = arr.mypop();console.log(a,arr)push方法向数组末尾添加一个或多

2021-08-31 18:12:46 102

原创 JavaScript的基本的For循环

JavaScript的基本的For循环1.冒泡排序function bubbleSort(arr) {var len = arr.length;//外层控制循环多少趟for (var i = 0; i < len-1; i++) {//内层控制每一趟的循环次数for (var j = 0; j < len - 1 - i; j++) {// 相邻元素两两对比,元素交换,大的元素交换到后面if (arr[j] > arr[j + 1]) {var temp = arr[j

2021-08-27 10:02:22 280

原创 2021-08-07

1.什么是cssCSS (Cascading Style Sheets) 层叠样式表,是一个用于修饰文档(可以是标记语言HTML,也可以是XML或者SVN)的语言,可以将文档以更优雅的形式呈现给用户。HTML和CSS的区别HTML是网页网络内容的载体 html只有一个作用添加语义CSS是对内容的表现2.CSS的引入方式行内样式(吧CSS样式直接现在html的标签中)缺点:样式与结构冗余优点:优先级较高内部样式(把样式写到head的style标签中)缺点:样式的复用率较低优点:样式与结

2021-08-07 14:37:00 76

原创 2021-08-07

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar

2021-08-07 14:34:21 59

原创 W3CH5新增元素

1.H5新增元素 -datalist标签 <input type="text" list="xxx"> <datalist id="xxx"> <option>输入的内容</option> </datalist> 作用: 给输入框绑定待选项 操作:input的list属性的值与datalist的id值相等-progress <prog...

2021-08-04 18:40:59 155

原创 初识列表元素

1.列表元素 无序列表 ul li 班级与同学/城市的关系 给一堆数据添加列表语义,并且一堆数据中所有的数据无先后之分 <ul> <li>要展示的数据</li> </ul>type: <ul type="value"></ul> disc 默认值 实心圆 circle 空心圆 square 实心方块 有序列表 ol li 给一堆数据添...

2021-08-04 18:39:34 224

原创 Html文档

1.Web的第一门编程语言:JavaScript html:标记语言2.html、css 、js的关系: 网页三要素: html:素颜的脸 网页框架构建 结构 CSS:化妆的脸 样式设置 表现 JS:会哭会笑的脸 事件、动态 行为3.HTML 生成文档结构的快捷键: !(英文)/ html:5 注释:ctrl+/ command+/ <!-- --> 注释不显示在界面上,作用是开发人员用来提示代码区域内容,...

2021-08-04 18:38:28 88

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除