精华内容
下载资源
问答
  • vs code编辑自动更新页面

    千次阅读 2020-04-18 11:49:19
    安装插件 live Server 打开个文件夹项目试试? 可选操作:

    安装插件 live Server
    vs code编辑器自动更新页面

    打开个文件夹项目试试?
    vs code编辑器自动更新页面
    vs code编辑器自动更新页面可选操作:
    vs code编辑器自动更新页面

    展开全文
  • 第一步,在vue项目中找到vue.config.js文件,注意:(2019年10月创建的新vue项目,之前的是webpage.config.js文件) module.exports = { devServer: { open: true, port: 8812, }, lintOnSave: false } ...

    第一步,现在用vue脚手架创建vue项目需要自己创建vue.config.js文件(注意,直接在项目创建vue.config.js文件即可),注意:(2019年10月后创建的新vue项目,之前的是webpack.config.js文件)

    在vue.config.js文件中写入以下代码。

    module.exports = {
        devServer: {
            open: true,
            port: 8812,
        },
        lintOnSave: false
    }

    lintOnSave:false是解决eslint过多空格报错问题。

    devServer:{

        open:true//启动vue项目服务后自动在你电脑的默认浏览器打开

        port:8812//设置在浏览器打开项目的端口号,如果端口号被占用,则在此端口号+1,为8813

    }

    我使用的vscode编辑器,在编辑器保存相应代码,则会自动在浏览器展现出来。

    展开全文
  • 如果有一个工具,当我们保存文档的时候,自动刷新页面就好了。 自动刷新就是完成这个功能的小工具。 注意事项 本应用程序使用AppleScript(Windows / Linux用户,不好意思了)编写,启动时会提示用户选择网站页面...
  • 如何修改页面页面自动刷新

    千次阅读 2019-05-24 08:04:55
    如何在修改页面,让页面自动刷新? 答案是使用 socket.io 。 socket.io 是一个 WebSocket 库,包括了客户端的 js 和服务器端的 nodejs ,它的目标是构建可以在不同浏览器和移动设备上使用的实时应用。它会自动根据...

    如何在修改页面后,让页面自动刷新?

    答案是使用 socket.io

    socket.io 是一个 WebSocket 库,包括了客户端的 js 和服务器端的 nodejs ,它的目标是构建可以在不同浏览器和移动设备上使用的实时应用。它会自动根据浏览器从 WebSocket 、 AJAX 长轮询、 Iframe 流等等各种方式中选择最佳的方式来实现网络实时应用,非常方便和人性化,而且支持的浏览器最低达 IE5.5。

    具体如何使用 socket.io 可以看官方文档

    如何实现

    首先开启 node 服务

    const Koa = require('koa');
    const http = require('http');
    const app = new Koa();
    const server = http.createServer(app.callback());
    const io = socketIo.listen(server);
    server.listen(3000);
    复制代码

    然后需要监听文件的修改,需要用到 chokidar

    chokidar.watch(process.cwd(), {
      // 忽略 node_modules
      ignored: /node_modules/
    }).on('change', () => {
      // 当文件发生变化,socket 触发 reload
      io.emit('reload');
    }).on('unlink', () => {
      // 当删除文件,socket 触发 reload
      io.emit('reload');
    });
    复制代码

    然后在打开文件时,需要去注入 socket

    reloading() {
      return async (ctx,next) => {
        await next();
        // 判断 content-type 类型
        if(ctx.contentType === 'text/html) {
           const injectHtml = await new Promise(resolve => {
            ctx.body.on('data', chunk => {
              chunks += chunk;
            });
            ctx.body.on('end', () => {
              // 注入 socketIoSctipt
              const val = chunks.replace('</head>', body => {
                return socketIoSctipt + body;
              }
              resolve(val);
            });
          });
          ctx.set('Content-Type', 'text/html; charset=utf-8');
          ctx.body = injectHtml;
        }
      }
    }
    复制代码

    socketIoSctipt 的值是

    <script src="/socket.io/socket.io.js"></script>
    <script>
    // 默认是使用 websocket,如果浏览器不支持 webscoket,就使用 ajax 轮询
    var _$_socket=io({transports:["websocket","polling"]});
    // 当服务端触发 reload 事件,客户端监听到后执行回调
    _$_socket.on("reload",function(){window.location.reload()});
    </script>
    复制代码

    最后当你在编辑器上修改文件的代码后,页面会自动刷新。

    不仅仅是 html 文件可以这样,其他类型的文件也可以。

    参考 npm 包: staticky

    转载于:https://juejin.im/post/5ce7a53de51d4556dc293591

    展开全文
  • vue新增修改完成后页面不刷新问题

    千次阅读 2020-09-17 15:53:52
    vue新增修改完成后页面不刷新问题 这是一开始使用的方法 /*submitReject () { if (!this.verify()) { return false } if (this.rewData.id && !this.readonly) { console.log("修改") update(this....

    vue新增修改完成后页面不刷新问题

    这是一开始使用的方法

    /*submitReject () {
            if (!this.verify()) {
              return false
            }
            if (this.rewData.id && !this.readonly) {
              console.log("修改")
              update(this.addForm).then(res => {
                  if (res.code == 200) {
                      this.$message({
                          type: 'success',
                          message: '修改成功!'
                      });
                  } else {
                      this.$message.error(res.message);
                  }
                  this.close('confirm')
              })
            }  else if (!this.rewData.id ) {
              console.log("新增")
              insert(this.addForm).then(res => {
                  if (res.code == 200) {
                      this.$message({
                          type: 'success',
                          message: '保存成功!'
                      });
                  } else {
                      this.$message.error(res.message);
                  }
                  this.close('confirm')
              })
            }else{
              console.log("close")
            }
            this.close('confirm')
          },*/
    

    修改后自动刷新的方法

    /*submitReject () {
            if (!this.verify()) {
              return false
            }
            if (this.rewData.id && !this.readonly) {
              console.log("修改")
              update(this.addForm).then(res => {
                  if (res.code == 200) {
                      this.$message({
                          type: 'success',
                          message: '修改成功!'
                      });
                  } else {
                      this.$message.error(res.message);
                  }
                  this.close('confirm')
              })
            }  else if (!this.rewData.id ) {
              console.log("新增")
              insert(this.addForm).then(res => {
                  if (res.code == 200) {
                      this.$message({
                          type: 'success',
                          message: '保存成功!'
                      });
                  } else {
                      this.$message.error(res.message);
                  }
                  this.close('confirm')
              })
            }else{
              console.log("close")
            }
            this.close('confirm')
          },*/
          async submitReject () {
            if (!this.verify()) {
              return false
            }
            if (this.rewData.id && !this.readonly) {
              console.log("修改")
              await update(this.addForm)
            }  else if (!this.rewData.id ) {
              console.log("新增")
              await insert(this.addForm)
            }else{
              console.log("close")
            }
            this.close('confirm')
          },
    
    展开全文
  • 修改或新增操作页面自动刷新展示页面的数据,我之前都是用parent.location.reload();方法,但是鉴于特殊情况特殊分析 最近这个项目中页面中就支持我上面说的这个写法,所以我就在展示页面的对应的js方法里...
  • 各位大佬们知道,vue 项目 修改页面内容ctrl +s 保存页面不能及时刷新,只能手动刷新知道大家有没有遇到这种情况? 前段时间 重新安装了 nodejs10 其他没什么改动,请问大佬们是那一部分出了问题?? ...
  • Vue 文件保存,浏览器不自动刷新

    千次阅读 2021-01-23 13:15:03
    Vue 文件保存,浏览器不自动刷新 在VScode中,需要保存文件后自动刷新浏览器的内容,否则还得手动刷新浏览器,给开发造成极大的不便。我们要在项目根目录下找到vue.config.js(若没有这个文件,则新建一个),增加...
  • 之前使用webStorm是使用ctrl+s保存时,浏览器会自动刷新,但是现在打开项目,使用了ctrl+s保存时,浏览器就不会刷新,网上找了一下,找到了解决方法,所以记录一下 参考文章:...
  • 1.正向传值以及配置callback 2.第二个页面调用
  • 只需要将这段代码放入script中, 将url修改为你要跳转的页面 //表单提交后退重定向 =================== if(window.name != "noReload"){ window.name = "noReload"; window.location.href="url" } else { .....
  • 文章目录解决Intellij中Spring Boot Devtools不能自动自动刷新的问题前言原因解决方法方法一:手动触发构建方法二:开启自动构建,并允许更新正在运行的应用参考文档 解决Intellij中Spring Boot Devtools不能自动...
  • IDEA修改了jsp页面不会自动更新问题

    千次阅读 2019-07-09 15:48:54
    修改tomcat中的配置,默认配置为nothing,其中 修改on update Action 为 Redeploy On frame deactivation 为Update classes and resources再刷新页面就可以自动更新JSP了。
  • vue中数据更新页面不刷新

    千次阅读 2020-08-27 11:47:46
    1、vue中数据更新页面不刷新 ~~今天小编在写vue页面的时候,遇到了一个问题,就是我修改了data中的数据,页面却没有更新,相信懂vue的大家都知道修改data里面的数据页面是会重新渲染的,但我下面的这种操作却不行: ...
  • HBuilderX编辑代码,微信开发者工具没有实时更新。 原因: 微信开发者工具里设置了代码文件自动保存所导致。 解决方案: ① 打开微信开发者工具里的设置 ② 进入设置界面,点击编辑器,然后不要勾选 “修改...
  • 场景 借助于BJUI框架,不管是添加还是编辑,都要共用同一...但是实现添加或者编辑后不会自动刷新页面,还要我们手动刷新页面,所以我们要给BJUI传一个TabID,即页面标识,让它知道它给我们刷新哪个页面。 实现 1....
  • 今天小编就为大家分享一篇layui 关闭open弹出框 刷新table表格页面的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • Django Pycharm 修改html立即刷新页面 写项目时需要页面实时刷新,而不是频繁人肉重启项目。测试过dj-static,django-livereload-server,此处使用livereload包,简单好用。仅在debug=False时生效,不过可以满足...
  • ❤ B页面向云数据库添加完数据自动返回A页面并且刷新显示刚添加的数据 ...❤ 要想实现自动刷新,不如先实现手动下拉刷新,很简单 ❤ A页面操作 ①先开启手动下拉刷新功能,在json文件中添加声明: ②然后在js文件...
  • 检测是否刷新页面数据 SharedPreferences share = getSharedPreferences("industryInfo", Activity.MODE_PRIVATE); String industryOne = share.getString("retime", "");//名称 获取id Log.i("Lgq","sss==="+...
  • 今天写项目遇到个问题,就是B页面支付操作完成以后,点击返回按钮要到A页面,此时A页面的余额需要刷新,无论是vue项目还是app项目好像并没有用到过这个东西。 好一阵的头大,用的mui框架,网上找的方法几乎都试了...
  • Idea自动刷新JSP页面

    千次阅读 2018-08-03 22:42:04
    跟MyEclipse一样自动刷新jsp页面
  • 热部署:在编辑器中已经启动的项目,当再次修改其源代码能自动的进行编译、更新,不用人为的手动停掉项目,再进行重启。 未使用前:作为全栈工程师,使用 Thymeleaf 模板编写页面的时候,哪怕仅仅改动一个页面...
  • vue——执行增删改操作后刷新页面

    千次阅读 2019-08-28 09:51:52
    使用vue开发管理后台页面,执行增加删除修改的功能,列表并不会马上显示最新的数据,需要刷新当前页面获取到最新的数据,但使用window.reload( ) 或 router.go(0)的话整个浏览器会重载,用户体验太友好。...
  • 在进行前端页面的实现时(包括在线编辑器),为了查看当前的实现效果,我们经常会采取的一个操作是 IDE快捷键保存--&gt;切换到浏览器--&gt;浏览器快捷键刷新-&gt;看到最终的当前效果 其实吧,我觉得也没...
  • VS code前端编辑浏览器自动刷新

    千次阅读 2020-08-22 09:28:43
    平时在写前端代码的时候,为了提高效率,修改代码后能在浏览器中同步查看修改内容。下面介绍下不用再浏览器中安装任何插件,只需要在vs code中安装live-serve即可,告别Livereload。 解决方案 1、安装live-server...
  • 但问题是:vscode编译完成,浏览器中对应的页面不会自动进行刷新。 之前浏览器都会自动感应变化而进行刷新,这段时间不会了。 请教各位,这是什么原因呢,是不是哪里设置有问题?恳请指点,谢谢!
  • 先将数据储存到本地缓存,如下: wx.setStorageSync('caseid', this.data.id) ...在需要修改的页面获取本地缓存的数据,如下: var newmsg = wx.getStorageSync('newmsg') var caseid = wx.getStorageSy...
  • 已经设置了自动刷新,但当页面处于编辑状态时仍然自动刷新,导致数据没有保存
  • 当我们使用IDEA创建一个Java Web项目,在项目部署完毕启动服务器,却发现有不满的地方,又对项目进行更改,改完然而页面却没有任何变动,每次需要手动重启服务器非常麻烦 ,本文介绍如何实现直接刷新Browser就...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 160,771
精华内容 64,308
关键字:

编辑后页面不能自动刷新