草庐IT

hot-reload

全部标签

javascript - gulp-connect 和 connect.reload

我正在尝试设置一个简单的服务器来测试一些d3.js的东西。我正在关注tagtree.tv上的截屏视频。我的代码与他的相匹配,但是当我更改我的JS或SASS文件时,我无法让我的index.html重新加载。据我所知,我是gulp的新手,但这是基于我的假设,即调用connect.reload()将重新加载正在查看其内容的任何浏览器。应该注意的是,livereloadJS被插入到我的index.html文件中。我的目录结构如下:d3play-bower_components-dist-css-scripts-node_modules-sass-scriptsgulpfile.jsindex.

javascript - window.location.reload 后转到 anchor 链接

我正在尝试更新哈希,然后重新加载页面。$('a[name="'+fragment+'"]').remove();//don'tjumpbeforewindowreloadswindow.location.hash=fragment;window.location.reload(true);重新加载窗口后不会跳转到anchor标记。我该如何解决? 最佳答案 如果您要重新加载页面,这在jQuery中实现起来相当简单。加载页面时只需检查window.location.hash属性即可。$(document).ready(function(

javascript - window.location.href 和 location.reload() 不从服务器加载更新的页面

我有一个表单正在通过AJAX调用进行更新。Ajax调用成功后,我想重新加载同一页面以反射(reflect)新的更改。在AJAX调用成功后,我使用了location.reload()和window.location.href,在浏览器上执行了正确的RELOAD,但表单显示旧的数据,不是新的。如果我使用浏览器的重新加载按钮重新加载页面,则会显示新更新的数据。但是如何使用jQuery正确地重新加载页面? 最佳答案 reload(forcedReload)方法接受一个bool标志,当它为真时,会导致页面始终从服务器重新加载。如果为false

javascript - 用于 sass 的 webpack live 热重载

我正在为ReactStarter构建工作流程,并希望在我更改scss文件时自动重新加载浏览器。目前,当我在我的index.js文件(设置为我的入口点)中进行更改时,webpack将热重新加载。但是,当我在scss文件中更改/添加scss代码时,它会被编译,但css不会在任何地方输出,也不会触发浏览器重新加载。我是webpack的新手,非常感谢这里的一些见解。这是我的webpack.config.jsconstpath=require('path');constHtmlWebpackPlugin=require('html-webpack-plugin');constExtractTex

javascript - 使用 react-hot-loader 获取 "Aborted because 0 is not accepted"和整页重新加载

我正在尝试使用react-hot-loader设置webpack热重载。它大部分似乎都在工作。我在现有的Rails应用程序中使用webpack。但这不是热重载。每次更改我的react代码时,它都会触发重新加载。我收到的错误消息是:[HMR]Cannotapplyupdate.Needtodoafullreload!-dev-server.js:18[HMR]Error:Abortedbecause0isnotaccepted-dev-server.js:19athotApply(http://localhost:8080/assets/webpack/bundle.js?body=1:

javascript - 以编程方式禁用 window.location.reload?

有没有办法覆盖window.location.reload的默认行为-使其成为空操作,以便进行调试? 最佳答案 问题是由于某些原因,location.reload实际上不是Firefox和Chrome中的可写属性。这是我想出的一些在这些浏览器中覆盖它(和其他)的疯狂方法。它使用非标准.__defineGetter__()方法,部分是为了绕过window.location="/home.html"的魔法干扰。var_location=location;__defineGetter__('location',function(){var

javascript - 砌体实例没有这样的方法 'reload'

好的工作人员如下,当页面加载完成后,masonry失败,不知道为什么,但是我找到了一个方法,就是masonry.reload。这种方法有时会奏效,我想知道为什么。var$container=$('.container');$container.masonry({itemSelector:'.item',columnWidth:25}).imagesLoaded(function(){$container.masonry('reload');}); 最佳答案 在较新版本的砌体中,您使用“reloadItems”而不是“reload”。

javascript - 强制缓存控制 : no-cache in Chrome via XMLHttpRequest on F5 reload

我想确保我通过AJAX调用请求的数据是最新的并且没有被缓存。因此,我发送headerCache-Control:no-cache但如果用户按F5,我的Chrome版本33会使用Cache-Control:max-age=0覆盖此header。例子。将包含内容的test.html放在您的网络服务器上varxhr=newXMLHttpRequest;xhr.open('GET','test.html');xhr.setRequestHeader('Cache-Control','no-cache');xhr.send();在网络选项卡上的chrome调试器中,我看到了test.htmlAJ

javascript - Angular 2 : how to "reload" page with router (recheck canActivate)?

我的路由器带有canActivate:[AuthGuard]并在AuthGuard中进行验证如何在相同的路由器url中强制检查canActivate?例如:当前路由是/admin并且我有类似sessionexpired的事件。我在AuthGuard中进行了session检查,但此检查仅在我执行.navigate(...)时激活。如何在同一位置强制运行canActivate?我已经尝试过:this.router.navigate([this.router.url]);但是Angular检查相同的位置并且什么也不做。附注当我收到sessionexpiredevent时,我可以定位到“登录页

javascript - "location.reload()"丢失 POST/SESSION 数据? (F5/Ctrl+R 保留数据?)

我想创建一个按钮来重新加载页面而不丢失$_POST数据和$_SESSION。在网上,我找到了这段代码:onclick="document.location.reload();"这是我的按钮代码:Rechargerlapage但是当我点击按钮时,我丢失了$_POST数据和$_SESSION。如果我尝试使用键盘命令Ctrl+R(Chrome)或F5(Firefox,IE9),浏览器会显示一个警报,通知我“我再次尝试提交表格。如果我接受,它就会起作用。如何使用JavaScript命令重现这种浏览器刷新?还是我按钮的代码错了?非常感谢您的帮助。 最佳答案