![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 85
梦幻之光_dream
快乐学习每一天
展开
-
用原生js实现宽度计数器
文章目录一.用原生js实现宽度计数器1.源码2.效果图二.总结一.用原生js实现宽度计数器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=devic原创 2022-04-21 16:42:21 · 197 阅读 · 0 评论 -
JavaScript项目实战-无缝轮播图
文章目录1.完整源码的下载地址2.无缝轮播图的代码思路3.功能设计4.核心代码1.完整源码的下载地址https://git.nowcoder.com/90589443/sameless-swiper2.无缝轮播图的代码思路①通过DOM对元素id进行获取,得到各自的变量oList、oWrap。②利用innerHTML的方式进行li元素的复制。③定义变量,设置初始值。④利用定时器让多张图片进行位移,从而不断改变left的值。⑤由于定时器的代码会进行重复的利用,所以进行了相应的函数封装。⑥结合已原创 2022-01-09 23:32:07 · 597 阅读 · 0 评论 -
JavaScript面向对象-多态
文章目录1.多态的概述2.代码展示3.效果展示1.多态的概述多态:同一个操作在不同的对象上,出现不同的执行结果。js的多态性是与生俱来的,就像代码中的形参animal可以传入任何类型的参数,十分灵活。2.代码展示<script> var makeSound=function(animal){ //执行了同一个操作 animal.sound(); } var Duck=function(){ } Duck.prototype.原创 2021-06-17 21:52:05 · 564 阅读 · 1 评论 -
JavaScript面向对象-封装
文章目录1.封装的概述2.代码展示3.效果展示1.封装的概述封装:将代码放到同一个地方,方便后续的多次使用。好处:可以优化代码,减少代码的重复性(冗余)。生活例子:将所有的菜放在冰箱里,方便管理。编程例子:jQuery是一个函数库,并且将js代码封装了起来。2.代码展示<script> function Person (name,age){ //虽然Person是方法,但是可以构造一个类出来 this.name = name; //指向Person,让P原创 2021-06-17 20:40:25 · 220 阅读 · 0 评论 -
JavaScript知识点9-案例大全
文章目录1.购物车综合案例JavaScript版本2.购物车综合案例JavaScript版本3.学子商城4.猜数字篇章1.购物车综合案例JavaScript版本<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>购物车综合案例JavaScript版本</title> <style type="text/css">原创 2021-01-10 16:42:34 · 165 阅读 · 0 评论 -
JavaScript知识点8
文章目录1.事件绑定2.事件3.查找3个div4.使用hover5.百度一下6.jQuery动画函数--显示隐藏动画7.精简显示品牌8.框架/js库篇章1.事件绑定<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="js/jquery-1.11.3.js">原创 2021-01-10 16:36:03 · 115 阅读 · 0 评论 -
JavaScript知识点7
文章目录1.属性过滤选择器2.form3.Title34.Title45.Title56.元素7.使用属性选择器实现标签页头的切换8.添加/删除节点9.替换节点篇章1.属性过滤选择器<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script src="js/jquery-1.11.3.js"原创 2021-01-10 16:25:25 · 105 阅读 · 0 评论 -
JavaScript知识点6
文章目录1.Title12.Title23.Title34.动态添加数据5.Title56. Title67.Title78.实现隔行变色9.Title9篇章1.Title1<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>Title</title> <script src="js/jquery-1.11.3.js原创 2021-01-10 16:13:15 · 95 阅读 · 0 评论 -
JavaScript知识点5-jQuery函数库
文章目录1.jQuery DOM操作2.DOM操作-样式操作3.jQuery点击事件4.登录案例Javascript版本5.登录案例jQuery版本6.登录案例jQuery版本代码优化版本7.jQuery的hover实践8.定时器的使用9.自动打分案例篇章1.jQuery DOM操作jQuery是JavaScript中的函数库。<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"&g原创 2021-01-10 15:56:54 · 202 阅读 · 0 评论 -
JavaScript知识点4
文章目录一.数组1.数组API(方法)2.二维数组3.截取字符串二.math对象三.Date对象四.数学1.计算平方3.计算阶乘五.正则表达式六.网络和谐语七.jQuery选择器一.数组1.数组API(方法)① API:应用程序编程的接口,预定义叫的一些方法或者函数②toString():将数组中元素按逗号组成合成字符串<script> var arr1=['tom','marry','king']; var arr2=['sun','mark','method']; co原创 2020-12-18 20:34:01 · 181 阅读 · 1 评论 -
JavaScript知识点3
文章目录一.函数1.回调函数2.全局函数二.对象三.遍历对象中的属性1.案例12.案例2四.遍历对象中的方法五.数组1.数组2.使用内置构造函数3.数组的长度4.数组的分类5.数组遍历一.函数1.回调函数①回调函数:把匿名函数以实参的形式传递,意味着形参就是匿名函数的函数名称<script>function fn(a){//a=function(a是实参) 函数体://调用fn的时候,匿名函数赋值给参数a,a就是函数名称 a();//执行传递的匿名名称的函数体中的原创 2020-12-18 20:01:25 · 294 阅读 · 0 评论 -
JavaScript知识点2
1. 自增(++)①a++(先取当前值,然后再原来的数值+1)② ++a(先在原来的数值上+1)<html><head> <meta charset="UTF-8"> <title>快乐学习每一天</title></head><body> <script> console.log(a);//1 console.log(a++);//2 console.log(a)原创 2020-07-16 17:51:57 · 432 阅读 · 0 评论 -
JavaScript知识点1
文章目录一.热身阶段一.热身阶段表达式 由运算符连接的操作数据。符号 算数运算符,比较运算符,逻辑运算符,位运算符,赋值运算符,三目运算符。①算数运算符:+, - ,* ,/, % ,++, --。② 比较运算符:(等于),> , < ,>+,<=<>(不等号或不相等),=(全等),!==(不全等)=(全等)!(...原创 2019-12-23 21:08:41 · 528 阅读 · 0 评论