Mabius-CSDN博客

原创浏览器线程

浏览器的线程1.GUI渲染线程2.定时器线程3.事件监听线程4.js引擎线程5.http网络线程GUI渲染线程的渲染流程1.生成DOMTree2.生成CSSTree3.将DOMTree和CSSTree合并成RenderTree4.根据RenderTree计算出每个元素在页面中的位置和从属关系,进行布局5.进行渲染显示6.reflow(回流)引起整体的布局改变(display,宽高)7.repating(重绘)颜色...

2022-02-12 16:43:20 161

原创 this指向

this 是JavaScript语言的一个关键字。它代表函数运行时自动生成的一个内部对象，一般用在函数内部。随着函数使用场合的不同，this的指向会发生变化，但是有一个变化的规律，this指向函数的调用者。接下来，我们就针对每一种情况，详细讨论this的指向。1.普通函数：谁调用我我的this就指向谁2.箭头函数：我在哪个函数 this就指向谁默认指向在定义它时所处的对象而不是执行时的对象箭头函数实际并没有自己的this对象，其内部的this自动指向外层代码块的this箭头函数不

2022-02-12 15:34:37 385

原创函数的理解

什么是函数：1.用来实现特定的功能的，多条语句的封装体2.只有函数类型的数据是可以执行的，其他的都不可以为什么要用函数？提高复用性便于阅读交流函数声明①以function开头的为函数声明②函数声明不能被执行符号执行函数表达式 ①不是以function开头的均可以被称为函数表达式②函数表达式的函数名没有实际意义，所以函数表达式自动放弃函数名③没有名字...

2022-02-12 15:19:48 390

原创 js判断用户名

2022-01-13 19:54:11 862

原创 js随机验证码

2022-01-13 19:52:06 91

原创 js蜘蛛腿

200腿 3中昆虫蜘蛛？只 8条腿青蛙？只 4条腿蜻蜓？只 6条腿满足两百条腿时有几种方法，和之前的百钱百鸡差不多上代码：<script> var a = 0; for(var x=1;x<=200;x++){ for(var y=1;y<=200;y++){ for(var z=1;z&l...

2022-01-13 19:49:35 112

原创 js求水仙花数

要求是个位数的三次方+十位数的三次方+百位数的三次方，这是100到1000的，后面和这个一样的看自己情况以下代码：<script> var a,b,c ; for(i=100;i<1000;i++){ var a = parseInt(i%10); //个位数 var b = parseInt((i/10)%10); //十位数 var c = parseInt(i/100

2022-01-13 19:45:11 223

原创 js九九乘法表

1：让每个td都有自己的随机颜色2：需要用双循环来实现乘法表直接上代码：<script> document.write('<table>'); for(var i=1;i<=9;i++){ document.write('<tr>'); for(var j=1;j<=i;j++){

2022-01-13 19:29:39 148

原创 js百钱百鸡问题

提的意思是用一百元买一百只鸡，有多少种买法：100块 100鸡公鸡1元母鸡 2元小鸡 0.5元钱数和只数的和都等于100<script> var sum = 0; for(var x=1;x<=100;x++){ for(var y=1;y<=100;y++){ for(var z=1;z<=100;z++){ if(.

2022-01-13 19:23:52 155

原创 js循环打印三角型

直接上代码：<script> for(var i=0;i<=5;i++){ for(var j=0;j<=i;j++){ document.write('*') } document.write('<br>') }</script>

2022-01-13 19:17:58 269

原创 js三元表达式判断大小

三元表达式可以理解为判断，和 if （） else（）一样，像是它的简写。以下代码是判断三个数值得大小：<script type="text/javascript"> var a = parseInt(prompt("请输入数值")); var b = parseInt(prompt("请输入数值")); var c = parseInt(prompt("请输入数值")); var d = (a>b?(a>c?

2022-01-13 19:15:32 1633

原创 js写关联计算器

一般计算器直接让两个数进行运算就行，但开发时都要逻辑的，一个程序第一关过不去，后面就不会显示，也就是进不去下面代码是关联计算器：一层层的去判断是否满足条件才能进行后面的程序，知道排除错误，当所有条件满足后才进入运算里面<script> var num1 = prompt('数字1').trim(); //去前后空格 var num2 = prompt('数字2').trim(); //去前后空格 if(num1.length =

2022-01-13 19:01:41 93

原创 js基本打印表格

样式设置整个tsnle在也免得中间css：<style> table{ /* 让整个table居中，显示在页面正中间 */ margin: auto; }</style>script：<script type="text/javascript"> //用弹框内容自己控制表格的长宽和边框 var w = prompt("请输入表格的宽度").

2022-01-13 18:44:34 1582

Mabius的博客