![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 67
LSYHhhhh
github 链接 - https://github.com/Lin-SiYu
展开
-
JavaScript - 基础总结
目录一、JS语言介绍1、概念2、组成3、调试方式alert() :页面弹框console.log() :控制台打印(推荐)document.write() :页面打印(不推荐)浏览器断点调试4、页面弹框类别(三类)二、存在位置(三类)1、行间式:存在于行间事件中2、内联式:存在于页面script标签中2.1 内联式内js的放置位置3、外联...原创 2018-10-11 17:08:02 · 275 阅读 · 0 评论 -
JavaScript - 机械表 and 电子表 and 随机颜色切换 - 简单实现
机械表+电子表.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>机械表+电子表</title> <!-- 机械表 --> <style>原创 2018-10-22 21:04:42 · 202 阅读 · 0 评论 -
JavaScript - DOM and BOM
目录一、DOM1、JS中标签关系2、JS操作页面标签3、JS操作DOM一般步骤二、BOM1、窗口操作 open2、历史记录 history3、导航器 navigator4、地址信息 location一、DOM1、JS中标签关系<div class="sup"> <div class="sub1"></div&...原创 2018-10-22 20:00:41 · 112 阅读 · 0 评论 -
JavaScript - JS动画
一、JS结合CSS实现动画1、通过事件修改指定的样式,形成过渡的第二状态<style> #div { width: 200px; height: 200px; background: red; transition: .2s; }</style><div id="div"&g...原创 2018-10-22 19:49:09 · 322 阅读 · 0 评论 -
JavaScript - JS盒模型
目录1、width | height - 获取盒子的内容高宽2、padding + width | padding + height 3、border + padding + width | border + padding + height4、结合绝对定位,距离最近定位父级的Top | Left1、width | height - 获取盒子的内容高宽 parseInt...原创 2018-10-22 19:42:23 · 464 阅读 · 0 评论 -
JavaScript - 定时器
目录JavaScript 计时事件setInterval() 方法:间隔指定的毫秒数不停地执行指定的代码clearInterval() 方法:停止 setInterval() 方法执行的函数代码。setTimeout() 方法:在指定的毫秒数后执行指定代码。clearTimeout() 方法:停止执行setTimeout()方法的函数代码。清除定时器(clearInter...原创 2018-10-17 14:51:39 · 117 阅读 · 0 评论 -
JS - 面向对象
目录1、属性与方法(增删改查)2、类字典:不存在字典的概念,却模拟字典的实现3、构造函数(ES5):实现多个相似类的创造4、继承(ES5)(存在知识点模糊???)- 组合继承(构造继承属性,原型继承方法)5、类及继承(ES6)1、属性与方法(增删改查)注意:属性的创建有两种方式,但是想要支持 “-” 语法 必须使用 [“”] 例如:abc-123 必须使用...原创 2018-10-16 16:06:57 · 132 阅读 · 0 评论 -
JavaScript - 常用事件总结
目录一、事件的两种绑定方式 1、on事件绑定方式2、非on事件绑定方式二、事件参数event 三、事件的冒泡与默认事件 1、事件的冒泡:子位于父内部,子触发,父也一起触发事件。 1-1 取消冒泡事件的方式一:子级内部设置stopPropagation() 1-2 取消冒泡事件的方式二:子级内部设置.cancelBubble = true;2、默认事件的两种取消方...原创 2018-10-18 19:39:15 · 290 阅读 · 0 评论 -
JS - 循环绑定实现,点击转换CSS类
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>案例</title> <style type="text/css"> ul { margin: 0原创 2018-10-15 17:12:56 · 624 阅读 · 0 评论 -
JavaScript - 函数 and 循环绑定
目录一、函数1、创建函数ES5ES6匿名函数2、函数的调用3、函数的参数个数不需要统一(多舍,少undefined)可以任意位置具有默认值通过 ... 接收多个值4、返回值5、函数回调- 传输数据 普通传输 and 回调传输- 钩子函数:系统中默认存在回调- 钩子函数获取网页点击坐标数据等6、闭包:函数的嵌套- 提升作用域:全局...原创 2018-10-15 17:10:36 · 279 阅读 · 0 评论 -
JS - 事件 and 页面操作
目录一、事件初级使用 HTML DOM 来分配事件实例二、JS选择器1、getElement系列2、querySelect系列3、id名三、JS操作页面内容四、JS操作页面样式style属性样式 (读写)计算后样式 (只读)结合 css 操作样式 js切换样式实例一、事件初级 onload:页面加载完毕事件,只附属于window对象...原创 2018-10-15 11:07:02 · 390 阅读 · 0 评论 -
JavaScript - 分支结构 and 循环结构 and 异常处理
目录一、分支结构1、if语句1-1、多分支1-2、嵌套2、switch语句二、循环结构1、for循环2、while循环3、do...while循环4、for...in循环5、for...of循环6、break,continue关键词6-1、break,continue的JavaScript 标签三、异常处理一、分支结构 1、if...原创 2018-10-15 09:37:12 · 244 阅读 · 0 评论 -
JavaScript - 内置对象
目录一、Number1、常用数字2、常用进制3、NaN4、常用常量5、实例方法二、Data时间1、创建时间对象2、Date 对象属性3、常用方法4、常见格式时间三、String字符串1、常见字符串2、字符串属性3、常用方法四、Array数组1、数组对象2、常用属性3、常用方法4、增删改方法5、回调函数方法- 面...原创 2018-10-17 20:59:01 · 191 阅读 · 0 评论 -
JavaScript - 作为 webclient 处理 WebSocket 返回数据
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Tornado WebSocket Test</title> <script src="https://cdnjs.cloudflare.com/ajax/...原创 2019-09-03 10:58:26 · 2501 阅读 · 0 评论