- 博客(19)
- 收藏
- 关注
原创 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
381
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
198
原创 事件类型-基本类型
一、UI事件(不一定与用户有关)load:当页面完全加载后在window上触发,图片也可以触发load事件resize:当窗口大小变化时在window触发scroll:当用户滚动带滚动条的元素中的内容时,在该元素上面触发二、鼠标事件1.事件类型onclick 单击 ondbclick 双击 oncontextmenu 右键菜单 onmouseover 鼠标移入 onmouseout鼠标移出 onmouseenter鼠标移入(建议使用) onmouse
2022-05-25 17:05:48
427
原创 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
91
原创 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
137
原创 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
87
原创 JS中的函数
函数1.函数实际上就是可以作为一个逻辑单元对待的代码块2.作用:使代码更加简洁,提高重用性3.地位:每一个项目中的代码,大约95%在函数里4.函数的定义(重点)function 函数名([x,y,z]){return 表达式}函数名:在同一个页面中函数名必须唯一,参数部分选填,参数用逗号隔开,最多可以添加255个,return选填关于return 没有return 函数只代表一些列的逻辑运算有return的 函数返回一个特定值,此时函数可以作为一个值参与到运算...
2022-05-19 19:38:00
246
原创 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
157
原创 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
429
原创 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
1151
原创 JS中的元素获取
一、元素的获取方法1.getElementsByTagName :根据标签名获取元素,返回一个数组;2.getElementsByClassName:根据类名获取元素,返回一个数组;3.getElementsById:根据id名获取元素;4.querySelector:获取一个元素。推荐使用 用法类似写css;5.querySelectorAll:返回一个元素数组。console结果如图所示:二、代码<!DOCTYPE html><ht.
2022-05-04 20:52:20
1777
原创 前端中的常用的动画属性
一、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
729
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人