童童童ing-CSDN博客

原创 Node的核心模块

fs模块是用来操作文件的模块，提供了一系列的方法和属性，用来满足用户对文件的操作需求下面是fs的用法案例最开始的文件如图经过js处理之后，写入一个新文件终端运行结果如图 path模块是用来处理路径的模块，提供了一系列方法和属性，用来满足用户对路径的处理需求。该案例实现对一个HTML文件分离，把css和js单独分离出来 1.path.join（）实现路径拼接 2.path.basename()获取对应文件的名称加后缀名 3.path.dirname()获取该文件夹的路径名 4.path.parse

2022-06-27 19:50:48 434 1

原创 ES6语法（2）

允许直接在大括号里面直接放入变量和函数作为对象的属性和方法函数参数初始化 es6允许给函数参数赋初始值 1.形参初始值，具有默认值的参数，一般位置要靠后有初始值情况下，不传参数，会自动使用默认值。 2.与解构赋值相结合...

2022-06-27 16:57:42 257

原创 ES6语法（1）

let变量声明的特点 1.变量不能重复声明 2.块及作用域，变量只在代码块内有效 3.不存在变量提升，不允许变量声明之前使用 4.不影响作用域链 const常量声明的特点 1.一般要赋初始值，在声明时 2.一般常量名大写 3.值不能修改 4.块级作用域 5.对数组或对象元素修改，不算做对常量的修改，不会报错。因为此时常量指向一个地址，只要地址值不变，就不会改变从数组或对象中提取值，对变量进行赋值 1.数组的解构 · 2.对象的解构【注意】此时arr2与arr内的元素会一致改变，而arr1不会随

2022-06-27 16:34:23 237

原创面向对象与原型

1.使用Object 2.json创建 3.工厂模式 4.构造函数原型和原型链原型—prototype 定义：该类的公共存储空间，用于节省内存，只要是函数解析器都会向函数中添加一个prototype属性。当访问对象的某个属性或方法时，先在自己的构造函数中xunzhao9，如果没有，就在自己的原型中寻找，如果没有就找原型的原型，一直找到Object的原型，这样形成的一个链条。【注意】 this的情况 1.当以函数的形式调用时，this是window 2.当以方法的形式调用时，谁调用方法，this就是

2022-06-27 15:58:06 463

原创 js---构造函数

构造函数就是一个普通的函数，区别就是首字母大写，调用方式不同执行流程 1.立刻创建一个新对象 2.将新建的对象设为函数中的this 3.逐行执行代码 4.将新建对象作为返回值返回【注意】 1.使用同一个构造函数创建的对象称为一类对象 2.使用instanceof可以检查一个对象是否是一个类的实例 3.所有对象都是Object的实例 4.构造函数执行一次就会创建一个新方法，造成内存浪费垃圾：当一个对象没有任何变量和属性对他进行引用，将无法对它进行操作，此时就是垃圾产生的问题：程序运行过程中也会产生垃圾，

2022-06-14 21:48:33 182 1

原创 AJAX获取数据

局部刷新数据，不刷新页面的情况下，提交获取数据原生 jQuery 同步与异步同步：上一个任务结束，下一个任务开始，比如alert弹窗异步：多个任务按顺序开始，不按顺序结束，比如下载任务

2022-06-14 21:23:48 1537

原创 js---正则表达式

1.RegExp构造函数 2.使用字面量格式：正则.方法（字符串）返回一个布尔值，方法用于匹配字符串，匹配成功返回true，失败返回false1.返回匹配结果，发现匹配，就返回一个以每个匹配成功的字符串组成的类数组集合，否则返回null 2.方法属性：在正则表达式中，某个字符只表示它的字面含义，如/a/匹配a 除字面量字符以外，还有一部分字符有特殊含义，不代表字面意思，叫“元字符”，如果要匹配他们本身的含义，需要在它们前面加上反斜杠进行转义。有以下字符： 2.位置字符表示以

2022-06-14 20:36:31 972

原创 DOM0&&DOM2

DOM0&&DOM2DOM0级事件DOM2级事件 DOM0级事件 1.所有浏览器都支持 2.事件只能注册一次，后边的会覆盖旧的 3.注册在html上添加：<div onclick="alert('hello')"></div> 匿名函数：d.οnclick=function(){}(this指向自身) 普通函数：οnclick=“ok()” 相当于动态调用，this指向window,没有事件参数e的传递 DOM2级事件 IE： attachEvent(ev

2022-06-14 17:23:57 146

原创阻止默认&阻止冒泡

阻止默认&阻止冒泡默认事件冒泡事件默认事件什么是默认事件默认事件是元素默认会触发的事件，比如当你进入网页，右击鼠标会冒出菜单栏怎么阻止默认事件发生 e.preventDefault(); <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">

2022-05-25 20:35:09 382

原创 JS-----触屏事件

触屏事件触摸事件（兼容DOM）触摸列表触摸事件（兼容DOM） touchstart当手指触屏时触发 touchmove当手指在屏幕上滑动时连续触发 touchend当手指从屏幕上移开时触发 touchcancel当系统停止跟踪触摸时触发触摸列表每个触摸事件包含三个触目列表 1.touches当前跟踪的触摸操作的Touch对象的数组 2.targetTouches特定于事件目标的Touch对象的数组 3.changeTouches自上次触摸以来发生哪些改变的Touch对象的数组每个touch对象包

2022-05-25 17:45:22 622

原创存储---cookie&localStorage&sessionStorage

存储---cookie&localStorage&sessionStoragecookie1.cookie的构成cookie的限制js中的cookie本地存储1.window.localStorage----本地存储2.window.sessionStorage---会话存储 cookie 1.cookie的构成名称：一个唯一确定cookie的名称值：储存在cookie中的字符串值路径：指定域中的指定路径域：cookie对于哪个域是有效的失效时间：cookie何时应该被删除的时间

2022-05-25 17:27:46 126

原创 event事件---UI事件

UI事件事件类型 UI事件不一定与用户操作有关事件类型 load：当页面完全加载后在window上触发，图片也可以触发load事件 resize:当窗口大小变化时在window触发 scroll:当用户滚动带滚动条的元素中的内容时，在该元素上面触发读者可运行该案例，自己体会 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv=

2022-05-22 15:08:22 261

原创 event事件---键盘事件

键盘事件事件类型键码事件类型 keydown当用户按下键盘上的任意键时触发，按住不动将重复触发 keyup 当用户释放键盘上的键时触发 keypress当用户按下键盘上的字符键时触发，按住不动将重复触发键码 event.keyCode-----键码 event.charCode-----ASCII编码形式展示，需通过String.fromCharCode()方法转换（IE9以下不支持）结合此案例了解这些事件 <!DOCTYPE html> <html lang="en"&g

2022-05-22 14:44:01 634

原创 event事件---鼠标事件

鼠标事件事件类型坐标位置事件类型 onclick单击事件 ondblclick双击事件 oncontextmenu右键菜单 onmouseover移入 onmouseout移出 onmouseenter移入 onmouseleave移出 onmousedown按下 onmouseup抬起 onmousemove移动坐标位置 screenX在屏幕中的X坐标 screenY在屏幕中的Y坐标 clientX表示事件发生时鼠标指针在视口中的水平坐标（不包含滚动距离）（相对于body） clientY表示事

2022-05-22 14:16:35 285

原创 js---BOM

BOMwindow对象窗口位置窗口大小打开窗口window子对象screen对象location对象navigator对象history对象 window对象窗口位置 1.screenLeft返回浏览器窗口左上角相对于当前屏幕左上角的水平距离，不兼容火狐； 2.screenTop返回浏览器窗口左上角相对于当前屏幕左上角的垂直距离，不兼容火狐 3.screenX功能同screenLeft，兼容火狐 4.screenY功能同screenTop。兼容火狐窗口大小 innerWidth返回网页在当前窗口中可见

2022-05-19 11:51:54 354

原创 js---Math对象

Math对象绝对值---Math.abs()向上取整---Math.ceil()向下取整---Math.floor()四舍五入---Math.round()最大值---Math.max()最小值---Math.min()随机数---Math.random() 绝对值—Math.abs() 接受一个参数，返回绝对值 <script> var a=-1; a=Math.abs(a); console.log(a); </script> 向上取整—Math.ce

2022-05-08 09:26:20 287

原创 js---函数

函数1.反转字符串2.判断是否是回文3.数组去重4.判断一个数是否是质数5.字符串处理 1.反转字符串 function reverseString(string) { // 1.string---->array var array = string.split(''); // 2.反转array array = array.reverse(); // 3.array---->string var

2022-05-06 16:40:14 133

原创 js---运算符

运算符比较运算符三目运算符逻辑运算符运算符优先级条件判断语句比较运算符 1.==只比较内容如：0==0 yes 0==‘0’ yes 2.===既比较内容，又比较数据类型 0===“0” no 3.!=或者<>不等于 4.!==恒不等于 5.> 大于 6.< 小于 7.>= 大于等于 8.<= 小于等于三目运算符三目运算符 var author = "李白"; author === "白居易" ? alert('嘈嘈

2022-05-05 21:16:42 130

原创 js---标签属性操作

标签属性操作 1.对背景颜色的操作 <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> &lt

2022-05-05 20:31:32 613

原创 ES5---基础语法2

ES5---基础语法2运算符算数运算符赋值运算符数据类型转换强制类型转换隐式转换基本函数使用运算符完成一系列操作的符号算数运算符 +，-，*，/，++，–，% 赋值运算符 +=，-=，*=，/=，%=，= var a=1; var b=2; a+=b; // 等同于a=a+b 此时a=3 数据类型转换强制类型转换 1.强制成整数 parseInt(n) var n=1.3; console.log(parseInt(n)); 2.强制成浮点数 parseFl

2022-05-04 21:11:47 202

原创 ES5--基础语法

ES5--基础语法代码规范常用的数据结构数据类型代码规范 1.JS中的一切都区分大小写。如变量名，函数名，操作符 2.标识符（变量名，函数名，属性名，函数的参数）按下列规则组合首字符必须是字母，下划线_或者$ 其他字符可以是字母，数字，下划线，￥建议使用驼峰命名法见名知意 3.注释块注释：/*代码*/ /* 逻辑运算符*/ 单行注释：// // 字符串比较的是ASCLL值 // if ('a' > 'b') { // console.log("ok")

2022-05-04 20:22:51 1153

原创 HTML+css之动画特效

动画一、

2022-04-28 20:01:33 779

原创 HTML5新增标签

HTML5新标签一、结构标签二、表单元素三、多媒体标签一、结构标签 article:定义文章，一般用于论坛帖子，博客文章，新闻故事，评论 aside:定义文章的侧边栏 section：定义文档的某个区域，一般用于章节，头部，底部 nav:定义导航部分 header:定义section或者document页眉，一般用于文章内容介绍，导航链接器的容器 footer:定义section或者document页眉，一般用于文档创建者姓名，文档的版权信息，使用条款的链接，联系信息等 details：定义展开详细内容

2022-04-27 21:13:15 226

weixin_64804275的博客