草庐IT

html-webpack-plugin

全部标签

javascript - Chrome 扩展 : Replace HTML before loading the page

我有一个关于如何使用Chrome扩展程序更改网页的问题。阅读一些信息后,我认为问题是如何操作DOM。假设我用Chrome打开www.stackoverflow并想替换以下代码行:并将其替换为:我的问题不是这样做是否明智,而是如何去做? 最佳答案 尝试修改list文件的run_at字符串。在“document_start”的情况下,文件在来自css的任何文件之后注入(inject),但在构建任何其他DOM或运行任何其他脚本之前。https://developer.chrome.com/docs/extensions/mv2/conte

javascript - 基于 JS/HTML5 Webkit 的移动开发的轻量级 UI 框架,具有良好的列表性能

我的问题与LookingforarecommendationforalightweightmobileHTML5/JavaScriptframework略有不同我正在加入一个针对ipad的JS/HTML5项目,目前使用Backbone.js进行MVC,使用Zepto进行dom操作。他们对jQueryMobile进行了试验,发现列表性能不尽如人意。基本上我正在寻找一个具有非病毒操作系统许可的替代移动JavascriptUI框架(Sencha似乎与gpl3一起出现,我想要一些纯粹专注于ui小部件的东西),它提供了高性能的动态列表和一个通用的iOS风格ui小部件集。我确实有使用enyo的经验

javascript - 开源 scorm 播放器纯 javascript 和 html?

有没有纯javascript和html的scorm播放器。我确实不想为此使用任何服务器端语言。我找到了一个开源Scormpool但它只是在玩scorm而不是跟踪。并且没有可用的文档。如果你们知道请帮助。 最佳答案 这也可以帮助您入门,或者您可以根据自己的需要对其进行定制。https://github.com/skfriese/simple-scorm-api这是一个基本的SCORM1.2-onlyRTE测试环境,位于一个HTML文件中,是我多年前根据自己的需要创建的。我最近才选择清理它以与他人分享。很容易将其放入您的包文件夹并从那里

javascript - 在具 Angular html 容器中捕获焦点

我正在构建一个可访问的网站并尝试管理焦点。我需要打开一个模式,然后将焦点放在模式中的第一个元素上,然后捕获焦点,直到模式关闭(“取消”或“接受”)。HTMLOpenModalTermsofServiceLoremIpsumLoremIpsumLoremIpsumLoremIpsumCancelAccept/span>SeprateContentJavascriptangular.module('app').controller('Controller',modalCtrl);functionmodalCtrl(){$scope.modal={open:function(){angula

javascript - Webpack 无法正确解析我的别名

我正在尝试为我的应用创建一个命名空间以作为模块工作,并使用此命名空间导入我的组件并限制相对路径的使用。尽管如此,尽管我在这里遵循了alias的webpack文档:http://webpack.github.io/docs/configuration.html#resolve-alias我无法正常工作。这是我的解析对象的样子:resolve:{root:path.resolve(__dirname),alias:{myApp:'./src',},extensions:['','.js','.json','.jsx']}path.resolve(__dirname)解析/Users/Ale

javascript - 来自 UglifyJs 的 webpack 2 : ERROR in ./public/bundle.js 意外字符 '` '

我遇到了2个相关问题:首先:当我运行npmrunbuild时,bundle.js文件没有缩小,但我得到了一个bundle.js.map文件。第二:当我运行webpack-d时,我只得到一个缩小的bundle.js文件(没有错误)但是当我运行webpack-p然后我得到一个bundle.js是not缩小的,一个bundle.js.map,以及那些错误:ERRORin./public/bundle.jsfromUglifyJsUnexpectedcharacter'`'[./app/config.js:5,0][./public/bundle.js:76,14]ERRORin./publi

javascript - Vue - webpack vue-loader 配置

每当我想构建一个文件时,我总是收到错误。这是什么原因呢?似乎.vue文件无法被webpack识别,但webpack配置文件看起来正常。网络包错误bundle-app.js189kB1[emitted]app+12hiddenmodulesERRORinUnexpectedtoken>@./app/application.js7:11-31webpack.config.jsvarpath=require("path");module.exports={context:path.join(__dirname,'src'),entry:{app:'./app/application.js'}

javascript - 使用过滤器的 Angular 突出显示和取消突出显示动态 html

我正在尝试编写一组过滤器来突出显示然后取消突出显示动态生成的html:高亮过滤器:app.filter('highlight',function($sce){returnfunction(str,termsToHighlight){//SorttermsbylengthtermsToHighlight.sort(function(a,b){returnb.length-a.length;});varregex=newRegExp('('+termsToHighlight.join('|')+')','g');return$sce.trustAsHtml(str.toString().r

javascript - Webpack:从入口和子 block 中提取公共(public)模块以分离公共(public) block

我有一个使用代码拆分的webpack构建的应用程序。我现在想将所有符合特定条件(在本例中为node_modules)的所有入口block和所有子block(通过代码拆分生成)的通用模块聚合到一个单独的公共(public)block。如果我这样做:newwebpack.optimize.CommonsChunkPlugin({children:true,async:'vendor',minChunks:(module)=>{constisVendor=module.context.split('/').some(dir=>dir==='vendor');returnisVendor;},

javascript - 在 iPad/iPhone 上使用 HTML5 视频全屏显示

我正在尝试通过JavaScript在iPad/iPhone上播放和全屏显示HTML5视频元素,但是当我尝试videoElement.webkitEnterFullScreen()时,我看到一个INVALID_STATE_ERR:Dom异常11。我的Code对于Example现在,它看起来像是对thisbehavior的具体支持在此处添加:它专门防止在没有用户手势的情况下进入全屏。我的问题:有解决办法吗?我看到Vimeo的HTML5视频播放器正在以某种方式模仿这种行为here(在iPad/iPhone上)所以,这似乎是可能的。我错过了什么吗? 最佳答案