自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(14)
  • 收藏
  • 关注

原创 js源码分析(三)——Bind

js源码(bind):<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &lt

2022-01-20 19:46:40 342 1

原创 js源码分析(二)——Apply

js源码(apply):<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l

2022-01-20 19:44:48 216

原创 js源码分析(一)——Call

js源码(call):<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <

2022-01-20 19:41:09 371

原创 原生 JS 实现无缝轮播图(进阶版)

实现效果:完整代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &

2022-01-17 22:11:00 256 8

原创 JavaScript实现春节倒计时

运行结果:完整代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l

2022-01-12 20:31:35 328 5

原创 Html+CSS+JS轮播图:手动轮播,自动轮播

演示效果轮播图代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l

2022-01-11 18:39:39 21940 47

原创 JavaScript预编译

浏览器执行JavaScript的过程:1.语法分析基本语法检测,有没有基本的语法错误,例如中文标点符号等2.预编译(预解析)①函数运行前的一瞬间,生成Active Object(活动对象),后面简称AO②函数声明的参数(星参),形成AO对象的属性名,属性质为实参的值,未传递实参则为undefined③分析变量声明,如 var a如果AO对象上还没有a属性,则添加AO属性,值为undefined如果AO对象上已经有a属性,则不做任何影响④分析函数声明,如 function foo

2022-01-11 13:51:37 586 3

原创 js打怪兽(封装函数)

运行结果:下面是详细代码(复制粘贴即可):<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale.

2022-01-09 20:14:31 1126 16

原创 前端面试题:js中var与let区别

ES6 新增了let命令,用来声明局部变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效,而且有暂时性死区的约束。先看个var的常见变量提升的面试题目:题目1:var a = 99; // 全局变量af(); // f是函数,虽然定义在调用的后面,但是函数声明会提升到作用域的顶部。 console.log(a); // a=>99, 此时是全局变量的afunction f() {

2022-01-04 15:42:27 178 2

原创 元旦倒计时

代码(复制可以修改想要倒计时的时间):<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"...

2021-12-31 22:00:31 194 1

原创 原生JS表单验证案例

验证码实现 - html页面版<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2021-12-25 16:01:13 478 2

转载 圣诞树代码

CSS代码:html{color:#000;background:#222222;}a{cursor:pointer;}html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fiel.

2021-12-23 18:38:53 7439 1

原创 JS定时器

定时器:(window可以省略)周期性定时器:没间隔多久执行一次window.setInterval(function(){},时间);window.setInterval('fn()',时间);window.setInterval('fn()',1000);一次性定时器:页面在加载完毕后的多久调用一次window.setTimeout(function(){},时间);window.setTimeout(fn,时间);window.setInterval('fn()',1000);定

2021-12-21 23:24:20 241 2

原创 冒泡排序方法

//冒泡排序:vararr=[3,4,5,7,1,2,8,13,35,7,9];//console.log(arr.sort((a,b)=>a-b));//console.log(arr.sort(function(a,b){returna-b}));//轮数->两两比较的次数//从小到大排列//轮次for(vari=0;i<arr.length;i...

2021-12-18 15:33:09 405 4

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除