草庐IT

web应用开发

全部标签

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

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

javascript - 在 iPhone 网络应用程序上捏/缩放后如何获得视口(viewport)比例?

有谁知道如何在用户捏合或双击以放大/缩小JavaScript页面后获取视口(viewport)的大小(以像素为单位)或比例值?我尝试过使用window.innerWidth,但结果好坏参半。有时它似乎准确地给出了视口(viewport)显示的像素数,但是,如果我在页面上放大然后做一个大的捏来缩小,window.innerWidth将在600-700左右,即使它只是显示页面的~200px。该页面只有400像素宽,并且没有显示当您缩小到超过页面大小时看到的方格背景“您做得太过分了”。如果我稍微捏一下来放大和缩小,window.innerWidth似乎工作得很好。不幸的是,我不能指望用户只做

javascript - 从 iframe 中的 silverlight 应用程序获取父页面 url

我需要能够确定哪个页面托管了我的silverlight应用程序。我可以使用System.Windows.Browser.HtmlPage.Document.DocumentUri.AbsolutePath获取iframe的url,但我想获取托管iframe的网页的URL。System.Windows.Browser.HtmlPage.Document.DocumentElement.Parent为空。谢谢! 最佳答案 嗯,有人给了我一个link但他们的回答从此消失了?为谁干杯!:)我是这样做的:MainPage.xaml.cs:pu

javascript - 基于原型(prototype)继承在实际项目中的应用

基于类的继承展示了它在创建大型编程系统(尤其是GUI系统)中的有用性。如何在现实生活中应用基于原型(prototype)的继承?我们应该如何构建系统而不是创建类层次结构?对于基于类的OOP,是否存在任何基于真正原型(prototype)的OOP的编程模式? 最佳答案 nahab:ArehereexistanyprogrammingpatternsforrealprototypicalbasedOOPasexistsforclass-basedOOP?这question应该会指导您找到一些关于实用Javascript设计模式的好资源。

javascript - 如何针对后台多个异步请求导致的延迟优化基于 Web 的应用程序?

我正在设计一个基于瘦服务器客户端MVC架构的模块化RIA。目前,该应用程序仅完成了10%,因此合并设计更改还为时不晚。该应用程序的设计方式使其最初加载时占用空间非常小,并且根据用户执行的操作异步获取大量数据。这些数据可能包括存储在我的服务器中的数据以及来自第三方网络服务(包括社交网络和微博服务)的数据。但是我担心的是,是否有可能在后台运行的多个数据量大的ajax请求会使浏览器停止运行?我最近在一些社交内容聚合服务中观察到一些严重的延迟问题,在分析客户端代码后,我惊讶地发现客户端的应用程序占用空间非常小,在300KB以内。但是,当运行该应用程序时,浏览器(Firefox和IE)经常挂起并

javascript - 将 Javascript 应用程序转换为 Windows 应用程序

除Adob​​eAir外,还有其他解决方案吗?我听说V8有点东西。只是暂时没有时间用另一种语言编写整个应用程序,然后编写两倍以上的代码。 最佳答案 也许你可以使用jsc:CompilingJScriptCodefromtheCommandLine.但是您必须用WinForms对象替换与浏览器相关的对象,这涉及学习新的API,或者使用.NETWebBrowserobject(一个只显示页面内容的浏览器小部件,除了滚动条之外没有其他栏)在主窗口(Form对象)中并对其进行编程以使用您的JS代码将URL加载到页面。以下是MSDN的摘录:W

javascript - PhoneGap 应用程序的最佳分析?

在phonegap应用程序中跟踪用户操作的最佳方式是什么?我正在使用PhoneGapBuild来构建一个纯JS/CSS/HTMLSenchaTouch应用程序,所以我无法访问其他任何东西。GoogleAnalytics仅适用于连接的事件,我相信我的大部分应用程序使用都是在网络之外进行的。有哪些解决方案?我愿意为值得使用的东西付费。 最佳答案 由于接受的答案无效,因为该插件不再存在,我只想提及我为此目的检查过的插件。实际上有3个(还有一些处于测试阶段):https://github.com/phonegap-build/GAPlugi

javascript - 在大型 Web 应用程序中处理 JavaScript(可重用性、捆绑、单元测试...)

也许有人可以建议我可以使用什么工具、方法和引用来实现大型Web应用程序在JavaScript方面的以下目标:可重用性、捆绑、单元测试、许多开发人员等等。例如,我检查了browserify工具,但实际上没有文档,没有书什么的。 最佳答案 静态代码分析:JSLint,GoogleClosureToolsJavaScriptcodecheckingbeyondJSLint单元测试:JSUnitJavaScriptunittesttoolsforTDD捆绑并放在一起基于Java的构建-Wro4j-处理许多基于Web的常见工具,例如JsHin

javascript - 无法从 Chrome 中的 webworker 内部创建 Web Worker

使用Chrome17.0.963.46m,我尝试从网络worker内部创建一个新的网络worker。但是得到了一个“UncaughtReferenceError:Workerisnotdefined”任何信息。在这个?(谷歌在webworkers中创建webworker的链接少得惊人) 最佳答案 即使在Chrome19上也是当前状态——这是错误:http://code.google.com/p/chromium/issues/detail?id=31666它正在FF上工作。 关于java

javascript - 我可以在浏览器 ui 线程和 web 工作线程中安全地使用 html5 中的哪些本地存储

我一直在尝试在基于webkit的浏览器中使用websqldatabaseapi。我一直在主ui线程和webworker中使用asyncapi。两个线程都访问同一个数据库(如您所知,它是底层的sqlite)一切正常,但有时交易会丢失或一个交易失败,这似乎是一个计时/竞争条件。看来对底层sqlite数据库的访问不是线程安全的。更多的背景。我的webworker只是对一个表执行查询,该表可能从主ui线程插入了一条记录。我想知道它是否真的在某个地方记录了什么本地/网络存储可以从用户界面线程和网络工作线程安全地访问?我在某处读到indexeddbapi是线程安全的,但这对我现在没有帮助,因为浏览