VUE-Harries Blog™ | 追心中的海，逐世界的梦

一个集成170种场景Spring Boot Demo项目

能用365块大洋去解决的事，千万不要用时间

南瓜手机(pumpkin phone）

Java获取gravatar头像链接

读《洛克菲洛写给儿子的38封信》有感

List数组使用stream根据时间进行排序实现

mysql ibdata1文件过大解决

用PMML实现机器学习模型的跨平台上线

使用sonarqube分析VUE代码质量

SonarQube 是一个开源的代码质量管理平台，广泛用于自动化分析和持续集成中，帮助开发团队检测和管理代码中的潜在缺陷、漏洞、安全问题以及代码异味。它支持多种编程语言，如 Java、JavaScript、Python、C++ 等，并且可以与 CI/CD 流水线（如 Jenkins、GitLab CI）无缝集成，帮助团队实时监控代码质量。 1. SonarQube 的特点 SonarQube ...

2025-01-03 浏览(145) 评论(0)

阅读全文

使用 Docker 打包和运行 Vue 应用

在现代开发中，Docker 是一个强大的工具，可以帮助开发者将应用及其依赖打包到一个轻量级的容器中。本文将基于你提供的 Dockerfile 示例，指导你如何使用 Docker 打包和运行一个 Vue 应用。 1. 项目准备首先，确保你已经安装了 Node.js 和 Docker。然后，创建一个新的 Vue 项目（如果你还没有项目的话）： npm install -g @vue/cli ...

2024-12-21 浏览(213) 评论(0)

阅读全文

docker部署前端vue项目

介绍 Docker是一种开源的容器化平台，可以帮助我们更便捷地构建、交付和运行应用程序。在前端开发中，我们通常使用Vue框架来构建Web应用程序。为了更方便地部署和运行Vue项目，我们可以使用Docker来创建一个容器，并在该容器中运行我们的应用程序。本文将介绍如何使用Docker来部署前端Vue项目，并提供相应的代码示例。准备工作在开始之前，我们需要安装Docker并确保它已正...

2023-08-10 浏览(448) 评论(0)

阅读全文

Vue模板编译原理详解

概要： Vue有自带编译器的版本和不带编译器的版本，即runtime +complier 和 runtime 版本。编译器的主要作用是将 .vue的模板编译为render函数，因为在开发的时候，写render函数不符合我们的开发习惯，所以我们平常开发用的都是runtime+complier的版本。而项目打包时，就将编译的工作交由webpack来执行打包编译，即打包后的项目已经是编译好的rende...

2023-02-22 浏览(500) 评论(0)

阅读全文

FastJson稍微使用不当就会导致StackOverflow

对于广大的开发人员来说，FastJson大家一定都不陌生。 FastJson（https://github.com/alibaba/fastjson）是阿里巴巴的开源JSON解析库，它可以解析JSON格式的字符串，支持将Java Bean序列化为JSON字符串，也可以从JSON字符串反序列化到JavaBean。它具有速度快、使用广泛、测试完备以及使用简单等特点。但是，虽然有这...

2022-11-09 浏览(513) 评论(0)

阅读全文

vuepress快速上手

介绍 VuePress由两部分组成：一部分是支持用 Vue 开发主题的极简静态网站生成器，另一个部分是为书写技术文档而优化的默认主题。它的诞生初衷是为了支持 Vue 及其子项目的文档需求。它以 Markdown 为中心的项目结构，以最少的配置帮助你专注于写作；享受 Vue + webpack 的开发体验，可以在 Markdown 中使用 Vue 组件，又可以使用 Vue 来开发自定义主题；它...

2022-11-09 浏览(554) 评论(0)

阅读全文

Vue的v-if和v-show的区别

一、v-if和v-show区别 ① v-show严格意义来说其实是条件隐藏，直接在页面初始化的时候将DOM(对象模型)元素也初始化，因为它就是将它所在的元素添加一个display属性为none，如果条件符合就显示。 a. 文本框中无内容，默认为false,所以属性显示 b. 文本框中输入d，false变为ture，属性消除 ② v-if严格意义来说就是条件判断，符合就加...

2022-11-08 浏览(705) 评论(0)

阅读全文

自定义组件 v-model：Vue 如何实现双向绑定

v-model 是 Vue 中一个常用的指令，常用于表单中的数据绑定。如下基本用法想必大家都很熟悉，data 中的 checked 属性的值就会随着多选框的状态实时变化。 <el-checkbox v-model="checked" /> 但你或许听说过，Vue 组件之间是“单向数据流”，即通过 props 从父组件向子组件单向传递数据。那么，v-model 的“双向绑定”效果...

2022-11-07 浏览(567) 评论(0)

阅读全文

Vue之v-model双向绑定原理

一、简介 v-model实现双向绑定的语法糖，常用于表单与组件之间的数据双向绑定. 二、表单实现双向绑定 1. 原理分两步骤 v-bind绑定一个value属性 v-on指令给当前元素绑定input事件可看出v-model绑定在表单上时，v-model其实就是v-bind绑定value和v-on监听input事件的结合体 v-model = v-bind:value + v...

2022-11-07 浏览(494) 评论(0)

阅读全文

vue中watch的3种写法

一、什么是watch watch:用于监听data里面的数据是否被修改，一旦修改就可以执行一些其他的操作【也是方法】二、解析watch watch在监听的时候，可以有二次参数，第一次参数为更新的数据，第二个参数为之前的旧数据 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...

2022-11-07 浏览(417) 评论(0)

阅读全文