草庐IT

linux项目开发

全部标签

javascript - 使用开发人员工具识别 javascript 闭包

我目前正在开发一个纯javascript网站,并且严重依赖jQuery和jQueryUI库(该网站不适合公众使用,因此渐进增强不是该项目的严格要求)。我在执行以下代码时遇到严重的内存泄漏:oDialogBox=$("...");/*Addusefulthingstothedialogboxhere*/oDialogBox.appendTo("body");oDialogBox.dialog({/*Otherdialogboxsettingshere*/close:function(event,ui){oDialogBox.dialog("destroy");oDialogBox.rem

javascript - 如何从浏览器开发工具访问 Webpack 模块?

我有一个用webpack编译的ES6模块。要调试它,我必须手动将某些对象附加到window,以便我可以通过Chrome/Safari中的调试工具引用它们:exportclassDialog{...}window.debugdialog=Dialog;这非常麻烦,而且肯定不是最好的方法。有没有一种方法可以在不修改源代码的情况下引用模块?是的,我知道断点,而且我会使用它们。但有时我想加载所有代码并通过使用内联JavaScript控制它来调整UI。 最佳答案 来源map如果您在开发环境或您自己的机器上运行服务器,您可以利用sourcema

javascript - 每当发生 JavaScript 错误时显示突出的错误消息(供开发使用)

每当我的JavaScript在向控制台记录错误消息时死机,我都希望立即被告知。控制台太隐蔽,经常被其他窗口隐藏或遮挡。我可以拥有像.NET异常对话框一样突出的东西吗?对我来说,这些JavaScript错误是完全致命的;它们不是可以忽略的东西,在我花一些时间思考为什么某些事情没有发生之前,我想了解它们。是否有适用于Firefox或Chrome的插件? 最佳答案 我认为window.onerrorhandler将为您提供这样的功能,您可以在其中提醒错误、url和行号,DEMO注意:确保window.onerror函数位于单独的脚本标记内

javascript - 捆绑我的 JS/TS 项目是反模式吗?

我正在使用TypeScript在Angular2中开发一个项目,并试图确定我的工作流程。昨天,我看到了thisvideo来自GuyBedford关于包管理的内容。在其中,他提到了他认为捆绑是反模式的事实。我看到过类似的关于不再在angular-universityguide上进行捆绑的提及。.从观看视频后我读到的内容来看,在我看来,捆绑是反模式的原因是HTTP2allowsmultipleresponsesperrequest,并行发送。这似乎非常有用,因为对服务器的单个请求可以在单个文件中返回整个Angular应用程序。HTTP2支持现在是否普遍到足以过渡到非捆绑应用程序?有什么优点

javascript - 这个 JS 片段有什么作用? `"开发"!== 'production'`

都在这react.jsfile:if("development"!=='production'){vartypeofSpec=typeofspec;varisMixinValid=typeofSpec==='object'&&spec!==null;"development"!=='production'?warning(isMixinValid,'%s:You\'reattemptingtoincludeamixinthatiseithernull'+'ornotanobject.Checkthemixinsincludedbythecomponent,'+'aswellasanym

javascript - 在 Vue 中代理 webpack 开发服务器

我正在尝试使用vue-axios和vuex将所有api/请求代理到http://localhost:3000。命令行上的输出表明代理已经创建,但它实际上并没有代理到正确的地址和404。我在webpack中有以下设置:dev:{env:require('./dev.env'),port:8080,autoOpenBrowser:true,assetsSubDirectory:'static',assetsPublicPath:'/',proxyTable:{'api/':{target:'https://localhost:3000/api',changeOrigin:true,path

javascript - 使用流类型构建 react 项目以实现最佳类型可重用性

我遇到了一个问题,我必须在我的store/view/components文件,即考虑一个接受一些存储值并具有更改该值的函数的View,并将该函数传递给组件。这里有很多类型的可重用性,我继续研究如何为此构建项目,但没有发现任何有用的东西。我找到的是$PropertyType实用程序类,这使我采用了以下方法//@flowimportReact,{Component}importOtherComponentfrom"./OtherComponent"exporttypeMyComponentProps={something:string}exporttypeMyComponentState=

javascript - backbone.js 集合未正确删除 View 中的项目

我在View中从模型内的集合中删除项目时遇到了一些问题。基本上模型/集合结构如下:基本上,当我尝试从子项目View中的子项目集合中删除一个项目时,它实际上从集合中删除了正确的项目。然而,当我开始坚持主模型时,该项目似乎仍在收藏中。这是我的观点的结构:主视图插入主模型所需的DOM节点,主模型为项目模型等创建新View。所有View都将主模型作为模型选项,如下所示:newApp.Views.MainModelView({model:this.model,el:$('#nodeID')})唯一不同的是子项模型View的创建,由于View和模板的可重用性,我仍然传入主模型,但是我也传入了项集合

javascript - Windows 8 JavaScript 项目中的 bld 和 bin 文件夹的用途是什么?

我知道bld和bin文件夹中的文件不是部署应用程序引用的文件(我可以篡改它们,它们对下一次我从开始屏幕启动应用程序时),那么它们的用途是什么?bld和bin文件夹之间有什么区别? 最佳答案 它们是“构建”应用程序过程的临时构建目录。但是,bin目录是部署目录,从技术上讲,您应该能够编辑并让下一个实例启动以获取这些更改。当我刚才用bin目录测试它时,它确实在我终止应用程序后拾取那些更改,并从起始页重新启动 关于javascript-Windows8JavaScript项目中的bld和bin

javascript - 是否有可能检测用于 Web 开发中渐进增强的处理能力?

有时我需要添加超出CSS3范围的动画效果,例如与滚动位置耦合的效果等。通常,这工作得很好,但最近我遇到了一个棘手的问题。我正在尝试制作动画用户使用-webkit-filter:blur()向下滚动页面时出现的模糊效果。这很容易用一些JavaScript实现,但我发现动画模糊确实给用户的处理器带来了压力。动画在我全新的上运行正常速度极快的mac-book,但无法在旧机器(甚至是我的浏览器)上流畅运行GoogleChrome以外的计算机)。实现细节并不重要,但我发现这个问题回避了问题:CanItransparentlydetect(roughlyperhaps)theclientsproc