草庐IT

asset_arr

全部标签

javascript - 如何将带有静态 Assets 的 React 组件发布到 npm?

我正在开发一个React组件,我想将它发布到npm,但我找不到关于如何与组件一起分发静态Assets(如css和图像)的任何最佳实践。好吧,当然,所有源代码都应该转换为纯js和纯css。在js的情况下,一切都很简单——用户只需使用他正在使用的任何bundler来要求它。但在css的情况下,它很棘手。我不想使用内联样式,因为我希望组件易于定制(通过css覆盖)。所以,我想唯一的方法是让用户将css文件从node_modules复制到他需要的地方(或者用SASS或任何其他预处理器导入它)。但是,如果我的css文件引用了其他静态资源(如图像、字体等)怎么办?我猜这些路径将完全困惑。所以,我对

javascript - 如何将 Phaser 3 游戏及其 Assets 扩展到智能手机和平板电脑上?

我刚开始使用Phaser3和ApacheCórdova创建移动Android游戏。我创建了一个1200x800像素的游戏。它在平板电脑上看起来不错,但在智能手机上却不行。如何缩放它以在多种屏幕尺寸下工作?此外,我需要帮助来强制使用Phaser3调整游戏方向。谢谢 最佳答案 functioncreate(){window.addEventListener('resize',resize);resize();}functionresize(){varcanvas=game.canvas,width=window.innerWidth,h

javascript - 在 RAILS 3.1 中的 js Assets 上设置 Cache-Control header

我在我的生产服务器上检查header为curl--head-H"Accept-Encoding:gzip"http://foo.heroku.com/assets/mobile.js我得到了以下header,表明RAILS未设置cachecontrolheader。HTTP/1.1200OKServer:nginx/0.7.67Date:Wed,22Jun201112:01:55GMTContent-Type:application/javascriptConnection:keep-aliveContent-Md5:efb90436a465f8a73efb467109f745f3Ca

javascript - ActionController::RoutingError(没有路由匹配 [GET] "/members/js/bootstrap.min.js"):(缺少 Assets 文件)

我正在使用bootstrap2并设置选项卡疑問リストフォロー中の投稿ユーザーの投稿在show.html.erb(成员)上。它适用于本地但不适用于远程(heroku)。然后我检查了日志,执行heroku日志并收到了一些错误消息。我不知道如何解决这个问题。你能帮我吗?☆错误信息ActionController::RoutingError(Noroutematches[GET]"/members/js/bootstrap.min.js"):ActionController::RoutingError(Noroutematches[GET]"/members/js/bootstrap.min.

javascript - 是不是写: var arr=[]; than var arr=new Array();?比较好

这个问题在这里已经有了答案:What’sthedifferencebetween"Array()"and"[]"whiledeclaringaJavaScriptarray?(19个回答)Whatisthedifferencebetween`newObject()`andobjectliteralnotation?(12个答案)CreateanemptyobjectinJavaScriptwith{}ornewObject()?(10个答案)关闭5年前。是不是写的比较好vararr=[];thenvararr=newArray();varobj={};thenvarobj=newObj

javascript - 使用 webpack 将 Assets 文件夹推送到公共(public)目录

我是第一次使用Webpack。目前一切都很好。我的问题是当我试图构建一个dist文件夹时。目前我得到了我的index.html和bundle.js文件,但我不知道如何将我的Assets推送到dist文件夹。我已经加载了文件加载器,但它实际上似乎并没有按照我的意愿执行,而且我运行的所有谷歌搜索都没有告诉我我需要知道的内容。下面是我的配置文件。有人能把马牵到水边吗?另外,一旦我让它运行起来,我是否需要将所有图像导入我的React组件?varpath=require('path');varHtmlWebpackPlugin=require('html-webpack-plugin');mod

javascript - Rails Assets 管道 : JavaScript being executed twice

我的JavaScript被执行了两次。当我运行Chrome调试器时,我注意到单个JavaScript文件将首先执行代码,然后application.js文件将再次执行代码。我相信这是因为我最近关闭了预编译,因为我在使用Heroku时遇到了问题。在此之后,我运行了rakeassets:precompile。 最佳答案 涡轮链接您可能对Turbolinks有疑问(考虑到您已将其包含在您的Assets管道中);虽然这可能不是问题。Turbolinks旨在通过加载来加快您的页面加载时间。使用ajax标记您的新页面,保持标签完好无损。这是为了

javascript - Symfony 2 - Assetic JavaScript 压缩导致错误

我正在尝试将Symfony2应用程序置于生产模式。除了压缩的单个JavaScript文件导致错误并使站点无法正确呈现之外,一切都运行良好。我通过浏览器上的调试控制台找到了这个:UncaughtTypeError:undefinedisnotafunctionUncaughtTypeError:Object[objectObject]hasnomethod'treeview'第一个错误是指jQuery插件TreeView是指jQuery的插件,它呈现树状目录结构。另一方面,它在开发模式下运行良好,因为它不进行压缩,它只是一个接一个地包含每个文件。有人可以帮我解决这个问题吗?

javascript - 在 javascript 的 for 循环定义中使用 arr[i] 和 arr.length 的区别

我遇到了一些我以前从未见过的东西,我喜欢它。检查以下示例:vararr=['un','deux','trois','quatre','cinq','six','sept'];for(vari=0;arr[i];i++){console.log(arr[i]);}代替:for(vari=0;i但是他们都实现了相同的结果,就是输出一个数组列表。我的问题是,在for循环声明中使用'arr[i]'和'arr.length'有什么不同(或相似)?非常感谢 最佳答案 vararr=['un','deux','trois',null,'cinq'

javascript - ExecJS::ProgramError:尝试为生产预编译 Assets 时出现意外字符 '#'

我正在尝试使用以下命令为Rails4.1.1应用程序编译Assets错误。错误如下所示,$RAILS_ENV=productionbundleexecrakeassets:precompilerakeaborted!ExecJS::ProgramError:Unexpectedcharacter'#'(line:13079,col:0,pos:361024)ErroratnewJS_Parse_Error(:2357:10623)atjs_error(:2357:10842)atparse_error(:2357:12560)atObject.next_token[asinput](: