JavaScript高级编程
文章平均质量分 83
magic_engineer
这个作者很懒,什么都没留下…
展开
-
常用JavaScript高阶函数
GitHub上有完整的代码和地址:https://github.com/rookie-mr/HigherOrderFunctions原创 2020-09-06 16:44:43 · 87 阅读 · 0 评论 -
任务、微任务、队列和计划
以下内容来自 Google Chrome 的开发者Jake,此文为中文翻译版本。原文地址>>>当我告诉我的同事Matt Gaunt我正在考虑写一篇关于浏览器事件循环中的微任务排队和执行的文章时,他说:“我跟你说实话,Jake,我不打算读那个。”好吧,反正我已经写好了,所以我们都要坐在这里享受它,好吗?实际上,如果你更喜欢视频,Philip Roberts在JSConf上就事件循环做了一个很棒的演讲——微任务没有涉及,但它是对其余内容的一个很好的介绍。不管怎样,继续节目…用这一小翻译 2020-08-22 17:03:21 · 208 阅读 · 0 评论 -
如何实现JavaScript中的 new 关键字
观察下方的代码:// 常见构造函数function Person(name) { this.name = name}Person.prototype.getName = function() { return this.name}// new 的模拟方法const objectFactory = function() { let obj = new Object() // 从Object.prototype上克隆一个对象 let Constru原创 2020-08-12 19:32:14 · 247 阅读 · 0 评论 -
JavaScript跨域技术
图像Ping:通过指定修改实例化图片对象的成功失败事件(onload,onerror)来监听请求的完成节点,修改src为访问路径。例如:let img = new Image() img.onload = img.onerror = function (e) {console.log('Done')} 缺点:只能用于get请求,由于无法获取到请求结果所以只能用于客户端到服务端的单向通信。JSONP(JSON with padding):由两部分组成:回调函数和数据。回调函数是当响应到来时应该在页原创 2020-08-02 23:28:32 · 122 阅读 · 0 评论 -
JavaScript中常见的十种排序方法
注:文中所有示例均执行升序排列一、冒泡排序原理:比较相邻元素,如果前者大于后者,则调换位置,对每个元素执行,此时最后一个元素将是最大值,重复上述操作至排序完成。代码示例:function sort(arr) { for (var i = 0;i < arr.length;i++) { for (var j = 0;j < arr.length-...原创 2020-12-25 10:33:03 · 1505 阅读 · 2 评论 -
ES6代理器Proxy简介
Proxy概述Proxy 用于修改某些操作的默认行为,等同于在语言层面做出修改,所以属于一种“元编程”(meta programming),即对编程语言进行编程。Proxy 可以理解成,在目标对象之前架设一层“拦截”,外界对该对象的访问,都必须先通过这层拦截,因此提供了一种机制,可以对外界的访问进行过滤和改写。Proxy 这个词的原意是代理,用在这里表示由它来“代理”某些操作,可以译为“代...原创 2018-11-09 14:45:38 · 3326 阅读 · 0 评论 -
JavaScript中的Set和Map数据结构总结
Set:基础用法Set类似于数组,但是成员的值都是唯一的,没有重复的值。Set本身为构造函数,用它来生成Set数据结构。 const set = new Set(); // Set 函数可以接受一个数组(或者具有 iterable 接口的其他数据结构)作为参数,用来初始化。Set 实例的属性和方法Set 结构的实例有以下属性。Set.prototype.constructor...原创 2018-11-06 16:37:47 · 357 阅读 · 0 评论 -
本系统登出子系统不发生页面跳转的方法
最近的项目中用到了单点登录,在登录时会进入一个子系统中,校验成功后再回到本系统。在退出时遇到一个麻烦事,我在本系统点击一次退出需要跑到子系统中,子系统不会自动退出还需要再点一下退出才行,用户体验十分不好。解决方式如下:function logout() { // 先执行子系统的登出 var c_logout = "<form id='c-logout' action...原创 2018-10-26 15:08:14 · 455 阅读 · 0 评论 -
JavaScript中的正则表达式及一些新特性
RegExp 对象RegExp 对象表示正则表达式,它是对字符串执行模式匹配的强大工具。直接量语法/pattern/attributes创建 RegExp 对象的语法:new RegExp(pattern, attributes);参数参数 pattern 是一个字符串,指定了正则表达式的模式或其他正则表达式。参数 attributes 是一个可选的字符串,包含...原创 2018-10-25 16:19:28 · 224 阅读 · 0 评论 -
JavaScript对象中的访问器属性
环境:支持ECMAScript 5 及以上的浏览器条件:必须通过Object.defineProperty或者Object.defineProperties添加语法: Object.defineProperty( '目标对象', '属性名', {get: function() {}, set: function() {}} ); Object.definePrope...原创 2018-07-11 16:21:57 · 574 阅读 · 0 评论