JavaScript
人非草木12
这个作者很懒,什么都没留下…
展开
-
谷歌浏览器设置暗黑模式
方法一:在 Chrome 的实验性功能中开启黑暗模式。1、打开 Google Chrome,在地址栏中输入“chrome://flags”,回车,进入实验性功能页面;2、在搜索框中搜索“Force Dark Mode for Web Contents”;3、点击“Force Dark Mode for Web Contents”后面的按钮,选择【Enabled】;4、点击右下角的【Relaunch】按钮,重启浏览器,开启黑暗模式。方法二:使用浏览器插件 Dark Mode 开启黑暗模式1、在第三转载 2022-03-11 14:53:32 · 7145 阅读 · 0 评论 -
2021-11-04
一、展示图二、屏幕信息window.screen.height:设备显示屏的高度这个是设备显示屏的高度,各个机型的显示屏高度都不一样,可以在系统设置中看window.screen.availHeight:屏幕的可用高度一般是显示屏高度减去显示屏工具栏的高度任务栏高度 = screen.height - screen.availHeight三、浏览器信息window.outerHeight :浏览器高度这个是浏览器的高度,浏览器缩放会影响高度window.innerHeigh原创 2021-11-04 12:22:44 · 58 阅读 · 0 评论 -
Optional Chaining举例
https://segmentfault.com/a/1190000020186924https://dmitripavlutin.com/javascript-optional-chaining/转载 2021-02-24 10:44:50 · 98 阅读 · 0 评论 -
火狐浏览器滚动条下拉到底部触发ajax出现闪屏
发现问题 : 点击按钮,会请求了两次.分析问题 : 说明ajax请求了两次了, 经查阅 这 和 异步有关 async. 默认是 true,即为异步方式,$.ajax执行后,会继续执行ajax后面的脚本,直到服务器端返回数据后,触发$.ajax里的success方法,这时候执行的是两个线程。async 设置为 false,则所有的请求均为同步请求,在没有返回值之前,同步...转载 2019-11-25 17:56:57 · 266 阅读 · 0 评论 -
闭包应用场景----沙箱模式
//沙箱:是js一种设计模式,指的是一种封闭的空间,通常是一个自执行函数/*作用:a.提供不同的作用域 :避免全局变量污染b.模块化开发 :一个可以实现完整功能的独立空间(作用域)*/(function ( ) {//自执行函数作用:开辟局部作用域,避免全局变量污染var num = 10;function fn ( ) {console.log ( “哈哈” );}})...原创 2019-10-13 15:23:32 · 275 阅读 · 0 评论 -
闭包的应用场景总结
作用域(受javascript链式作用域结构的影响,父级变量中无法访问到子级变量的值,为了解决这个问题,才使用的闭包。)闭包就是能够读取其他函数内部变量的函数。(在JS中,只有函数内部的子函数才能读取局部变量,因此可以把闭包简单理解为”定义在一个函数内部的函数”。无论是在事件中,for循环中,还是在函数自调用中,只要return出来,便有闭包的应用)。弊端 :闭包会把函数中变量的值...原创 2019-10-13 15:17:31 · 435 阅读 · 0 评论 -
JS ready和onload事件 的 区别
先下结论 : 页面加载完成有两种事件:一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件);二是onload,指示页 面包含图片等文件在内的所有元素都加载完成。(可以说:ready 在onload 前加载!!!)故理解: 一般样式控制的,比如图片大小控制放在onload 里面加载;而:jS事件触发的方法,可以在ready 里面加载;2. 详解用j...原创 2019-10-13 11:41:37 · 1430 阅读 · 0 评论 -
onload 事件使用心得
先下结论 :1.你看到true的弹出框的时候,你也会看到“你看到true时就看到我了”,这个才是真正的页面载入完才触发。2.onload事件之类的使用匿名函数执行,即window.οnlοad=function(){ShowMessage();}这种形式<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">...转载 2019-10-13 11:37:08 · 114 阅读 · 0 评论 -
06- instanceof运算符工作原理
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2019-08-27 17:19:59 · 97 阅读 · 0 评论 -
05-完整原型链
![在这里插入图片描述](https://img-blog.csdnimg.cn/2019082717184667.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTc5MzIyMQ==,size_16,color_F...原创 2019-08-27 17:19:03 · 87 阅读 · 0 评论 -
04-Function构造函数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2019-08-27 17:14:53 · 136 阅读 · 0 评论 -
03-函数也是对象
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2019-08-27 17:14:06 · 219 阅读 · 0 评论 -
02-内置对象的原型链
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2019-08-27 17:13:29 · 93 阅读 · 0 评论 -
01-原型链介绍
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2019-08-27 17:12:36 · 81 阅读 · 0 评论 -
内置对象的原型链
内置对象的原型链<script> //1.Date日期对象 var d1 = new Date(); console.log(d1);// log打印日期对象,会自动转成字符串显示时间 console.dir(d1);// dir 查看对象内存 //1.1 查看d1的原型链 ...原创 2019-08-26 18:08:49 · 148 阅读 · 0 评论 -
完整原型链-------图文详解
完整原型链-------图文详解前言 :本片适合有js基础的前端技术工作者;如果你精通JS高级, 那么你可以直接阅读下图 ;如果你是JS初学者, 建议你先了解以下概念( 附 案例 )不足之处 , 欢迎指正1. 什么是原型链原型链 :每一个对象,都有__proto__指向自身的原型。 而原型也是对象,也有自己的__proto__指向原型的原型,以此类推形成链式结构,称之为原...原创 2019-08-26 15:40:19 · 932 阅读 · 0 评论