![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
文章平均质量分 83
ILove_bugs
less is more
展开
-
js-day22 jq第三天 动画 深浅拷贝
动画show/hide/toggleshow([s,[e],[fn]])width + height + opacity不传参: 没有动画效果传参:时间: 以ms为单位运动曲线: 'swing' 'linear'回调函数: 在动画执行完成后还要执行的操作$('button').eq(0).click(function () { // $('div').show(); // $('div').show(3000); $('div').eq(0).s...原创 2021-10-19 19:01:07 · 154 阅读 · 0 评论 -
js-day21 jquery第二天
元素宽高client: 可视宽高innerWidth/innerHeight: 内容+内边距offset: 占位宽高outerWidth/outerHeight(布尔值):false/不传: 内容 + 内边距 + 边框true: 内容 + 内边距 + 边框 + 外边距scroll: 滚动距离console.log($('div').width(), $('div').height()); // 内容宽 内容高console.log($('div').innerWidth(原创 2021-10-18 20:38:57 · 87 阅读 · 0 评论 -
js-day20 jq第一天
jQuery介绍jquery: js的工具库事件处理文档的处理动画唯一变量 $ jQuery强大的选择器开源完善的文档...jquery:\1. 官网:\2. cdn: jquery (v3.6.0) - jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库。它提供的 API 易于使用且兼容众多浏览器,这让诸如 HTML 文档遍历和操作、事件处理、动画和 Ajax 操作更加简单。 | BootCDN - Bootstrap 中文网开源原创 2021-10-15 18:18:32 · 83 阅读 · 0 评论 -
js-day16 面向对象的继承
面向对象的继承原型链继承子类构造函数的原型对象 = 父类构造函数的实例化对象;原型链查找: 找自身 自身没有 找自身的原型对象(父类构造函数的实例化对象) 如果没有 找父类构造函数的原型对象 找object 如果没有 返回undefined 如果在哪一步找到了 直接返回结果constructor: 当前对象的构造函数原型链继承: 1. 无法识别当前对象真正的构造函数 2. 一改全改 3. 不能传参 ...原创 2021-10-14 19:36:52 · 507 阅读 · 0 评论 -
js-day17项目笔记
项目笔记网站逻辑: 从哪里来 就到哪里去首页点击登录 登陆后返回首页列表点击登录 登陆后返回列表页解决:在跳转页面的时候 增加页面标识符 作用标志上一个页面是谁使用哈希值#1 首页#2 列表#3 视频详情#4 视频播放#5 登录#6 注册数据渲染\1. 数据渲染请求数据\2. 将页面组成部分注释小单元被备注\3. 根据数据生成html片段 渲染到父元素中具体渲染过程 获取元素 var ban_ul = document.q原创 2021-10-12 17:36:37 · 69 阅读 · 0 评论 -
js-15 递归 斐波那契数列 快速排序 防抖节流 call apply 面向对象的创建
递归递归: 函数里面调用自己的函数注意: 一定要有函数结束的条件将大的操作划分小操作重复执行的时候使用报错: Uncaught RangeError: Maximum call stack size exceeded 栈溢出 ---> 原因: 递归函数没有设置结束条件// 阶乘: 6! = 6 * 5 * 4 * 3 * 2 * 1// function jc(n) {// return n * jc(n - 1);// }function jc(n) { ..原创 2021-10-10 14:14:39 · 146 阅读 · 0 评论 -
day14 回调函数 匿名函数 闭包 模拟私有变量 同步 异步
回调函数:执行完一个动作之后还要继续执行的函数作为实参传递的函数就是回调函数function a() { console.log(123);}function b(fn) { // fn: 形参 函数 回调函数 console.log(fn); fn();}b(a);匿名函数匿名: 没有名字的函数直接写会报错 将匿名函数转换成函数表达式 外面加() 同样具有函数的特点立即执行函数: IIFE 函数自执行 使用: 团队协作原创 2021-10-08 19:47:05 · 192 阅读 · 0 评论 -
jsday-12 总结
\1. 事件绑定函数\2. 事件机制区别\3. 事件解绑函数\4. 事件流概念\5. 阻止冒泡三目\6. 取消默认行为三目\7. 事件委托 原理和实现过程\8. 键盘事件事件绑定利用特定的方法可以实现给一个元素的同一个事件添加多个事件处理函数标准: 元素.addEventListener(事件类型, 事件处理函数, [是否捕获]);事件类型: 不加on事件处理函数: 函数名 函数是否捕获: 默认false冒泡 true: 捕获ie: 对象不支持原创 2021-09-29 20:18:30 · 76 阅读 · 0 评论 -
jsday-12 事件绑定/解绑 事件流 阻止冒泡 事件委托 取消默认行为 键盘事件 滚轮事件
事件绑定语法标准事件绑定:利用特定的方法可以实现给一个元素的同一个事件添加多个事件处理函数标准: 元素.addEventListener(事件类型, 事件处理函数, [是否捕获]);事件类型: 不加on事件处理函数: 函数名 函数是否捕获: 默认false冒泡 true: 捕获ie: 对象不支持“addEventListener”属性或方法function a() { console.log(this);}console.log(div.addEventLi..原创 2021-09-29 19:57:37 · 198 阅读 · 0 评论 -
js-day11 BOM 事件对象 懒加载
BOMBOM: Browser Object Model 浏览器对象模型js提供给我们用来操作浏览器的信息的接口iframeslocationhistorydocumentnavigator....BOM核心: window可以直接使用变量名或者函数名就能出线效果的(全局变量、全局函数), 所属对象都是window对话框 警告框: alert() 带有确定取消按钮的警告框: confirm('提示内容') 带有输入框的对话框: pro原创 2021-09-28 19:39:38 · 124 阅读 · 0 评论 -
js-day10 DOM 操作表格 表单
DOMDOM:DOM树 浏览器在渲染页面的时候 会先形成树状结构 就叫做DOM树DOM由节点组成的获取节点获取节点: css选择器: css中选择器怎么写 这里就怎么写 id class tag 父子 层级 交叉...ie8+ 静态获取符合选择器的第一个元素: document/父元素.querySelector('css选择器')var div = document.querySelector('div');console.log(div); // 直接获取到第一个di原创 2021-09-27 20:43:53 · 235 阅读 · 0 评论 -
js-day09 迭代方法 正则
迭代方法迭代: every some filter map forEacheveryevery: 对数组的每一个项做一些判断, 根据函数的返回值, 如果每个项执行函数的返回值都是true, 返回true. 如果有一个是false 返回false全真为真 一假为假语法: 数组.every(函数);函数有3个形参: 项 下标 原数组var arr = ['a', 'b', 'c', 'd'];var res = arr.every(function (v, i, a) { .原创 2021-09-25 16:38:05 · 100 阅读 · 0 评论 -
js-day08 数组
数组数组: 用来存储不定数量不定类型的数据的容器;创建数组 字面量创建 new关键字创建 // 1. 字面量创建var arr = [12, 43, 64];console.log(arr);console.log(typeof arr); // object// 2. new关键字创建// var 变量 = new Array(...data);// 注意: 当参数只有一个且是数字, 表示数组的长度var arr1 = new Array(1, 2, ...原创 2021-09-23 19:28:54 · 111 阅读 · 0 评论 -
js-day07 对象 字符串 Math Date
对象对象: 在js中 万物皆对象 一切皆对象 分为: 本地 内置 自定义 宿主 全局本地(内部): Number String Boolean Object Array Function RegExp Date Error内置: 在页面加载完成后 已经实例化的对象 Global Math宿主: DOM BOM全局: windowapi: application programming Interface 应用程序编程接口已经封装好的可以直接使用的函数 直接调用实现功能Math原创 2021-09-22 20:03:21 · 119 阅读 · 0 评论 -
js-day06 定时器
定时器概念定时器: 让一段代码等待一段时间或者每隔一段时间就执行一次的代码就是定时器分类延迟定时器延迟: 让一段代码等待一段时间 setTimeout(函数, 时间); 时间单位: ms等待 只执行一次的效果 使用延迟定时器效果: 一次性广告 关不掉的广告/* 打开页面 等待3s后 显示img*/var img = document.getElementsByTagName('img')[0];// 等待 只执行一次的效果 使用延迟定时器setTimeou.原创 2021-09-18 19:02:34 · 111 阅读 · 0 评论 -
js-day05 获取元素样式 this 自定义属性 排他 自定义索引
获取元素样式基础获取标准浏览器(ie9, chrome, ff):getComputedStyle(元素).属性名ie(ie8及以下):元素.currentStyle.属性名// 获取divvar div = document.getElementsByTagName('div')[0];console.log(div);// 获取样式:// 标准:// var w = getComputedStyle(div).width;// console.log(w);/原创 2021-09-17 18:56:46 · 220 阅读 · 0 评论 -
js-day04 函数 作用域 变量提升 函数返回值
函数概念函数: 将具有独立功能的代码块整合命名的代码作用: 减少页面代码 提高页面执行速度 页面结构更加清晰使用:\1. 事件处理函数: 元素.事件 = function(){}function(){}--->函数\2. 对象的方法:var obj = {abs: function(){} ---> 函数}\3. 封装复用声明函数: 由事件驱动的或者在有需要的时候被调用的代码块注意: 函数只声明 没有任何效果声明函数: 函数声明:原创 2021-09-16 20:05:10 · 120 阅读 · 0 评论 -
js-day03 流程控制语句 对象
流程控制语句分类流程控制语句: 代码按照什么顺序执行的语句顺序语句: 默认从上到下执行条件语句(分支语句): 多条(2条以上)分支中选择 if if-else if-else-if switch循环语句: for while do-while for-in其他语句: break continue分支语句ifif: 判断代码是否执行if(条件){条件为真的时候执行的代码;}var core = prompt('请输入成绩');console.log(co原创 2021-09-15 20:10:04 · 133 阅读 · 0 评论 -
js-day02 运算符 隐式转换规则 获取元素 鼠标事件 操作元素内容 操作属性 操作样式
算术运算符+ - * / % ++ --基础console.log(10 + 20); // 30console.log(10 - 20); // -10console.log(10 * 20); // 200console.log(20 / 10); // 2// %: 取余 模 console.log(20 % 3); // 2console.log(20 % 2); // 0++++: 在自身基础上加1 可以放在变量的前面 也可以放在后面++和其他运算放在一起的原创 2021-09-14 19:43:51 · 100 阅读 · 0 评论 -
js-day01 历史 引入方式 调试 声明 命名规范 数据类型 强制转换
Javascript历史1995年 5月 网景公司 布兰登·艾奇 用10天 Macha9月 改名 LiveScript12月 javascriptjava 和 javascript 没有关系 雷锋和雷峰塔解决表单提交验证ie: JScript1997年, 欧洲计算机制造商协会(ECMA) 以JavaScript1.1为蓝本 定义了语法规范 ECMAScriptjavascript和ECMAScript的关系前者(javascript)是后者的体现后者(ECMASc原创 2021-09-13 18:36:35 · 133 阅读 · 0 评论