Professor__-CSDN博客

原创 04-jQuery

jQuery 04文章目录jQuery 04前情回顾学习目标jQuery 事件对象事件处理 trigger() 自动触发事件过滤选择器和过滤方法补充:gt 与 :lt:contains.next( [选择器] ).prev( [选择器] ).slice( start, [,end] )练习-使用JQuery过滤筛选表格jQuery 多库共存jQuery中插件扩展机制1、介绍2、案例-扩展机制完成全选全不选反选功能jQuery 拷贝对象结语前情回顾学习目标能够使用事件处理 trigger(

2021-09-14 19:34:06 97

原创 03-jQuery

模板文章目录模板前情回顾案例详解LOL有缝轮播图实现用户查询文章单词高亮效果目标jQuery 尺寸、位置操作window对象的常见事件结语前情回顾案例详解LOL有缝轮播图实现用户查询文章单词高亮效果要求:在input输入框中输入时，会根据输入的内容匹配文章的所有单词（无需去重）。将匹配到的所有单词生成li列表添加到< ul id=“search-bar”>中供用户选择。用户点击选择< ul id=“search-bar”>中的某个单词高亮文章中对应的单

2021-09-14 19:02:12 151

原创 02-jQuery

Web APIs 05文章目录Web APIs 05前情回顾案例详解模拟京东快递单号查询跟随鼠标的移动天使自动改变网页背景色学习目标顶级对象windowwindow对象的常见事件this指向问题元素偏移量offset系列offset 与 style 区别案例:获取鼠标在盒子内的坐标案例:让一个盒子从左到右动画移动结语前情回顾案例详解模拟京东快递单号查询当我们在文本框中输入内容时，文本框上面自动显示大字号的内容。分析：1. 快递单号输入内容时,上面的大号字体盒子(con)显示2. 同时把

2021-08-05 19:21:11 218

原创 01-jQuery

JavaScript框架——jQuery 01文章目录JavaScript框架——jQuery 01前情回顾学习目标jQuery 介绍JavaScript 库jQuery的概念jQuery的优点jQuery 的基本使用jQuery 的下载jQuery中的顶级对象$体验jQueryjQuery的入口函数jQuery 对象和 DOM 对象的区别重点,难点jQuery 对象和 DOM 对象转换重点,难点jQuery对象的属性this指向问题元素偏移量offset系列offset 与 style 区别

2021-07-30 17:46:06 158

原创 08-Web APIs

Web APIs 08文章目录Web APIs 08缓慢动画回到页面指定位置案例详解-仿淘宝固定右侧侧边栏mouseenter和mouseover的区别面试题防抖函数和节流函数防抖函数节流函数值传递与引用传递值传递引用传递解除引用JSON数据格式什么是JSONJSON数据格式的应用场景JSON格式的定义JSON对象与JS对象的区别定义JSON对象访问JSON对象的属性遍历JSON对象的属性JSON数组JSON格式的字符串与JS对象的转换cookiecookie特点设置cookie缓存数据获取cook

2021-07-22 17:52:13 132

原创 07-Web APIs

Web APIs 07文章目录Web APIs 07前情回顾学习目标节流阀(节流函数)location对象什么是 location 对象URL介绍了解location 对象的属性location对象的常见方法history对象offset 与 style 区别获取CSS样式 window.getComputedStyle案例:获取鼠标在盒子内的坐标案例:让一个盒子从左到右动画移动结语前情回顾学习目标能够使用location对象跳转到指定页面能够使用navigator对象判断当前浏览

2021-07-22 16:47:24 72

原创 06-Web APIs

Web APIs 06文章目录Web APIs 06前情回顾案例详解-仿京东放大镜过渡(CSS3) transition过渡语法格式ontransitionend 事件案例-淘宝无缝轮播图无缝轮播图分析需求手动触发事件节流阀(节流函数) 见下篇结语前情回顾案例详解-仿京东放大镜过渡(CSS3) transition过渡(transition)是CSS3中具有颠覆性的特征之一，我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时

2021-07-22 15:52:16 116

原创 05-Web APIs

Web APIs 05文章目录Web APIs 05前情回顾案例详解模拟京东快递单号查询跟随鼠标的移动天使自动改变网页背景色学习目标顶级对象windowwindow对象的常见事件this指向问题元素偏移量offset系列offset 与 style 区别获取CSS样式 window.getComputedStyle案例:获取鼠标在盒子内的坐标案例:让一个盒子从左到右动画移动结语前情回顾案例详解模拟京东快递单号查询当我们在文本框中输入内容时，文本框上面自动显示大字号的内容。分析：1.

2021-07-22 15:28:06 115

原创 03-Web APIs

Web APIs 02文章目录Web APIs 02前情回顾学习目标创建元素的三种方式ES6模板字符串事件高级注册事件（2种方式）传统注册方式(传统绑定方式)事件监听方式attachEvent()事件监听（IE678才支持）了解事件监听兼容性解决方案了解删除事件（解绑事件）删除事件兼容性解决方案了解H5自定义属性节点操作(操作DOM结构,添加标签,删除标签)节点概述节点层级父级节点（重点）子节点重点兄弟节点（了解）创建节点（重点）添加节点（重点）删除节点（重点）复制（克

2021-07-22 14:29:11 59

原创 02-Web APIs

Web APIs 02文章目录Web APIs 02学习目标类名操作Web API介绍API的概念Web API的概念Web API的概念DOM介绍什么是DOMDOM树获取元素（重点）根据ID获取元素根据标签名获取元素H5新增获取元素方式获取特殊元素( body,html)事件基础事件概述事件三要素事件的绑定方式常见的鼠标事件操作元素改变元素内容（获取和设置）常用元素的属性操作表单元素的属性操作样式属性操作（△）结语学习目标能够说出排他操作的一般实现步骤能够区分元素节点、文本节点、属性节点

2021-07-19 17:32:43 65

原创 01-Web APIs

Web APIs 01文章目录Web APIs 01学习目标Web API介绍API的概念Web API的概念Web API的概念DOM介绍什么是DOMDOM树获取元素（重点）根据ID获取元素总结学习目标能够通过ID来获取元素能够通过ID来获取元素能够通过标签名来获取元素能够通过class来获取元素能够通过CSS选择器来获取元素能够获取body和html元素能够给元素注册事件(绑定事件)能够修改元素的内容能够区分innerText和innerHTML的区别能够修改像div这类

2021-07-09 17:02:30 71

原创 JavaScript-函数

文章目录一、数据类型二、函数(function, 方法)结语一、数据类型numberstringnullundefinedbooleanObject 广义的对象（狭义的对象object, 数组array, 函数fn）二、函数(function, 方法)1 函数是一个可以反复调用的代码块2 函数的声明方式使用function 关键字声明函数语法： function fn(){ //函数体（要执行的代码块） console.log(“第一种声明方式,使用funct.

2021-04-01 10:49:33 44

原创 JavaScript-分支结构、循环和互动

文章目录一、JS互动二、流程控制1.判断语句2.循环语句3.跳出循环结语一、JS互动alert() 警告框没有返回值；confirm（）选择框返回true和false；prompt（）输入框返回""，null或输入的值;二、流程控制1.判断语句1 分支结构单分支if(判断条件){条件成立执行的代码}双分支if(判断条件){条件成立执行的代码}else{条件不成立执行的代码}多分支if(判断条件1){条件1成立执行的代码} else if(判断条.

2021-03-30 14:58:03 67

原创 JavaScript-运算符

文章目录一、算数运算符二、自增自减运算符总结一、算数运算符1 加法运算符 +数字的相加：数字的相加, 得到数字字符串的拼接：字符串的拼接, 得到一个字符串正负号可以把其他数据类型转换为 number类型字符串里面是数字，转成number类型的数字字符串里面是其他非数，转成 NaN(不是数字的number 类型)2 减法运算符 -3 乘法运算符 *4 除法运算符 /5 取余运算符 % ，取余数除了加法运算符会对字符串进行拼接之外, 其他的运算符, 会把..

2021-03-30 14:33:06 129

原创 JavaScript-数据类型

JS数据类型文章目录一、在es5中有6种数据类型二、数据类型又可以分为两种结语一、在es5中有6种数据类型1 number 数值类型整型和浮点型都是number数值类型在js中涉及到小数的运算是不准确的* 原因: js 所有的运算都是转换为 2进制来进行运算的，小数位转换成 2进制是不准确的* 解决：不要出现小数位, 先放大到没有小数位，再缩小原来的倍数，可以解决小数位不准确的问题2 string字符类型在js中, 用 “” 或 ‘’ 包裹的就是字符串空

2021-03-29 10:30:57 65

原创 Javascript基础

javascript基础提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、web前段开发由哪些部分组成二、JS是什么?三、Javascript能做什么?四、Javascript 的运行环境五、Javascript 的引入方式Javascript中所有的事物都是对象!六、JavaScript的概念1.语句：2.表达式：3.变量：2.读入数据总结List item前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来

2021-03-29 09:52:32 55

weixin_42027108的博客