JS
二水你要努力啊
爆炸头, 望春风 。
展开
-
DOM操作之获取窗口宽高&&元素样式
获取视口宽高function getVierPortOffset(){ if(window.innerWidth){ return { w:window.innerWidth, h:window.innerHeight, } }else{ //浏览器怪异模式 if(document.compatMode === 'BackCompa...原创 2020-02-27 09:45:18 · 174 阅读 · 0 评论 -
insertBefore 的详细用法解析
其中需要注意两点1.谁去调用此函数2.函数中的两个参数的意义原创 2019-04-23 11:14:46 · 6954 阅读 · 0 评论 -
原生js实现豌豆射手的移动射击(待施工)
总结大体上分为 豌豆 和块功能分为 拖拽、运动(定时器)和元素重叠判断条件但是其中需要清除和遇到的bug 太多牵扯到了许多,属性的调用尤其是子弹的消除,与其弹道值得实时获取一些细节,在注释中有所体现,不在这里一一叙述...原创 2019-04-18 08:42:39 · 439 阅读 · 0 评论 -
九宫格特效
前言 此次九宫格牵扯到了 <font color=DeepPink>节点</font>之间的 <font color=HotPink>距离</font> 与 <font color=HotPink>位置交换</font>其中有几点重要的思想列举如下:对于随机颜色的添加(1)可以利用#ffffff 十六进制...原创 2019-04-03 11:41:25 · 433 阅读 · 0 评论 -
字符串拼接在JS中的重要作用!
如果我需要动态的改变某个DOM的属性:如我要将一个盒子的width:100 变为200而且,在JS中 style 是通过""形式去给属性赋值!因此,可以通过将 变量 与字符串 拼接,如 "变量 + px ",即可实现赋值...原创 2019-03-29 13:14:43 · 688 阅读 · 0 评论 -
HTML + JS实现万年历效果
实现的主要功能:点击实现日历样式的改变实现下一次点击时,上一次点击改变的样式恢复原状(核心)实现点击日历时,在最下方输出信息指定信息(注意:并不是点击元素中的信息注意:并不是点击元素中的信息)核心思想:由于此处增加点击事件不是通过 id名 直接添加,而是通过类数组(通过DOM中的TagName得到),给需要相同功能的标签,利用循环进行点击事件添加。即如果是通过id名添加点击事件...原创 2019-03-29 11:58:35 · 5681 阅读 · 1 评论 -
隐式转换规则
number和boolean用==比较时会把boolean转换为number再比较值,true转换为number是1,!!2则是把2转换为boolean,非零转换boolean都是true原创 2019-03-23 15:15:31 · 552 阅读 · 0 评论 -
函数声明的理解(重要)
对于函数声明规则:程序执行前要进行预编译,产生一个AO对象,并按照AO对象中的规则, 整理 声明语句(注意,只牵扯到声明,并未赋值)首先js的执行过程会先扫描一下整体语法语句,如果存在逻辑错误或者语法错误,那么直接报错,程序停止执行,没有错误的话,开始从上到下解释一行执行一行。但是js中首先你要清楚变量声明和函数声明是会提升的。计算机执行到function()函数时,在执行的前...原创 2019-03-23 11:01:16 · 766 阅读 · 0 评论 -
匿名函数解析错误
在匿名函数的使用中,浏览器会出现解析错误。(此问题比较重要,单独拿出来做一篇谨记) var one = function (f) { return function (x) { return f(x); } } (one(function(){ console.log("print 1 times"); }))();但若此时加上一个分号或者别的...原创 2019-03-26 11:32:01 · 332 阅读 · 0 评论 -
JS新手问题解决
若是我想获取P里值,但却把JS代码写在了P标签前面,如下图<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>简单运算输出</title> </head> <body> <script src="../js/d...原创 2019-03-18 20:32:29 · 195 阅读 · 0 评论