JS可以卸载已经加载的程序或函数吗？

tang688 2015-09-14 09:52:02

实际情况是这样的，我有一个非常规性的WEB编辑界面，为操作方便使用大量的快捷键功能。
大家都知道，这个快捷键的数量会很有限（也就几十个而已，有一些还已经是通用的不能再用的键，比如CTRL+C，CTRL+V等等），而我要用的快捷功能超过了这些数量，造成我很不方便。
我每一项功能都使用了加载层的方法，层可以关闭。但是好象已经加载的JS功能，比如快捷键，就无法重新指定使用了。
有人可能会教我重新加载整个页面，这个JS就可以重新加载了，这个方法我当然知道，可是：我的页面上有太多的数据了，几千条数据是起步，几万条是正常，重新加载是一件让操作者非常痛苦的事情(加载一次几十秒是起步，几分钟甚至几十分钟是正常的）。
所以我想，有没有办法，比如在关闭加载层的时候，将某些快捷键重新定义使用？

...全文

118 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

forrg 2015-09-14

打赏
举报

回复

有啊，原生的可以，JQ也可以，JQ更好使，只不过你把函数赋值给变量，用时调用变量，不用了就修改引用地址变更掉，至于JQ，那就更简单了

Go 旅城通票 2015-09-14

打赏
举报

回复

不同的快捷键处理函数给定不同的函数名，使用removeEventListener或者dettachEvent执行解绑就行了

精简了three.js小程序版的源码，适配小程序端，使用实例可查看资源中的小程序。关于跨平台：本人只在微信小程序平台测试过，快手、字节等小程序平台并未测试。但是由于three.js是基于type为webgl的canvas，所以理论上只要对应小程序平台的canvas支持webgl，这个源码就是可以用的。几点注意的地方： 1.小程序由于本身占用内存的限制，过于复杂的3D场景会造成运行卡顿。 2.还是出于内存考虑，场景中的光影尽量不要太多，尤其不要开启实时阴影，会直接造成卡顿。 3.加载glb模型时，如果模型过大，会加载时间很长，所以基于小程序平台，尽量先把模型压缩到1.5M以内（我的示例文件中发布的模型基本都是在1.2M以内，完全可以满足小程序端的使用。） 4.页面卸载时，由于资源不会马上释放，所以如果反复进入3D场景页面，会容易造成卡顿。在页面卸载的周期函数中（例如：onUnLoad函数），务必将声明的变量修改为null，这样才可以处发小程序的垃圾回收机制，使程序运行流畅。

:satellite: comlink-loader :satellite_antenna: 使用模块无缝地卸载到Worker线程。产品特点几乎不改变使用量，或将几乎所有模块卸载到Worker中支持任意的类，对象和函数（ await new Foo() ）与async / await完美搭配内置代码拆分：工人被延迟加载安装 npm install -D comlink-loader 用法 comlink-loader的目标是使模块在Worker中运行对开发人员几乎透明。出厂模式（默认）在下面的示例中，为了通过comlink-loader在Worker中导入MyClass我们必须进行两项更改。实例化和方法调用必须以awai

老规矩，先看本节效果图我们实现这个支付功能完全是借助小程序云开发实现的，不用搭建自己的服务器，不用买域名，不用备案域名，不用支持https。只需要一个简单的云函数，就可以轻松的实现微信小程序支付功能。核心代码就下面这些一，创建一个云开发小程序关于如何创建云开发小程序，这里我就不再做具体讲解。不知道怎么创建云开发小程序的同学，可以去翻看我之前的文章，或者看下我录制的视频：https://edu.csdn.net/course/play/9604/204528创建云开发小程序有几点注意的1，一定不要忘记在app.js里初始化云开发环境。2，创建完云函数后，一定要记得上传二，创建支付的云函数1，创建云函数pay三，引入三方依赖tenpay我们这里引入三方依赖的目的，是创建我们支付时需要的一些参数。我们安装依赖是使用里npm 而npm必须安装node,关于如何安装node，我这里不做讲解，百度一下，网上一大堆。1，首先右键pay，然后选择在终端中打开2，我们使用npm来安装这个依赖。在命令行里执行 npm i tenpay安装完成后，我们的pay云函数会多出一个package.json 文件到这里我们的tenpay依赖就安装好了。四，编写云函数pay完整代码如下//云开发实现支付 const cloud = require('wx-server-sdk')cloud.init() //1，引入支付的三方依赖 const tenpay = require('tenpay'); //2，配置支付信息 const config = ;exports.main = async(event, context) => 一定要注意把appid，mchid，partnerKey换成你自己的。到这里我们获取小程序支付所需参数的云函数代码就编写完成了。不要忘记上传这个云函数。出现下图就代表上传成功五，写一个简单的页面，用来提交订单，调用pay云函数。这个页面很简单，1，自己随便编写一个订单号（这个订单号要大于6位）2，自己随便填写一个订单价（单位是分）3，点击按钮，调用pay云函数。获取支付所需参数。下图是官方支付api所需要的一些必须参数。下图是我们调用pay云函数获取的参数，和上图所需要的是不是一样。六，调用wx.requestPayment实现支付下图是官方的示例代码这里不在做具体讲解了，完整的可以看视频。实现效果1，调起支付键盘2，支付完成3，log日志，可以看出不同支付状态的回调上图是支付成功的回调，我们可以在支付成功回调时，改变订单支付状态。下图是支付失败的回调，下图是支付完成的状态。到这里我们就轻松的实现了微信小程序的支付功能了。是不是很简单啊，完整的讲解可以看视频。

闭包和使用匿名函数用例 JavaScript 模块模式代码组织函数.prototype.bind 文档.write() 特征检测、特征推断和使用 UA 字符串文档加载和文档就绪事件事件委托事件委托允许您避免向特定节点添加事件侦听器；相反，事件侦听器被添加到一个父级。事件侦听器分析冒泡事件以查找子元素的匹配项。好处：设置和驻留在内存中的事件处理程序更少，从而提高性能 DOM 更新后无需重新附加处理程序如果您的页面内容是动态生成的，例如通过 Ajax，您不需要在加载或卸载元素时添加和删除事件处理程序潜在问题：您的代码可能会成为性能瓶颈，因此请尽可能保持精简。并非所有事件都会冒泡。模糊、聚焦、加载和卸载事件不像其他事件那样冒泡。管理某些鼠标事件时需要小心。如果您的代码正在处理 mousemove 事件，您将面临严重的性能瓶颈风险，因为 mouse

Iron Router beforeLeavePrevious IronRouter 为我们提供了大量选项，可以在旧模板卸载后挂钩加载新模板，但没有任何选项允许我们在卸载旧模板之前挂钩（并可能阻止）导航。这个 beforeLeavePrevious 包允许您停止导航到特定页面（或任何页面），直到满足所有挂钩（返回 true）。该包的原始用例是显示一个bootstrap.js模式，在导航到应用程序的受限区域之前提示付款。该包也可用于其他异步确认/订阅对话框和动画挂钩（即动画必须在导航开始之前完成并准备好返回）。它设计用于有条件地返回 true 的React式函数。如果您只想在更改路由之前运行一些代码，您应该使用内置卸载钩子或 onBeforeAction 等之一。重要的beforeLeavePrevious 钩子对通过直接输入其 URL 加载的路由/通过外部链接到达的路由

87,907

社区成员

224,615

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章