草庐IT

框架开发

全部标签

javascript - 如何在没有 bundler 的情况下使用 Babel,但具有类似于 webpack 的开发体验?

我正在尝试使用ES6modules构建一个新项目没有捆绑。我还是想用babel-7将TypeScript和JSX翻译成JS。我发现很难弄清楚如何为它设置开发服务器。我找不到任何类似于webpack-dev-server的“babel-dev-server”(热模块重新加载、浏览器同步、文件观察器)。一种可能是使用browsersync作为静态服务器,例如dist并并行运行类似babelsrc--out-dirdist--watch的东西。但这不包括热重载,对我来说似乎有点笨拙。此外,如果您可以为JS文件提供哈希以更好地控制缓存,那么它对于构建和开发步骤仍然有用。或者我可以配置像webp

pushstate "hijax"的 Javascript 框架

我们所有的应用程序都是phpmvc并且在客户端顶部有一个非常简单的js行为层。我们想要更多地构建javascript并停止请求“片段”来执行简单的行为(比如,在各处加载不同的jquery插件)。我们不使用javascriptMVC框架,而是在寻找最适合我们新应用的解决方案。最吸引人的解决方案之一是为我们保留渲染服务器端,例如Twitterdoes.他们称之为“Hijax+服务器端渲染”。我们不希望在javascript中有一个完整的mvc框架,但是博客中的这些引用对我们非常有吸引力:Bycontract,ourcomponentsattachthemselvestoasingleDOM

javascript - Chrome 开发控制台中的自定义对象检查

我想知道—Chrome开发工具是否支持像Rubyinspect或ObjectiveCdescription方法来打印一些有意义的字符串,而不是在您探索时只显示对象构造函数名称控制台中的对象。所以在那种情况下——它不会显示“Crossing,Crossing,Crossing,...”,而是为每个对象显示一些自定义字符串(由该对象的方法生成)。附言。我知道有一个console.table方法可以产生一些不错的输出,但如果有一个更通用的对象格式仍然会很好。 最佳答案 您要查找的功能名称是自定义格式化程序基本上,您必须在Chrome中启用

javascript - 使用 Webpack 时框架黑盒化?

是否可以对WebPackbundle的某些部分进行Blackbox,以便Chrome不显示框架内部的堆栈跟踪?例如,在检查React应用程序上的错误时,我不关心框架内的堆栈跟踪条目,而我只想查看与我编写的代码相关的部分。当使用单个文件时,这可以通过“FrameworkBlackboxing”来实现,但我不知道如何使用WebPack包来完成它。 最佳答案 在您的Webpack配置中使用devtool:"#eval"(或在命令行中使用--devtool#eval)似乎同时支持黑盒和适当的堆栈痕迹。

javascript - 不允许窗口将顶层框架导航导航到数据 URL

前面的代码将在新窗口中打开pdf文件。varpdfDocument="data:application/pdf;base64,"+data;window.open(pdfDocument);更新chrome后,它似乎停止工作。显然,chrome删除了数据URL的顶层框架导航。我现在该如何解决我的问题?我需要在新窗口中打开此pdf。任何帮助将不胜感激。更新使用iFrame解决了这个问题。感谢Pedro给我想法。$(function(){setManualFrame();});functionsetManualFrame(){$("#ManualFrame").attr("height",

javascript - Chrome 开发工具的性能分析结果中的监听器

我一直在使用Chrome开发工具分析React应用程序,我发现Listener数量呈线性增长。看看下面的截图。Listeners为橙色。我将其缩小为在p标签内呈现一个简单的倒计时值。剩余时间每1000毫秒使用setInterval函数生成一次,然后在p标记内进行格式化和渲染。我使用create-react-app创建了一个简单的React应用程序,并修改了App.js的App组件内的代码以每秒更新Date.now()的值,当我运行时分析器,我得到了相同的结果。classAppextendsComponent{state={text:'',};loop(){this.setState({

javascript - Webpack 开发服务器不热重新加载 .vue 文件

一直在做一个项目,并确定HMR正在工作,如果我更新我的任何.js文件,webpack都会编译,并且模块会被替换掉。我正在处理一个.vue文件,webpack会重新编译,但没有super新鲜的HMR。希望有人可以看一下并告诉我是否有问题:我在cli中使用的脚本如下所示。webpack-dev-server--d--watch--output-path./public--config./_src/webpack.config.js--progress--env.dev我猜最重要的一点是:devServer:{contentBase:'public',hot:true,filename:'m

javascript - Firefox Jetpack 开发调试

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于StackOverflow来说是偏离主题的,因为它们往往会吸引自以为是的答案和垃圾邮件。相反,describetheproblem以及迄今为止为解决该问题所做的工作。关闭9年前。Improvethisquestion因此,我在Firefox中使用一些JS,同时也在使用jetpacksdk。我在JS编辑器中工作,然后通过命令行运行sdk。但是,当存在错误时,无法调试它,因为JS在页面和DOM之前运行/加载,因此Firebug无济于事。谁能为此推荐一个

javascript - 使用 xdomain 进行 DOJO 自定义模块开发

我有这种情况:在example.com上运行的应用程序服务器-这是html页面所在的位置从m加载用于在static.example.com上提供静态文件的服务器-这是从哪里加载静态文件(css、图形、脚本)我想在我的网站上使用我的自定义模块运行DOJO。问题是我需要为我想使用的所有内容(dojo、dijit、dojox、自定义模块)构建xdomain。可以为生产环境创建xdomain构建,但我也需要将这两个域拆分为开发。好的,我可以使用xdomain加载程序预构建dojo、dijit、dojox。但是为了开发而一直重建自定义模块可能不是正确的方法。那么,你有什么推荐给我的吗?或者,构建

javascript - 使用 Dojo 框架调度自定义事件

我正在使用Dojo框架通过交叉浏览DOM操作和事件管理来帮助我进行Javascript开发。最后,我希望在对象之间使用自定义事件调度。但我没有找到任何东西。我阅读了有关订阅/发布的内容,但这并不是我想要的。这是我想要做的:varmyObject=newCustomObject();dojo.connect(myObject,'onCustomEvent',function(argument){console.log('customeventfiredwithargument:'+argument);});varCustomObject=(function(){CustomObject=