![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 69
靠技术吃饭
这个作者很懒,什么都没留下…
展开
-
正则表达式
正则表达式哪里都用得着,还不会的可得好好学学了!一、正则表达式的概述1.什么是正则表达式2. 正则表达式的特点二、正则表达式在 js 中的使用1. 正则表达式的创建2. 测试正则表达式三、正则表达式中特殊字符1. 正则表达式的组成2. 边界符3. 字符类(1)[] 方括号(2)量词符(3)括号总结4. 预定义类5. 正则替换 replace四、正则好用工具一、正则表达式的概述1.什么是正则表达式正则表达式( Regula...原创 2021-12-24 10:01:57 · 268 阅读 · 29 评论 -
这就是你为什么看不懂递归的原因
今天来聊一下递归,博主可是在这儿栽个大跟头呢,你可别和博主一样了!!一、什么是递归二、利用递归求 1~n 的阶乘三、利用递归求斐波那契数列四、利用递归遍历数据一、什么是递归递归:如果一个函数在内部可以调用其本身,那么这个函数就是递归函数。简单理解:函数内部自己调用自己, 这个函数就是递归函数。注意:递归函数的作用和循环效果一样,由于递归很容易发生“栈溢出”错误(stack overflow),所以必须要加退出条件return。二、利用递归求 1~n 的阶乘.原创 2022-02-10 16:57:10 · 738 阅读 · 0 评论 -
js闭包函数
要想看懂闭包,好好理解吧!一、变量的作用域复习二、什么是闭包三、闭包的作用四、闭包的案例更多案例一、变量的作用域复习变量根据作用域的不同分为两种:全局变量和局部变量函数内部可以使用全局变量 函数外部不可以使用局部变量 当函数执行完毕,本作用域内的局部变量会销毁二、什么是闭包闭包(closure)指有权访问另一个函数作用域中变量的函数。简单理解就是 ,一个作用域可以访问另外一个函数内部的局部变量。三、闭包的作用作用:延伸变量的作用.原创 2022-01-09 19:07:22 · 2064 阅读 · 4 评论 -
js严格模式
js 的严格模式修正了一切可能!一、什么是严格模式二、开启严格模式三、严格模式中的变化一、什么是严格模式JavaScript 除了提供正常模式外,还提供了严格模式(strict mode)。ES5 的严格模式是采用具有限制性JavaScript变体的一种方式,即在严格的条件下运行 JS 代码。严格模式在 IE10 以上版本的浏览器中才会被支持,旧版本浏览器中会被忽略。严格模式对正常的 JavaScript 语义做了一些更改:消除了 Javascript 语法的一些.原创 2022-01-06 08:55:43 · 2187 阅读 · 6 评论 -
函数内部this的指向
还不明白 this 的指向问题的,看完这篇文章就会了!!一、函数内部的 this 指向二、改变函数内部 this 指向1. call 方法2. apply方法3. bind方法4. call、apply、bind 三者的异同一、函数内部的 this 指向这些 this 的指向,是当我们调用函数的时候确定的。调用方式的不同决定了this 的指向不同。一般指向我们的调用者。二、改变函数内部 this 指向1. call 方法call()方法调..原创 2021-12-29 11:10:16 · 795 阅读 · 22 评论 -
js的函数定义和调用
认真看看,好文章错过了就没有了!一、函数的定义二、函数的调用一、函数的定义(1)方式一 函数声明方式 function 关键字(命名函数)function fn(){}(2)方式二函数表达式(匿名函数)var fn = function(){}(3)方式三new Function() new Function()二、函数的调用有六种调用函数的方法,今天在这儿一次性做个总结,还不熟悉函数调用的还不赶快收藏起来!!/* 1. 普通函数...原创 2021-12-22 11:07:42 · 514 阅读 · 14 评论 -
jQuery事件对象
一、jQuery 事件对象jQuery 对DOM中的事件对象 event 进行了封装,兼容性更好,获取更方便,使用变化不大。事件被触发,就会有事件对象的产生。语法:演示代码 :<body> <div></div> <script> $(function() { $(document).on("click", function() { consol...原创 2021-12-14 09:24:08 · 1218 阅读 · 21 评论 -
jQuery事件绑定与解绑
今天是一期关于事件的相关概述!!一、jQuery 事件注册二、jQuery 事件处理1、事件处理 on() 绑定事件2、事件处理 off() 解绑事件3、事件处理 trigger() 自动触发事件一、jQuery 事件注册jQuery 为我们提供了方便的事件注册机制,是开发人员抑郁操作优缺点如下: 优点: 操作简单,且不用担心事件覆盖等问题。 缺点: 普通的事件注册不能做事件委托,且无法实现事件解绑,需要借助其他方法。 演示代码 :<.原创 2021-12-10 19:06:12 · 1747 阅读 · 24 评论 -
jQuery 属性操作
今天又是一篇理论知识,如果不觉得耐烦慢慢欣赏吧!!一、jQuery 属性操作1、元素固有属性值 prop()2、元素自定义属性值 attr()3、数据缓存 data()二、jQuery 文本属性值1、jQuery内容文本值三、jQuery 元素操作1、遍历元素2、创建、添加、删除四、jQuery 尺寸、位置操作1、jQuery 尺寸操作2、jQuery 位置操作五、今日总结一、jQuery 属性操作jQuery 常用属性操作有三种:prop()原创 2021-12-05 20:14:16 · 1177 阅读 · 2 评论 -
jQuery入门
一、jQuery1. jQuery 介绍(1)JavaScript 库 JavaScript库:即 library,是一个封装好的特定的集合(方法和函数)。从封装一大堆函数的角度理解库,就是在这个库中,封装了很多预先定义好的函数在里面,比如动画animate、hide、show,比如获取元素等。简单理解: 就是一个JS 文件,里面对我们原生js代码进行了封装,存放到里面。这样我们可以快速高效的使用这些封装好的功能了。比如 jQuery,就是为了快速方便的操作DOM,里面基本都是函数(方法)。原创 2021-11-29 09:56:41 · 102 阅读 · 2 评论 -
JavaScript贪吃蛇
这篇文章不简单!!一、创建html结构二、创建表格三、创建蛇头、蛇身四、创建食物五、让蛇动起来六、 控制蛇的方向七、完整代码index.htmlGame.jsSnake.jsFood.js八、图片九、总结今天博主呕心沥血写了一个贪吃蛇的小游戏,整个过程从无到有简直扣人心弦。接下来本博主就来好好说到说到这个过程!!话不多说,我们还是先来看看最后的呈现效果吧。看完了才知道什么叫做操作,简直传奇!!接下来不吹牛来讲讲实际操...原创 2021-11-24 10:13:47 · 5479 阅读 · 47 评论 -
js移动端轮播图
做完PC端的轮播图以后,怎么能不尝试一下移动端呢,也不像我的风格,来来来,格局打开,往下看!!!移动端轮播图功能和基本PC端一致。 可以自动播放图片 手指可以拖动播放轮播图 做好多的效果图如下图所示:案例分析第一步: 自动播放功能 开启定时器 移动端移动,可以使用translate 移动 想要图片优雅的移动,请添加过渡效果 第二步: 自动播放功能-无缝滚动 注意,我们判断条件是要等到图片滚动完毕再去判.原创 2021-12-07 11:08:25 · 453 阅读 · 36 评论 -
js移动端触屏事件
我们移动端的触屏事件来, 有了它还怕搞不定 ????1、触屏事件2、触摸事件对象(TouchEvent)1、触屏事件移动端浏览器兼容性较好,我们不需要考虑以前 JS 的兼容性问题,可以放心的使用原生 JS 书写效果,但是移动端也有自己独特的地方。比如触屏事件 touch(也称触摸事件),Android和 IOS 都有。touch 对象代表一个触摸点。触摸点可能是一根手指,也可能是一根触摸笔。触屏事件可响应用户手指(或触控笔)对屏幕或者触控板操作。常见的触屏事件如下:2原创 2021-12-02 09:54:40 · 585 阅读 · 22 评论 -
offset、client、scroll 三大家族来了—JavaScript
一、元素偏移量 offset 系列offset 翻译过来就是偏移量, 我们使用 offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。 1、获得元素距离带有定位父元素的位置 2、获得元素自身的大小(宽度高度) 3、注意:返回的数值都不带单位原创 2021-11-15 20:04:52 · 159 阅读 · 14 评论 -
setTimeout 和 setInterval 两种定时器的介绍—JavaScript
定时器是我们写前端页面必备的一个技能,所以还不会的兄弟们赶紧学起来!!!1、setTimeout() 炸弹定时器2、setInterval() 闹钟定时器window 对象给我们提供了 2 个非常好用的方法-定时器。 setTimeout() setInterval() 1、setTimeout() 炸弹定时器开启定时器window.setTimeout(调用函数,[延迟的毫秒数]);setTimeout() 这个调用函数我们也称为回调函数 callba原创 2021-11-17 11:01:17 · 687 阅读 · 24 评论 -
load 和 DOMContentLoaded 事件的区别—JavaScript
BOM(Browser Object Model)即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是 window。BOM 由一系列相关的对象构成,并且每个对象都提供了很多方法与属性。BOM 缺乏标准,JavaScript 语法的标准化组织是 ECMA,DOM 的标准化组织是 W3C,BOM 最初是Netscape 浏览器标准的一部分。下面我们来分析分析 DOM 和 BOM 的区别原创 2021-11-11 10:14:19 · 770 阅读 · 14 评论 -
轮播图的实现—JavaScript
今天又是一个非常实用的案例哟,听名字就觉得高级很难对吧,今天就来写一个案例,让你轻松学到轮播图的精髓!!还是老规矩,来看一下实现效果!!学习轮播图的首先是要把图片准备好,并且用 ul 的里面的 li 包起来,给 li 一个浮动,让他们显示在一行上,但是注意了,一定要给 ul 足够的宽哦!!来吧,html 和 css 代码如下所示(文件名:index.html)<!DOCTYPE html><html lang="en"><head> .原创 2021-11-12 11:05:33 · 2639 阅读 · 34 评论 -
js实现放大镜效果(图片放大)—JavaScript
类似于放大镜效果的图片放大效果,学到了才知道什么叫做人外有人!!!!原创 2021-11-10 16:54:59 · 18279 阅读 · 50 评论 -
简单的 html拖动模态框 案例
要想做好这个案例首先分为三个部分:html 框架和 css 样式、JavaScript 的交互效果(点击弹出和关闭的隐藏效果、最后就是一个拖动的效果)!原创 2021-11-05 17:31:42 · 1707 阅读 · 34 评论 -
鼠标和键盘事件带来的便利
今天是 关于 DOM 事件最后一次 分享!!一、常用鼠标事件1、案例:禁止选中文字和禁止右键菜单2、鼠标事件对象3、获取鼠标在页面的坐标二、常用键盘事件1、键盘事件2、键盘事件对象3、案例:输入框方法提示一、常用鼠标事件1、案例:禁止选中文字和禁止右键菜单案例代码<body> 我是一段不愿意分享的文字 <script> // 1. contextmenu 我们可以禁用右键菜单 .原创 2021-11-04 14:35:03 · 220 阅读 · 22 评论 -
DOM 的 事件高级 带来的革新
仔细感受一下 DOM 事件给我们带来的变化!!原创 2021-11-03 09:12:44 · 141 阅读 · 14 评论 -
这是面试中常出现的一个问题
接下来这是面试中经常会出现的问题,看到的小伙伴们一定要认真记住了!!创建元素的三种方式原创 2021-11-01 15:25:53 · 132 阅读 · 9 评论 -
了解更多的 DOM 操作
今天主要来学习一些案例!一、排他思想如果有同一组元素,我们想要某一个元素实现某种样式, 需要用到循环的排他思想算法:...原创 2021-10-30 09:08:43 · 290 阅读 · 10 评论 -
学习 DOM 的入门级手册
目录一、Web API 介绍1、API 的概念2、Web API 的概念二、DOM 介绍1、什么是 DON2、DOM 树三、获取元素1、根据 ID 获取2、根据标签名获取元素3、H5 新增获取元素方式4、获取特殊元素(body、html)四、事件基础1、事件概述2、事件三要素3、执行事件的步骤4、常见的鼠标事件五、操作元素1、改变元素内容(获取或设置)2、常用元素的属性操作3、表单元素的属性操作4、样式属性操作六、今日.原创 2021-10-28 11:08:14 · 7407 阅读 · 22 评论 -
天使跟我走,世界我都有
简单又有趣的小案例,看过的都称好!原创 2021-10-28 17:43:50 · 2022 阅读 · 28 评论 -
来抄作业了,留言板上写出你的故事....
我又来啦!喜欢的宝宝们就往下看吧!!今天是一个简单的留言板案例,主要是输入内容后点击提交内容就可以到留言区域显示的一个操作!具体效果如下所示:1、首先第一点还是老规矩,先搭建好一个 html 框架! <div class="box"> <textarea name="" id="" cols="30" rows="10"></textarea> <button>提交</button>..原创 2021-10-26 15:11:26 · 256 阅读 · 20 评论 -
所见即所得
来吧 Baby !!!!现在已经正式进入 JavaScript 阶段了,学习 web前端 最大的成就感就是项目能够正确跑一边的那一刻。今天来给大家讲讲一个点击事件如何实现一下效果!!!!以下是我们平常浏览网页的时候最常见的一组操作,在导航栏上任意切换的一个效果。做网页的第一步,首先要搭建好结构,由下图不难看出我们需要一个大盒子里面装两个小盒子。实现结构搭建的代码如下所示: <div class="box"> <div clas...原创 2021-10-22 16:35:43 · 863 阅读 · 34 评论 -
竟是为了这原因找对象......
一、函数1、函数的使用在 JS 里面,可能会定义非常多的相同代码或者功能相似的代码,这些代码可能需要大量重复使用。虽然 for循环语句也能实现一些简单的重复操作,但是比较具有局限性,此时我们就可以使用 JS 中的函数。函数:就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用。(1)声明函数:// 声明函数function 函数名() { //函数体代码}function 是声明函数的关键字,必须小写 由于函数一般是为了实现某个功能才定义的..原创 2021-10-18 16:55:42 · 216 阅读 · 25 评论 -
天道好轮回苍天饶过谁万般皆是命半点不由人——循环
目录循环for 循环双重 for 循环while 循环do-while 循环continue、break断点测试代码规范循环for 循环语法:for(初始化变量; 条件表达式; 操作表达式 ){ //循环体}名称 作用 初始化变量 通常被用于初始化一个计数器,该表达式可以使用 var 关键字声明新的变量,这个变量帮我们来记录次数。 条件表达式 用于确定每一次循环是否能被执行。如果结果是 true 就继续循环,否则原创 2021-10-11 16:22:12 · 734 阅读 · 39 评论