JS
关注
分享
扫一扫
爱代码的小海
这个作者很懒，什么都没留下…
展开
-
No8-函数记忆
<!DOCTYPE html><html><head> <title>Document</title></head><body> <script type="text/javascript"> var count = 0; //正常写法 function factorial(n...原创 2019-10-29 22:10:26 · 114 阅读 · 0 评论 -
No7-纯函数
<!DOCTYPE html><html><head> <title>纯函数</title></head><body> <script type="text/javascript"> // 纯函数:不依赖、不修改其作用域之外的变量的函数 var num = 18; functio...原创 2019-10-29 22:09:45 · 138 阅读 · 0 评论 -
No6-函数组合
<!DOCTYPE html><html><head> <title>函数组合</title></head><body> <script type="text/javascript"> //while循环实现 function compose(){ var args = Arr...原创 2019-10-29 22:09:17 · 150 阅读 · 0 评论 -
No5-惰性函数
<!DOCTYPE html><html><head> <title>惰性函数</title></head><body> <script type="text/javascript"> //正常的兼容性写法 function addEvent(el,type,handle){ ...原创 2019-10-29 22:08:40 · 102 阅读 · 0 评论 -
No4-数组扁平化
<!DOCTYPE html><html><head> <title>数组/对象扁平化</title></head><body> <script type="text/javascript"> // 数组的扁平化 => 降维 // 对象的扁平化 => 深度 func...原创 2019-10-29 22:07:59 · 124 阅读 · 0 评论 -
No3-函数柯里化
<!DOCTYPE html><html><head> <title>Document</title></head><body> <script type="text/javascript"> /*第一步: 获得第一次传的参数 第二步: 获得第二次传的参数 第三步: 将两次的数据...原创 2019-10-29 22:07:19 · 103 阅读 · 0 评论 -
No2-call/apply封装
<!DOCTYPE html><html><head> <title>call和apply的封装</title></head><body> <script type="text/javascript"> /*大致思路: obj.fn = function(){} obj.fn()...原创 2019-10-29 22:03:19 · 101 阅读 · 0 评论 -
No1-js执行机制
js执行机制1:浏览器常驻的线程*(1):js引擎线程 解释执行js代码 用户输入 网络请求(2):GUI线程 绘制用户界面 与js主线程是互斥的(3):http网络请求线程 处理用户的get post请求 成功后将回调函数推入任务队列(4):定时触发器线程 (setTimeout setInterval等待时间结束后把执行函数推入任务队列)(5):浏览器事件处理线程(事件触发后将事件...原创 2019-10-29 21:59:32 · 109 阅读 · 0 评论 -
JS的toString方法
基本数据类型基本数据类型调用toString方法，都是先调用包装类，然后调用包装类上的toString方法Number.prototype.toString === new Number(123).__proto__.toStringString.prototype.toString === new String('hello').prototye.toStringBoolean.prototype.toString === new Boolean('hello').prototye.toStri原创 2021-03-30 22:00:58 · 566 阅读 · 0 评论 -
JS函数获取某种格式的日期
let dateFunc = { //得到年 getYear: function () { var date = new Date(); var y = date.getFullYear(); return y; }, //得到年月 getMonth: function () { var date = new Date(); var y = date.getFullYear();原创 2020-08-23 17:28:32 · 300 阅读 · 0 评论 -
js-正则表达式
转义字符 \r 一行结束\n 换行\t 制表符多行字符串默认不允许字符串有多行实现 在每一行的最后加上\ 将\后面的空格转义掉正则表达式 RegExp 贪婪匹配原则reg.test() 返回truestr.match() 返回匹配的结果作用 匹配特殊字符或有特殊搭配原则的字符的最佳选择两种创建方式(1)直接量 推荐使用var reg = /abc/ 正则表达式abc 两个...原创 2019-10-18 19:42:46 · 431 阅读 · 0 评论 -
js-事件分类
IE特有div.setCapture();将所有的事件捕获到自己身上div.releaseCapture();结束捕获事件分类一：鼠标事件click mousedown mousedown mouseup contextmenu mouseover mouseout mouseenter mouseleaveclick = onmousedown + onmouseupmouseo...原创 2019-10-18 19:41:26 · 131 阅读 · 0 评论 -
js-事件
一：事件绑定:(1):ele.onxxxx = function(event){兼容性很好一个元素的同一个事件只能绑定一个处理事件基本等于写在HTML行间上 句柄}(2):ele.addEventLister(‘click’,function(){console.log(“a”);可以给一个元素的同一个事件绑定多个处理事件 按绑定顺序执行绑定的同一个处理事件只能执行一次},...原创 2019-10-17 21:55:21 · 219 阅读 · 0 评论 -
js-Date
日期对象var date = new Date(); 记录时刻的作用 只记录当时的信息date.getDate() 得到今天的日期date.getDay() 得到一个星期中的第几天date.getMonth() 得到月份 (0~11)date.getFullYear()getHours() getMinutes() getSeconds() getMilliseconds()getT...原创 2019-10-17 21:54:50 · 186 阅读 · 0 评论 -
js-脚本化css
脚本化CSSdiv.className 可以修改DOMElt的class名称(1):domElt.style返回CSSStyleDeclaration(样式表) 行间样式表注意：只有此方法可以修改CSS样式domElt.style[‘width’]/domElt.style.width 操作domElt的CSS样式写入的值必须要是字符串形式组合单词改成小驼峰 如background-...原创 2019-10-17 21:54:11 · 146 阅读 · 0 评论 -
js-json+时间线+异步加载
一：jsonjson => 对象 {} 传输数据的格式var student = {‘name’:“xhp”‘age’:22}json格式 键名必须加引号 和正常对象的一些小区别var student = {}student[‘name’] = “xhp”student[‘age’] = 22JSON.stringify json --> json stringJ...原创 2019-10-17 21:53:04 · 203 阅读 · 0 评论 -
js-Dom的基本操作
DOM基本操作(1)查看滚动条的滚动距离window.pageXOffset window.pageYOffsetIE8和IE8以下不兼容(一个有用 另一个一定为0)document.body.scrollLeft/Top => bodydocument.documentElement.scorllLeft/Top => htmldoucment.body.scrollL...原创 2019-10-17 21:49:48 · 97 阅读 · 0 评论 -
js-BOM
BOM Brower Object Model用于和浏览器窗口进行交互的一系列对象包括 window document location navigator 和 screen一：window对象 js脚本运行的顶层对象子对象：document HTML文档location HTML文档的URLnavigtor 浏览器属性 名称 版本号screen 浏览器屏幕对象scrollB...原创 2019-10-17 21:48:47 · 111 阅读 · 0 评论 -
JS知识点总结
1.数据类型(1)原始值 Number Boolean String undefined null Symbol(2)引用值 Object Array function(){…} Date RegExp注意:原始值是没有方法和属性的 都是通过包装类来使用的2.NaN != NaN (Not A Number) 唯一一个本身不等于本身的值3.typeof的返回类型 返回的是一个字符串st...原创 2019-10-09 09:26:25 · 177 阅读 · 0 评论