提到热更新，首先我们要有一个概念：Vue有热更新模块，而webpack也有它的HRM模块（HotModuleReplacement）。Vue热更新是基于webpack的热更新之下的粒度更小的更新，它是依托于webpack-dev-middleware对文件的监听的，是整个webpack热更新的一部分。所以想要理解Vue的热更新，必须先要了解webpack HMR的一个流程。 webpac
转载
2023-09-08 06:38:18
221阅读
我们都知道，对于node来说，前端vue代码的迭代节奏是很快的，可能一周要迭代几次，但是node的迭代却没那么平凡，可能一周更新一次甚至更久，那么为了node服务的稳定，减少node服务的发布次数，是非常有用的。 配置中心是肯定需要的，因为需要通过配置不同的资源版本号，来通知node服务更新服务上的版本号 那么 我们的vue代码 要如何改造才能实现热更新呢？ 我们就以vue官方给的例子来看以下代码
转载
2024-04-24 14:29:48
102阅读
官方：如果，你发现自己需要在vue中做一次强制更新，99.9%的情况，是你在某个地方做错了事。情况一：Vue无法检测实例被创建时不存在于data中的变量原因：由于 Vue 会在初始化实例时对 data中的数据执行 getter/setter 转化，所以 变量必须在 data 对象上存在才能让 Vue 将它转换为响应式的。例如： new Vue({
data:{},
templat
转载
2024-02-20 19:09:34
740阅读
只需要运行下面的命令即可：
原创
2021-08-06 16:52:33
511阅读
1、在项目根目录下创建vue.config.js 2、复制代码 module.exports = { devServer: { // --open --contentBase src --port 3000 --hot", open: true, contentBase: 'src', port: ...
转载
2021-09-23 16:57:00
3749阅读
2评论
# Vue iOS 热更新：让应用更加灵活
随着移动应用的普及，用户对应用的更新速度和体验要求越来越高。热更新作为一种无需重新下载安装包即可更新应用内容的技术，越来越受到开发者和用户的青睐。本文将介绍如何在 Vue 项目中实现 iOS 平台的热更新。
## 什么是热更新？
热更新，又称为热修复或热补丁，是一种在应用运行时动态更新应用内容的技术。它允许开发者在不发布新版本的情况下，修复应用中的
原创
2024-07-26 09:41:51
58阅读
# Docker 热更新 Vue 应用的实现
在现代 web 开发中，Docker 是一种越来越流行的容器化技术，它可以帮助开发者在任何环境中统一应用部署。而 Vue.js 是一款广受欢迎的前端框架，这使得结合这两者成为了开发者的优选解决方案。通过 Docker 热更新 Vue 应用，开发者可以大大提高开发效率，实时预览代码更改，避免重复构建和重启容器的烦恼。
## 什么是 Docker 热更
大家都用过 Vue-CLI 创建 vue 应用，在开发的时候我们修改了 vue 文件，保存了文件，浏览器上就自动更新出我们写的组件内容，非常的顺滑流畅，大大提高了开发效率。想知道这背后是怎么实现的吗，其实代码并不复杂。这个功能的实现底层用了vue-hot-load-api[1]这个库，得益于 vue 的良好设计，热更新的实现总共就一个 js 文件，200 行代码，绰绰有余。而在这个库里涉及到的技巧
Docker部署vue项目 补充1：docker部署vue项目补充2： Docker镜像+nginx 部署 vue 项目-完整版本 server {
listen 80;
server_name localhost;
#charset koi8-r;
access_log /var/log/nginx/host.acc
转载
2024-08-16 11:10:49
145阅读
Vue前端项目增量更新Vue前端项目打包时会将项目页面代码封装成一个个的js和css，命名规则为chunk+哈希值。 当页面代码有变动并重新打包时，webpack只会更新有变动的文件，并更新文件名称里的哈希值，其他的文件并不会更新，根据这一特性，可以实现vue前端项目增量更新。 操作步骤如下： 1、 上一版本的打包文件命名为dist1，并重新打包前端项目（生成文件默认为dist）。如图将执行程序拷
转载
2024-04-01 07:06:14
240阅读
vue.js在命令中使用--inline --hot进行热更新配置，需要下载vue-hot-reload-api组件 也可以试试： 使用spri
原创
2023-05-11 11:10:03
2023阅读
本文列出Vue3比较重要的几点更新，博客基于Vue3起步目录结构：-——-src
----|--main.js
----|--App.vue
--index.html
--package.json
--vite.config.js依赖包：npm install vite @vitejs/plugin-vue -D
npm install vue@next -Spackage.json："scrip
转载
2024-03-19 08:34:49
156阅读
在开发Flutter应用时，热重载（Hot Reload）是一个极大提高开发效率的功能。然而，许多开发者在使用Android Studio进行Flutter开发时，遇到了“无法热更新”的问题。本文将详细记录解决此问题的过程。
## 初始技术痛点
在使用Flutter进行移动应用开发的过程中，热重载是一项至关重要的功能。它能实时反映代码的更改，极大提高开发效率。然而，在某些情况下，用户面临热重载
介绍：huatuo是一个特性完整、零成本、高性能、低内存的近乎完美的Unity全平台原生c#热更方案。huatuo扩充了il2cpp的代码，使它由纯AOT (opens new window)runtime变成‘AOT+Interpreter’ 混合runtime，进而原生支持动态加载assembly，使得基于il2cpp backend打包的游戏不仅能在Android平台，也能在IOS
转载
2024-05-24 13:34:20
97阅读
介绍frames、threads、evaluate的使用，断点的一些属性以及条件断点、日志断点、异常断点等使用场景，帮助提高debug效率 跳过单步调试的stepOver stepInto等基础调试，从上一幅图开始。frames查看帧调用关系图中右边箭头指着的图标用来控制是否显示frames。 左边的箭头指着的是调用关系，从Debug的frames也可以看到：onClick是在perfo
之前用的是腾讯的热更新服务，但过几天腾讯就要停止服务了，换成阿里云的热修复。以前没做过原生，搞得比较痛苦，记录一下！只有集成安卓端 平台操作
阿里云官网创建账号并认证阿里云官网
移动热修复页选择开通移动热修复服务（免费的也够用了）添加项目及应用（只使用热修复服务可以不下载这个json文件）
在右方研发工具中开启移动热修复代码集成 官方文档挺详细的，不过我也记录一下我的步
转载
2023-10-16 07:21:32
446阅读
vue项目在docker容器中开发的尝试docker的安装及node镜像拉取容器运行项目创建一个vue项目到本地目录启动一个容器使用node镜像,并将本地项目映射到容器内目录在容器中 下载依赖并运行项目遇到的问题总结 首先，这里先给个结论，本地不安装任何环境，通过跑一个docker container，image 使用 node。可以用于开发vue项目，可能由于本人电脑配置问题，运行起来会比较
转载
2023-08-18 17:17:49
257阅读
解决Vue热更新失效一、问题描述二、出现原因三、解决方案四、总结 一、问题描述之前在本地测试Vue项目时，是可以热更新的，但是最近一段时间发现Vue的热更新失效了。然后通过vs code查看控制台，发现编译没有报错，然后查看浏览器控制台，发现控制台输出了一个报错，如下图所示：然后点进去发现是这里报的错误，如图所示： 说明：这个文件可以在 node_modules\sockjs-client\di
Unity使用的是.Net框架，前端编写C#代码(也就是写源代码)--->编译源代码就是将源代码变成IL中间代码--->打包前会执行IL2CPP，IL2CPP也就是IL to CPP，即将IL中间代码变为C++代码。然后再通过C++编译器(Complier)对C++代码进行编译。(C++就是编译性语言)--->这里说的编译指的是静态编译，也就是运行前编译，也就是AOT(Ahead
转载
2024-05-07 11:34:18
87阅读
前言在旧开发的时代，前端项目在开发的过程中修改代码，很有可能是手动切到浏览器刷新页面来看到改动效果。操作不方便且页面之前的编辑记录也都丢失，体验可以说为0。想象一下一个表达你努力填满了所有输入项，结果因为调了一下样式就丢失了所有输入内容，你的心情如何？随后变出现live reload自动刷新，解决了手动切的尴尬操作但页面的状态问题仍未解决。随着前端工程化的推进，HMR（Hot Module Rep
转载
2023-11-20 14:01:01
266阅读
