![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
吴仙杰
这个作者很懒,什么都没留下…
展开
-
通过JS在新的浏览器窗口/标签页显示图片
function ajaxImage(cb){ ... cb(imageURL);}$('#img-id').off('click').on('click', function () { ajaxImage(function(url) { var newWindow = window.open(""); newWindow.docume...原创 2019-12-06 09:46:11 · 2921 阅读 · 0 评论 -
详解 JavaScript 的 IIFE 语法
拆解 JavaScript 的 IIFE 语法IIFE 语法IIFE 语法的一些变体小括号去哪儿了?命名的 IIFE防止连接文件时出现问题使用箭头函数代替函数表达式在 JavaScript 中,我们经常会遇到以下这种模式。这种模式被称之为 IIFE(Immediately-Invoked Function Expression),即立即调用的函数表达式:(function() { // ....原创 2019-05-29 11:19:54 · 1355 阅读 · 0 评论 -
zTree 异步删除节点操作
最近考虑使用 zTree 自带的编辑功能,但发现 beforeRemove 函数并提供针对异步操作(如 AJAX、setTimeout)时的回调函数。其实,要实现像这种需要根据异步返回结果来判断是否能够删除节点的操作,也非常简单。我们只需要借助 zTree 的 removeNode 和 getSelectedNodes 两个 API,在异步回调函数中手动删除节点即可:var beforeRe...原创 2019-06-18 16:06:13 · 921 阅读 · 3 评论 -
解析ES2015中的Class关键字和构造方法
首先,我们直接来看下面的示例代码:var Component = function () { console.log(this);};Component();var compoent = new Component();上面代码中的Component()和new Component()都是调用函数Component,但是它们在浏览器环境下的执行结果却完全不同:Window ...原创 2019-08-19 11:15:19 · 481 阅读 · 0 评论 -
解析ES2015中的静态方法
我们知道Java中存在静态方法,并且我们可以通过类名.静态方法名()的方式,当然也可以通过实例对象名.静态方法名()进行调用(不推荐)。因为静态方法的存在,使得我们可以很方便地在类上定义各种通用方法。那么,在JavaScript中有没有像Java中那样的静态方法呢?我们先来看一段如下的JavaScript代码:var Component = function _Component(obj) {...原创 2019-08-19 16:12:18 · 548 阅读 · 0 评论 -
解析ES2015中的对象继承
从ES2015开始,我们可以使用extends关键字实现对象继承,使用super关键字指向父对象。比如下面的ES2015代码:class Foo { constructor(id) { this.id = id; } show() { console.log('父类'); console.log('id --- ' + t...原创 2019-08-21 15:55:45 · 274 阅读 · 0 评论 -
简略模拟现市面上流行JS框架的属性传递与自动渲染特性
JavaScript源码:// 父组件let Component = { version: 'v1.0', // 实现初始化 init() { // 创建全局属性`props` // 1 设置相关属性为不可枚举 Object.defineProperties(this, { init: { ...原创 2019-08-16 18:51:07 · 119 阅读 · 0 评论 -
JavaScript中创建函数的多种方式
在JavaScript中,我们可以通过多种方式来定义一个函数。下面,我们就对这些定义函数的方式分别进行说明。Function构造器利用Function构造器可以创建一个新的Function对象。但是通过构造器动态创建函数,存在安全性和性能方面的问题。这种方式,我们很少,或基本上不会用到。var addition = new Function('a', 'b', 'return a + b;'...原创 2019-08-13 11:07:54 · 699 阅读 · 0 评论