- 博客(19)
- 收藏
- 关注
RSS订阅原创 Node中的模块
一、核心模块（安装Node.js自带）常见的核心模块有：http, fs, url, path.二、自定义模块自己实现的js代码注意：路径必须以 ./ 开头，尽量使用module.exports导出如果导入文件夹为路径：1.是否存在package.json文件，并且指定了main入口，2.如果没有package.json文件，那么会加载index.js文件，3.如果没有index.js文件，会尝试加载index.json文件，4.如果上述都没有会报错三、第三方模块使用npm管理下载的他人写好的模块第三方模块
2022-06-27 19:24:11
370
1
原创 JS中的事件 二
一、DOM事件绑定1.DOM0级事件所有的浏览器都支持事件只能注册一次，后面的会覆盖旧的注册：在html上添加 eg:<div onclick="alert(hello!)"></div> this指向自身匿名函数 d.onclick=function(){} this指向自身普通函数 onclick="function" 相当于动态使用、this指向自身、没有事件参数e的传递2.DOM2级事件IE：attachEvent(event,fun..
2022-05-25 19:42:17
185
原创 事件类型-基本类型
一、UI事件（不一定与用户有关）load：当页面完全加载后在window上触发，图片也可以触发load事件resize：当窗口大小变化时在window触发scroll：当用户滚动带滚动条的元素中的内容时，在该元素上面触发二、鼠标事件1.事件类型onclick 单击 ondbclick 双击 oncontextmenu 右键菜单 onmouseover 鼠标移入 onmouseout鼠标移出 onmouseenter鼠标移入（建议使用） onmouse
2022-05-25 17:05:48
418
原创 DOM操作案例练习二
1.手风琴<!DOCTYPE html><html lang="en"><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"> <tit
2022-05-23 19:27:38
84
原创 DOM操作的案例练习一
1.百度换肤代码如下图<!DOCTYPE html><html lang="en"><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">
2022-05-23 19:25:40
128
原创 DOM以及DOM操作
一、DOM：（Document Object Model）文档对象模型树形结构：嵌套、非线性结构、非对称二、DOM操作1.增新建：fn createElement(标签名) 创建元素节点（重点）fn setAttribute(name,value) 直接设置属性fn cloneNode(true,false) 克隆节点 true包含子节点 false不包括插入：fn appendChild() 拼接节点（重点）fn insertBefore(new,...
2022-05-23 19:21:02
80
原创 JS中的函数
函数1.函数实际上就是可以作为一个逻辑单元对待的代码块2.作用：使代码更加简洁，提高重用性3.地位：每一个项目中的代码，大约95%在函数里4.函数的定义（重点）function 函数名（[x,y,z]）{return 表达式}函数名：在同一个页面中函数名必须唯一，参数部分选填，参数用逗号隔开，最多可以添加255个，return选填关于return 没有return 函数只代表一些列的逻辑运算有return的 函数返回一个特定值，此时函数可以作为一个值参与到运算...
2022-05-19 19:38:00
237
原创 JS中的字符串操作
一、str.length 获取长度二、str.toUppercase() 转换为大写三、str.toLowercase() 转换为小写四、str.split(x)1.字符串的裁剪 2.返回一个数组 3.x为某种规则五、str.indexOf()1.获取子元素的下标 2.如果不存在返回-1六、str.substr(start,length) 返回start开始，指定length的内容七、str.replace(x,y) 替换常用的函数 //面试题1：反转字符串
2022-05-18 17:59:31
149
原创 JS中的数组操作
一、根据下标获取元素 arr[i]二、根据下标修改元素 arr[1]=5三、添加删除1.push(x) 将元素拼接到最末尾；2.unshift(x) 将元素拼接到开头；3.pop() 删除最后一个元素4.shift() 删除第一个元素；5.concat() 把一个数组添加到另一个数组末尾，必须要有变量来接受这个值。四、排列1.reverse() 颠倒数组中元素的顺序；2.sort() 对数组中的元素进行排序；五、join(x) 以指定规则返回字符串，x为某种规则；
2022-05-18 17:32:25
398
原创 JS中的Date
1.获取年月日时分秒；2.Date的声明和初始化 var date=new Date();3.获取指定时间对象：（1）传入时间戳 var date = new Date(1000);（2）传入合法的可识别的时间字符串；（3）按年月日时分秒毫秒的顺序传参。4.获取年月日时分秒毫秒的方法：（1）getFullYear() 年；（2）getMonth() 月 获取的是[0,11]；（3）getDate() 日；（4）getHours() 时；（5）getMinutes(
2022-05-05 19:36:59
1127
原创 JS中的元素获取
一、元素的获取方法1.getElementsByTagName :根据标签名获取元素，返回一个数组；2.getElementsByClassName：根据类名获取元素，返回一个数组；3.getElementsById:根据id名获取元素;4.querySelector:获取一个元素。推荐使用 用法类似写css；5.querySelectorAll：返回一个元素数组。console结果如图所示：二、代码<!DOCTYPE html><ht.
2022-05-04 20:52:20
1768
原创 前端中的常用的动画属性
一、animation1.作用：增加用户体验（但不要过度使用）2.关键帧（keyframes）3.语法animation: name（动画属性名） duration（动画持续时间） timing-function（动画速度曲线） delay（动画延迟时间） iteration-count（循环次数、infinite为无限循环） direction（alertnate：动画轮流反向播放） fill-mode（forwards：保留最后一帧动画）;二、变形1.平移 translate （
2022-04-28 19:50:13
705
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人