JS基础
关注
分享
扫一扫
文章平均质量分 74
一些js笔记
忧郁火龙果
代码纠错要比重新编写困难得多，与其浪费时间纠错还不如放下过去重新开始
展开
-
CSS3之动画
【代码】CSS3之动画。原创 2022-12-22 13:45:39 · 102 阅读 · 0 评论 -
css基础常见的问题笔记
一些css常见的问题原创 2022-05-17 20:56:45 · 221 阅读 · 0 评论 -
CSS3之2D转换
转换（trabsform）是CSS3中具有颠覆性的特征之一，可以实现元素的位移、旋转、缩放等效果。原创 2022-12-20 15:17:07 · 2057 阅读 · 0 评论 -
CSS3之flex布局
flex对主轴侧轴的操做，父项常见的属性及其属性值，和子项常见的属性及其属性值原创 2022-12-18 20:14:27 · 585 阅读 · 0 评论 -
CSS之rem+less+媒体查询
媒体查询（Media Query）是CSS3新语法- 使用@miedia查询，可以针对不同的媒体类型定义不同的样式 - @media可以针对不同的屏幕尺寸设置不同的样式 - 当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面 - 目前针对很多苹果手机，安卓手机，平板等设备都用得到媒体查询。原创 2022-12-25 18:57:45 · 527 阅读 · 0 评论 -
CSS3之3D转换
3D移动在2D移动的基础上多加了一个可以移动的方向，就是z轴方向。内容里有旋转木马的案例原创 2022-12-23 13:13:28 · 1885 阅读 · 0 评论 -
Ajax的实现步骤
Ajax技术需要运行在网站环境种才能生效，当前课程会使用Node创建服务器作为网站服务器。原创 2023-01-31 11:57:09 · 179 阅读 · 0 评论 -
ECharts入门示例
1.下载引入echarts2.页面中准备一个盒子来存放要用的ecahrts的图表3.初始化echarts实例对象4.指定配置项和数据（option）5.将配置项设置给echarts实例对象原创 2022-07-16 11:00:02 · 314 阅读 · 0 评论 -
echarts的相关配置笔记
1. title ---- 标题组件 2. tooltip ---- 提示框组件 3. legend ---- 图例组件 4. toolbox ---- 工具栏 5. grid ---- 直角坐标系内的绘图表格 6. xAxis ---- 直角坐标系grid中的x轴 7. yAxis ---- 直角坐标系grid中的y轴 8. series ---- 系列列表，通过type决定自己属于什么表格类型 9. color ---- 颜色列表...原创 2022-07-17 22:51:45 · 177 阅读 · 0 评论 -
手写操作js数组的常见方法
简单的写了操作数组的各种方法原创 2023-11-26 23:36:26 · 394 阅读 · 0 评论 -
js小数相加出现误差的问题及其解决办法
javascript小数相加计算的误差问题和解决办法原创 2022-12-08 11:47:10 · 1461 阅读 · 0 评论 -
尚硅谷Promise笔记
主要笔记了Promise的api，和常见的关键问题，还有手写promise，和async和await的实战使用原创 2022-12-15 19:37:44 · 657 阅读 · 0 评论 -
JS面向对象编程之类（1）
【代码】JS面向对象编程之类（1）原创 2022-10-04 18:46:04 · 418 阅读 · 0 评论 -
JS面向对象编程之递归（7）
如果说一个函数可以在内部自己调用自己，那么这个函数就是递归函数个人理解自己调用自己的函数，就是递归函数。原创 2022-10-06 21:06:29 · 130 阅读 · 0 评论 -
JS面向对象编程之原型链（3）
【代码】JS面向对象编程之原型链。原创 2022-10-05 14:47:35 · 101 阅读 · 0 评论 -
JS面向对象编程之闭包（6）
闭包（closure）只有权访问另一个函数作用域中变量的函数个人理解为是假如一个函数访问到另一个函数作用域中的变量，就形成了一个闭包的现象// 如果输出的是1,就代表fun这个函数访问到了fn这个 // 函数中的变量，就形成了一个闭包的现象 console . log(num);原创 2022-10-06 20:46:52 · 143 阅读 · 0 评论 -
JS面向对象编程之函数的高级用法（5）
都可以改变函数的this指向call和apply都会调用函数，并且改变函数内部的this指向call和apply传递的参数不一样，call传递参数是参数1参数2形式，apply必须是数组的形式bind不会调用函数，可以改变函数内部的this指向call经常用于继承apply经常跟数组有关系，可以借助数学对象求最大值最小值等bind不调用函数，但是项改变this指向，比如改变定时器内部的this指向。原创 2022-10-06 16:35:33 · 498 阅读 · 0 评论 -
JS面向对象编程之构造函数和原型（2）
constractor、__proto__、prototype、构造函数、原型对象、实例之间的关系原创 2022-10-04 22:11:40 · 401 阅读 · 0 评论 -
JS面向对象编程之ES5新增方法（4）
【代码】JS面向对象编程之ES5新增方法（4）对数组、对象、字符串新增的方法，做出了总结包括f数组（forEach，filter，some ，map，every）字符串（trim）对象（Object.keys,Object.definProperty）原创 2022-10-05 19:41:40 · 435 阅读 · 0 评论 -
jQuery基础教程
jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combinat原创 2022-09-04 00:37:10 · 214 阅读 · 0 评论 -
正则表达式
1. 正则表达式英文全文是Regular Expression1. 组成正则表达式的基本符号2. 以符号的形式来代替文本的内容3. 把所有的文本内容归根于一些符号来代替1. i 表示忽略大小写2. g 表示全局3. y 表示粘性全局4. 是写在正则表达式的外面，用来修饰正则的5. 语法：/qwer/igy。...原创 2022-08-08 21:32:25 · 1828 阅读 · 0 评论 -
放大镜效果
放大图片效果原创 2022-07-03 22:45:08 · 112 阅读 · 0 评论 -
滑动页面显示返回顶部效果
给window添加scroll事件，用scrollY表示滚动的长度，用scrollTo改变top值返回顶部原创 2022-07-05 19:37:52 · 656 阅读 · 0 评论 -
移动端触摸事件
touchtart ， touchmove ， touchend原创 2022-07-08 21:36:38 · 344 阅读 · 0 评论 -
轮播图可复制尝试效果
轮播图功能齐全原创 2022-06-29 19:00:14 · 136 阅读 · 0 评论 -
登录框拖拽效果
主要是mousedown mousemove mouseup 和计算盒子离页面的距离，move动态给登录框外边距原创 2022-06-30 15:30:45 · 125 阅读 · 0 评论 -
ES6语法总结笔记
笔记了es6的语法原创 2022-07-25 13:20:22 · 579 阅读 · 0 评论 -
html+css登录注册页面案例
一、展示效果1. 登陆页面展示（背景图片来自网络可以自己更换）：2. 注册页面展示：二、需要添加的normalize.css跟common.css代码如下（normalize.css重置样式表）：/* 重置样式表 *//* 重置内外边距 */*{ margin: 0%; padding: 0%; box-sizing: border-box;}/* 去除图片底部4px白边 */img{ vertical-align: middle;}/* 去原创 2022-05-26 18:18:05 · 18157 阅读 · 3 评论 -
BOM笔记小结
页面加载事件，定时器，location ， navigation，history原创 2022-06-28 20:25:20 · 109 阅读 · 0 评论 -
DOM获取和设置属性的方法
主要是DOM获取和设置属性的方法，getAttribute和setAttribute。原创 2022-06-02 22:28:39 · 630 阅读 · 0 评论 -
鼠标事件笔记
1. onclick ---- 鼠标点击事件 2. onfocus ---- 获得鼠标焦点触发 3. onblur ---- 失去鼠标焦点触发 4. onmouseover ---- 鼠标经过事件 5. onmouseout ---- 鼠标离开事件 6. onmousemove ---- 鼠标移动触发 7. onmouseup ---- 鼠标弹起触发 8. onmousedown ---- 鼠标按下触发...原创 2022-06-17 21:07:11 · 181 阅读 · 0 评论 -
DOM事件对象 -- dom事件流 -- 阻止默认事件 -- 阻止冒泡 -- 事件委托
DOM事件对象 -- dom事件流 -- 阻止默认事件 -- 阻止冒泡 -- 事件委托原创 2022-06-20 19:58:03 · 406 阅读 · 0 评论 -
DOM获取元素的方法
五个常用的DOM获取元素的方法原创 2022-06-01 22:47:08 · 159 阅读 · 0 评论 -
DOM节点操作----节点层级
1. **父节点 ---- node.parentNoed** 2. **子节点 ---- node.children 或 node.childNodes** 3. **兄弟节点 ---- node.previuouSibling 或 node.nextSibling 中间可以加Elements表示获取元素节点而不是所有节点的上一个或者下一个**...原创 2022-06-09 21:17:16 · 268 阅读 · 0 评论 -
DOM事件监听 ---- 注册事件（常用） ---- 删除事件（常用）
addEventListener（）和 removeEventListener（）原创 2022-06-19 22:38:31 · 625 阅读 · 0 评论 -
DOM节点操作 ---- 创建添加删除复制-节点
创建添加删除克隆节点原创 2022-06-13 23:41:43 · 305 阅读 · 0 评论 -
排他思想+tab栏切换案例
排他思想+tab栏切换案例原创 2022-06-08 21:35:02 · 266 阅读 · 0 评论 -
DOM操作元素的方法
主要内容：1.修改元素内容 2.修改元素属性 3.修改表单属性 4.修改样式属性原创 2022-06-07 18:50:25 · 371 阅读 · 0 评论 -
sessionStorage和localStorage笔记
sessionStorage和localStorage的区别原创 2022-07-15 17:50:01 · 121 阅读 · 0 评论 -
js中函数的形参跟实参的匹配问题
一、什么是形参跟实参要了解什么是实参就要了解什么是函数，函数结构如下：是如上图所示，形参就是声明函数时，函数名括号里面的参数，形参可以有多个。如上图所示，实参就是调用函数时，我们输入的准确的值就是实参，也可以有多个。注意：形参跟实参的个数可以不匹配，但是会出现一些问题。二、形参跟实参的匹配问题有三个问题：当形参跟实参相同时，就可以完全匹配，如下列代码：<!DOCTYPE html><html lang="en"><head></he原创 2022-05-20 15:56:17 · 919 阅读 · 0 评论