JS
文章平均质量分 66
Fade Away
这个作者很懒,什么都没留下…
展开
-
Await Async 处理串行
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> <script type="text/javascript"> const...转载 2019-12-15 20:43:34 · 223 阅读 · 0 评论 -
JS运行机制 宏任务 微任务
任务都是在执行的过程中插入的,而不是定义的时候插入的转载 2019-12-15 18:39:57 · 117 阅读 · 0 评论 -
JS变量和函数与作用域
在js中,一个变量名进入作用域的方式有4种:Language-defined:所有的作用域默认都会给出this和arguments两个变量名;Formal parameters(形参):函数有形参,形参会添加到函数的作用域中;Function declarations(函数声明):如function foo() {};Variable declarations(变量声明):如var fo...原创 2019-12-01 22:50:30 · 104 阅读 · 0 评论 -
JS-作用域-全局作用域-函数作用域
函数能获取到的VO只和函数定义所在的域有关,与其执行所在域无关var str = 'global';function printStr() { console.log(str);}function testScope() { var str = 'local'; printStr();}printStr(); // 毫无疑问,输出 "global"te...原创 2019-12-01 22:27:25 · 118 阅读 · 0 评论 -
JS预编译 只定义 不进行 = 运算
预编译过程没有 = 的运算let obj = { a:'sssss', b:(function(){ console.log(this.obj) return this })() }原创 2019-12-01 22:10:02 · 161 阅读 · 0 评论 -
GO_AO
GO创建变量声明函数声明函数的AO变量声明和形参(没有使用var的进入GO)实参形参统一函数声明覆盖变量声明原创 2019-12-01 14:56:54 · 98 阅读 · 0 评论 -
JS 预编译 初识
function fn(a){ console.log(a); var a = 123; console.log(a); function a(){}; console.log(a); var b = function(){}; console.log(b); function d(){}; } ...原创 2019-12-01 14:39:32 · 419 阅读 · 0 评论 -
模拟事件监听 触发 移除 + 模块化 +数组 扁平化
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> <script type="text/javascript"> let E...原创 2019-12-01 12:21:00 · 221 阅读 · 0 评论 -
获取数组里的obj 的所有属性名的集合 + 数组扁平化
function getArrObjAttrValue(obj) { if (obj.constructor != Array) return; if (!obj || obj.length == 0) return; let valList = [] obj.forEach(item => { valList.push(Object.keys(item))...原创 2019-12-01 12:19:34 · 224 阅读 · 0 评论 -
数组的非空校验
!arr || arr.length == 0原创 2019-12-01 10:32:38 · 909 阅读 · 0 评论 -
apply - call 调用非数组方法 Math.max forEach
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> <script type="text/javascript"> var a...原创 2019-12-01 09:45:05 · 223 阅读 · 0 评论 -
apply-call 使用 [一] 数组作为参数 调用数组的方法
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> <script type="text/javascript"> funct...原创 2019-12-01 09:38:05 · 469 阅读 · 0 评论 -
双向绑定-原生
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> input1<input type="text" id="input1"> input2<in...原创 2019-11-25 17:25:32 · 130 阅读 · 0 评论 -
for in遍历对象 + 12行 实现 深拷贝
for in 遍历数组和对象for of 遍历数组或者对象的值,值遍历,遍历属性名for ofvar obj = [0,2,{a:5}]; for (let key of obj) { console.log(key,obj[key]) }现象解释这个 key 其实是value 才对,我这里故意写错的也就是 说 obj[0],obj[2],obj[{a:5}...原创 2019-11-01 16:52:57 · 760 阅读 · 0 评论 -
横向定时滚动table
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> .scrollView{ width: 365px; /* height: 300px; */ overflow: a...原创 2019-10-23 09:45:51 · 202 阅读 · 0 评论 -
斐波切纳连求和【递归+递归】
<script>// 1,1,2,3,5,8,13,21,34,...// function fib(num){ if(num == 1 || num == 2) { return 1; }// alert(fib(num-1))// alert(fib(num-2)) return fib(num-1) ...原创 2019-03-22 08:43:01 · 338 阅读 · 0 评论 -
TAB选项卡
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="../../css/diy-default.css"> <link rel="styleshee...原创 2019-04-01 13:55:49 · 226 阅读 · 0 评论 -
拖拽
原创 2019-04-02 16:04:59 · 113 阅读 · 0 评论 -
轮播图总结
1.本质:两个定时器A,B在A执行之后B执行,B执行完之后A执行,B必须在下一次A执行的时候完成2.定时器A 假设3000ms启动一次定时器B 1ms启动一次A启动后,启动定时器B,B达到临界条件关闭,下一次A再次启动,B就被开启,达到临界条件关闭,实现自动轮播效果轮播图可拆分为 两个小效果自动轮播点到哪里,移动到那里结构先实现自动轮播效果ul2 包含图片,宽度为单个图...原创 2019-04-09 16:15:03 · 1394 阅读 · 0 评论 -
原生手写双向绑定
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> 数量<input type="text" id="num"> 价格<input type="t...原创 2019-07-10 12:41:30 · 125 阅读 · 0 评论 -
字符串常见处理
JS自带函数concat将两个或多个字符的文本组合起来,返回一个新的字符串。var a = "hello";var b = ",world";var c = a.concat(b);alert(c);//c = "hello,world"用 + 不就完事儿了 ?,+ 和 concat的区别在哪里?indexOf的检查字符是否存在才是最常用的indexOf返回字符串中一个子串...转载 2019-03-21 23:32:55 · 309 阅读 · 0 评论