草庐IT

html_url

全部标签

javascript - 导航到新页面时,由于访问控制检查,Beacon API 无法加载 <url>

我有一个navigation.sendBeacon在Safari上的页面隐藏事件期间将请求与一些分析数据一起发送到与当前页面位于同一域中的端点。这在关闭选项卡时工作正常,但在导航到新url时,Safari抛出BeaconAPICannotloadduetoaccesscontrolchecks在尝试发出请求时。此问题不会出现在Chrome上,也没有显示其他日志。我认为这不是CORS请求,所有域和子域都相同。有没有其他人看到这个或知道如何修复? 最佳答案 使用任何类型的异步HTTP请求,无论是sendBeacon、fetch还是XML

javascript - 如何使用 javascript document.getSelection() 获取 html 中选定文本的坐标

我想将元素定位在所选文本之上。但我无法计算出坐标。varsel=document.getSelection();if(sel!=null){positionDiv();}例子:(图片) 最佳答案 这是基本思想。您在选择的开头插入虚拟元素并获取该虚拟html元素的坐标。然后将其删除。varrange=window.getSelection().getRangeAt(0);vardummy=document.createElement("span");range.insertNode(dummy);varbox=document.get

javascript - 是否可以混合使用 CodeMirror : Velocity mode and the CodeMirror: HTML mixed mode?

有人为codemirror做了'htmlmixed'+'Velocity'模式吗?或者任何人都可以建议如何实现这一目标? 最佳答案 我能够使用overlay.js插件轻松实现这一点:CodeMirror.defineMode("velocityOverlay",function(config,parserConfig){returnCodeMirror.overlayMode(CodeMirror.getMode(config,"htmlmixed"),CodeMirror.getMode(config,"velocity"));}

javascript - 将html、js、css打包为桌面应用

我有一个在线工具,您可以在其中制作演示文稿,然后直接在线预览它们或下载它们以供稍后在演示文稿中使用。这是在闪存中完成的。为演示文稿创建一个xml,然后flash使用它来显示所有内容。与可下载版本相同,您可以获得一个包含Flash投影文件、xml和所有所需文件的包。效果不错。我现在用html、css和javascript重新制作了它,因此它可以与移动设备/ipad一起使用,并且在线预览效果很好,我还没有找到适合下载版本的好的解决方案。我已经尝试过appjs是可行的,但它有点大而且还不够稳定(对于使用它的人来说必须是稳定的)。我还尝试了multidmedia的Zinc,我在其中创建了一个应

javascript - 如何使用带下划线模板的 HTML 缩小器

我有一些前端代码模板,例如:{{title}}{%if(content){%}{{content}}{%}else{%}Empty{%}%}我正在使用grunt-contrib-jst将它们全部存储在一个文件中,然后在另一个构建步骤中将包含在一个JS文件中,并将该文件推送到CDN。这部分工作完美,但我想使用processContent缩小HTML模板代码的选项,其中包含Undercore模板分隔符(替换为{%...%},替换为{{...}})。我想使用html-minifier但它实际上并没有最小化任何东西,显然是因为它试图将模板解析为纯HTML(并且由于模板标签而失败)。是否有任何N

javascript - Select2 在 HTML 中设置选定值

有没有一种方法可以像显示和选择一样在HTML中的select2中设置选定的id/文本?我正在使用jqueryselect2版本4.0.0这是代码:$("#users").select2({placeholder:"selectuser...",escapeMarkup:function(markup){returnmarkup;},ajax:{url:"users.json",dataType:'json',delay:250,data:function(params){return{q:params.term,//searchtermpage:params.page};},proce

javascript - 用于开发和生产构建的 Webpack Angular 应用程序 API URL 配置

我有一个具有以下简单配置文件config.js的Angular应用程序:exportdefaultfunction(app){app.constant('config',{apiUrl:'https://localhost:8080'});};由Webpack入口点app.js导入:importconfigfrom'./config';config(app);我想在进行生产构建时使用不同的apiUrl。在Webpack中最简单的方法是什么? 最佳答案 https://stackoverflow.com/a/34032050/1610

javascript - 从 create-react-app 中的 service worker 缓存中排除 index.html

我有一个使用create-react-app的reactJs应用程序。该应用程序使用service-worker和其他PWA功能,但不知何故我发现尽管更新了网站或部署了新版本,chrome总是从服务worker中选择index.html和根本不进行网络调用。我认为使用serviceworker缓存index.html是个问题,但无法将其排除在缓存之外,我确实检查了一些关于SO的问题和github上的问题,但无法解决这个问题。我正在使用默认的service-worker注册registerServiceWorker.js//Inproduction,weregisteraservicew

javascript - 当 Angular 中的模型发生变化时自动更新深层链接的 url

所以。我一直在AngularJS中乱搞(它在我使用它的每一分钟都让我感到惊讶)我想知道,在使用$routeProvider和$routeParams时,是否有任何方法可以强制使用当前的url/location/deep-link当页面上的某些型号发生变化时,浏览器中的地址栏会自动更新吗?HereistheappthatI'mmessingaroundwith.它是Angular网站教程中的应用程序,除了我搞砸了它并添加了一些功能,如分页。如果您注意到,在访问此链接后,您将被重定向到#/phones//age/5/0。第一段是Controller,最后4段分别描述过滤器、文本查询、排序依

javascript - 如何使用 Mocha 在 Karma 中加载用于 Javascript 单元测试的 HTML 固定装置?

我正在为Javascript寻找合适的测试运行器和单元测试框架。我的候选人是Karma和Mocha。以前我使用JsTestDriver,在其中添加HTML固定装置很容易,但我找不到如何加载HTML片段并使用Karmatestrunner从Mocha测试访问它的方法 最佳答案 我有一个使用htmlfixtures和jasminehere的演示,演示描述包含指向截屏视频和github存储库的链接,以便与Karma一起运行。参见thislink. 关于javascript-如何使用Mocha在