草庐IT

webpack-html-loader

全部标签

javascript - 用jquery解析完整的html页面

我用ajax加载了一个html。我想将结果加载到jquery对象中。我试过了,但它返回null。我怎样才能做到这一点?我得到了一个完整的页面,包括文档类型、head元素和body元素。vartest=$(result);//resultcontainshtmlcodealert(test.html());//returnsnull我用这个函数加载数据。functionajaxLoadContent(element){$.ajax({url:"urltothepage",type:"GET",timeout:5000,datattype:"html",success:function(r

javascript - Webpack ProvidePlugin/vendor bundle : angular. 模块不是函数

我有一个Angular应用程序,目前通过Webpack构建成一个大包,在一个文件中包含所有依赖项和应用程序代码。我试图将代码分成两个包,一个包含我的所有依赖项,另一个包含我的所有应用程序代码。我有以下webpack.config.js:varwebpack=require('webpack');varpath=require('path');vardefinePlugin=newwebpack.DefinePlugin({'process.env':{NODE_ENV:`"${process.env.NODE_ENV}"`}});varSRC=path.resolve(__dirnam

javascript - 有没有办法结合 Webpack 模块来减小文件大小?

我正在使用CSS模块,所以Webpack生成的很多模块看起来像这样:124:function(t,e,n){t.exports={textarea:"TextareaStyles__textarea"}},然后,在React中使用:returnt(r,{onInput:o(this,"str"),class:a.a.textarea})如果Webpack将CSS模块和React组件合并到一个模块中,它会更小。然后,Uglify/Terser可能只是将其内联:returnt(r,{onInput:o(this,"str"),class:"TextareaStyles__textarea"

javascript - JQuery History.js 插件不替换 HTML4 和 HTML5 浏览器中一页的状态

我正在使用JQueryHistory.jsplugin在HTML5浏览器中启用HistoryAPI并在HTML4浏览器中模拟。我正在使用Ajaxifyscript实现这个插件。我稍微更改了此脚本,如下所示:varHistory,$,document;functionPrepareVariables(){History=window.History,$=window.jQuery,document=window.document;}functionInitHistory(){//PrepareVariablesvar/*ApplicationSpecificVariables*///co

javascript - 如何将外部从 webpack 传递到 jest?

我在grunt构建过程中得到了这个webpack配置:module.exports={options:{output:{path:path.resolve('../ui/static/js'),filename:'[name].js',chunkFilename:'[id].[name].js',libraryTarget:'amd',library:'[name]'},externals:['jquery','lodash','backbone','backbone.layoutmanager','moment','spin','lib/select2.min','dispatche

javascript - 取消分配 flow.js HTML5 上传组件上的浏览按钮

随着flow.js我们可以像这样分配一个浏览按钮的组件:flow.assignBrowse(document.getElementById('browseButton'));我们可以像这样分配一个放置区域:flow.assignDrop(document.getElementById('dropTarget'));我们也可以像这样取消分配放置区域:flow.unAssignDrop(document.getElementById('dropTarget'));我的第一个问题是如何取消分配浏览按钮?我的第二个问题是如何(本地)知道浏览按钮是否已定义?我在文档中看不到任何相关信息。谢谢。

javascript - JS HTML5 拖放 : Custom Dock Effect Jumping Around in Chrome

情况:我正在使用HTML5拖放功能在我正在编写的游戏中放置图block。我想添加一种效果,让我要放置新block的两个block稍微分开,以指示这是您放置的位置(类似于MacOS停靠栏)。我的方法:我有一个flexbox,我要将这些图block放入其中。我写了一个函数,基本上返回正弦波的一个周期,我用它来更新掉落的方block的right:和top:CSS属性(方block是position:relative;)基于它们在拖动期间相对于鼠标的原始位置。//Updateoccupantstylefordesiredeffectoccupants.forEach(function(occu

javascript - 如何在 webpack 配置下拆分媒体查询?

因为我们可以像下面这样导入样式表:这将有助于通过仅加载满足media属性条件的css文件来更快地加载网站。MDN我没有找到可以拆分查询的webpack配置,或者至少让我手动指定哪个css条目应该加载到哪个媒体上。我唯一的解决方案是编写nodejs脚本并在构建时注入(inject)index.html但在我看来这不是一个干净的方法。那么有没有针对这种东西的webpack配置? 最佳答案 这更像是评论,但我相信有一个插件:https://github.com/SassNinja/media-query-pluginHaveyouever

javascript - 为什么 HTML 5 音频会忽略移动设备的音频设置,例如静音或音量?

我有一个针对移动Android用户的网站。我正在使用HTML5音频播放背景音乐。即使设备处于静音状态,音频也会播放;无论设备音量设置如何,音频都会以最高音量播放。有谁知道为什么会发生这些事情或如何获取设备当前的音频设置?我更喜欢客户端(javascript)解决方案,但我对所有解决方案都持开放态度。谢谢你的帮助摩西S. 最佳答案 在Android中,即使手机处于静音状态,媒体音量也不会改变。我不确定android是否允许通过浏览器修改系统声音设置,因为默认浏览器没有更改/读取音量状态的权限。

javascript - AngularJS 指令 : template with scope value (ng-bind-html)

我有这样的指令:...template:function(element,attrs){varhtmlTemplate='\\';returnhtmlTemplate;},...(如你所见,我也在使用翻译插件)我有一个问题:在范围内这个值正在改变,但它在指令中没有改变(当我使用attrs-params时(当然,如果customDynamicText是静态字符串-一切正常)-但我有一个动态变量customDynamicText我如何在directivetemplate和ng-bind-html中使用这个动态变量。这可能吗? 最佳答案