默认的node的npm太慢了，这里使用淘宝的cnpm网址如下：http://npm.taobao.org/使用方法npm install -g cnpm --registry=https://registry.npm.taobao.org然后，后面就使用 cnpm进行操作了。...
原创
2021-07-14 11:43:17
347阅读
# Docker Vue 构建加速指南
在目前的前端开发中，Vue.js 是一个非常流行的框架。然而，有时候在构建 Vue 应用时，速度可能比较慢。通过 Docker 进行构建时，可通过一些高级技巧实现加速。本文将教授你如何在 Docker 中加速 Vue 应用的构建过程。
## 流程概述
下面是整个过程的步骤表：
| 步骤 | 描述 |
|----
前面介绍了如何新建vue工程vscode新建vue工程，这篇就介绍如何编写自己的第一个页面 开始之前，先介绍下vue工程的目录结构build 项目构建(webpack)相关代码config 项目相关配置，配置端口信息等node_modules 项目依赖等src>assets 放置一些图片 如项目的logo、iconssrc>conponents 项目的一些组件，如自定义组件src>
转载
2024-04-11 11:51:33
93阅读
一、说明实际工作中，一般只是新增/修改已有vue项目的页面，很少从零开始搭建一个新的vue项目。在此简要总结下新增页面的开发方法。二、步骤1.首先找一个相似的页面，复制一份，修改为不同的名称。(1)例如，有一个页面，位于这个文件夹：E:\mobile-project\src\modules\user\user-config其中有3个文件：app.vue
main.js
tmpl.html访问路径是
转载
2024-03-08 21:44:23
68阅读
使用VUE开发单页项目时遇到这样的问题，mounted中使用setInterval()定时向服务器获取数据，后来跳转页面后，发现还在不停的获取数据。我以为是因为我路由用的push导致的，改成replace也是这样，后来就在博客园找到答案了，如下：问题：(javascript)使用Vuejs + Vue-router 开发单页面，如何使得切换页面时能销毁原组件？描述:我有一个单页面应用，有页面A和页
转载
2024-07-06 13:36:07
98阅读
我们平常用vue开发的时候总觉得vue好像就是专门为了单页面应用而诞生的，其实不是。因为vue在工程化开发的时候很依赖webpack，而webpack是将所有的资源整合到一块，弄成一个单页面。但是vue不止可以做单页面，它还可以做多页面，如果要做多页面的话需要对他的依赖，也就是webpack就是重新配置才可以。本文将详细讲webpack的配置。1、进入\build\webpack.base.con
转载
2023-11-24 01:09:21
672阅读
一直以来更多的是进行单页面开发。但在与其他同行的交流中，发现多页面项目也是业务的一种需求，趁着今天有时间，今天搞了一下。多页面的配置，自然也可以根据路由的mode分为hash和history模式。先说本人更熟悉的hash模式。一，多页面要有多个入口默认使用vue-cli 2初始化的项目，需要修改webpack的entry参数，修改两个入口，如下// 原来
entry: {
app: '
转载
2023-06-16 15:35:01
1156阅读
一、在template中的常见写法： 二、在js中设置跳转（在方法中跳转界面并传参，两种方式：params 与 query）： 有时候我们需要的是点击按钮跳出弹窗，选择判断后进行跳转，我们常用.$router.push 跳转 传参： 另有： 路由传参params 和query两种方式的区别： 1、用
转载
2019-06-04 14:57:00
2045阅读
2评论
使用 Vue 的页面变慢的原因可能有多种，以下是一些可能的原因和解决方案：一次性渲染大量数据：当页面需要渲染大量数据时，特别是在处理复杂类型的数据时，Vue 对数据的劫持时间和渲染时间可能会变长，导致页面长时间无法交互。这种情况下，可以使用 requestAnimation 方法来分割数据，分批次渲染，以减少连续执行时间，加快渲染速度。数据更新导致的性能问题：当页面中存在大量数
pages # Type: Object Default: undefined 在 multi-page 模式下构建应用。每个“page”应该有一个对应的 JavaScript 入口文件 一个指定了 entry, template,
原创
2024-04-29 10:00:48
54阅读
vue生命周期即为一个组件从出生到死亡的一个完整周期，主要包括以下4个阶段：创建，挂载，更新，销毁创建前：beforeCreate, 创建后:created 挂载前：beforeMount, 挂载后：mounted 更新前：beforeUpdate, 更新后：updated 销毁前：beforeDestroy, 销毁后：destroyed我平时用的比较多的钩了是created和mounted，cr
介绍: 网页压缩来进一步提升网页的浏览速度，它完全不需要任何的成本，只不过是会让您的服务器CPU占用率稍微提升一两个百分点而已或者更少. 原理: 网页压缩是一项由 WEB 服务器和浏览器之间共同遵守的协议，也就是说 WEB 服务器和浏览器都必须支持该技术，流行的浏览器都是支持的，包括 IE、FireFox、Opera 等；服务器有 Apache 和 IIS 等。双方的协商过程如下： ...
原创
2022-05-08 14:29:15
242阅读
实现技术：webpack构建工具： jquery： bootstrap：  
转载
2024-06-04 01:23:20
44阅读
这个是路由，我们一般用这个来找我们对应的页面。
转载
2020-05-25 23:23:00
588阅读
2评论
原文链接https://baijiahao.baidu.com/s?id=1700328557526256583&wfr=spider&for=pc push和replace这两个都方法都是vue-router提供的api。 在vue项目中使用this.$router.push()方法来跳转不同路径 ...
转载
2021-07-26 15:21:00
2616阅读
2评论
指定页面跳转this.$router.push({ path:'/two.html'})<router-link to='two.html'><button>点我到第二
原创
2023-02-20 13:16:29
649阅读
1、nginx安装 2、常用nginx命令start nginx // 开启nginx服务
nginx -s stop // 关闭nginx服务，快速停止nginx，可能并不保存相关信息
nginx -s quit // 关闭nginx服务，完整有序的停止nginx，并保存相关信息
nginx -s reload // 重载nginx服务
t
简介FormMaking 是基于 Vue 的可视化表单设计器，赋能企业实现低代码开发模式；帮助开发者从传统枯燥的表单代码中解放出来，更多关注业务，快速提高效率，节省研发成本。在OA系统、考试系统、报表系统、流程管理等系统中应用广泛。基于 vue 和 element-ui 实现，使用了最新的前端技术栈，内置了 i18n 国际化解决方案，支持二次开发，支持自定义组件引入。提供 表单设计器（Making
vue多页面
原创
2022-11-21 10:58:23
413阅读
一、在template中的常见写法： <router-link to="/recommend"> <button class="button">点击跳转</button> </router-link> 二、在js中设置跳转（在方法中跳转界面并传参，两种方式：params 与 query）： 有时候我们需要的是点击按钮跳出弹窗，选择判断后进行跳转，我们常用.$router.push 跳转 传参： <
转载
2019-10-10 14:36:00
1788阅读
2评论
