emm_10_01-优快云博客

原创 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 354 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 235

原创 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 385

原创原生 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 278 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 351 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 23243 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 609 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 1168 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 192 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 213 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 525 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 7763 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 250 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 426 4

emm_10_01的博客