直接贴 门户项目代码 // 全局router 直接挂载路由导航守卫 router.beforeEach((to, from, next) => { if (to.meta.title) { var title = to.path.startsWith("/news") ? to.meta.metas ...
转载
2021-08-12 14:54:00
304阅读
2评论
目录SPA项目搭建SPA项目路由嵌套案例SPA项目搭建今天的搭建是在nodeJS环境搭建好后的基础上实行搭建的什么是vue-clivue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板，创建命令如下：vue init webpack xxx搭建步骤一、安装vue-cli执行代码：npm install -g vue-cli成功后会在你的vue-g...
原创
2021-09-02 11:06:37
141阅读
什么是vue-cli?vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板，创建命令如下：vue init webpack xxxa、：xxx 为自己创建项目的名称b、：必须先安装vue,vue-cli，webpack，node等一些必要的环境安装vue-clinpm install -g vue-cli一：安装成功后，会出现如下文件D:\in...
原创
2021-09-10 18:20:43
132阅读
目标1.如何使用vue-cli搭建SPA项目2.如何在spa项目中使用路由3.嵌套路由的使用前提搭好NodeJS环境看图分析目标：1.如何使用vue-cli搭建SPA项目什么是vue-cli?vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板，创建命令如下：vue init webpack xxx注意：xxx 为自己创建项目的名称必须先安装...
原创
2021-06-17 15:47:30
345阅读
websocket中就有建立连接connect、发送消息send等函数可供使用，但是websocket.WebSocketApp将这些都封装好了，只用在实例化的时候传入自定义函数即可，更方便。因此这里选择使用websocket.WebSocketApp来模拟客户行为。WebSocketApp也是websocket中的一个类。要使用WebSocketApp中的回调函数需要传入一系列的可调用对象。在实
问题描述因一些原因，使用 Apache 部署 Vue SPA 项目，静态路由刷新后 4
原创
2023-02-22 11:05:30
441阅读
Vue首次加载太慢之性能优化前言一、防止编译文件中出现map文件二、vue-router 路由懒加载三、使用gzip压缩四、使用CDN加载第三方库第一步：引入资源第二步：添加配置第三步：去掉原有的引用五、去掉代码中的console.log 前言首页加载很慢的问题 。首次加载大概需要50s，页面才能出来。总结如下原因：原因1：由于vendor.js和app.css较大，UI渲染线程并不会优先加载他
转载
2024-02-29 23:09:05
217阅读
ssr服务端渲染 对已有的SPA项目来说改造成本非常大 预渲染 如prerender-spa-plugin、react-snap，不适用数据经常变化的页面，也不适用路由非常多的页面 rendora方案 不用改造已有的项目，但是是go语言，对前端不太友好 另做一套简易版网站 没有样式，只有符合seo规 ...
转载
2021-09-07 11:13:00
518阅读
2评论
项目简介 Github: https://github.com/hanan198501/vue-spa-template 我们基于 vue-cli 脚手架生成项目模板做了一些改造，加入了 vue-router ，vuex 等配套设施，本地 dev server 中加入了接口 mock 功能，还增加一
原创
2022-04-06 10:53:01
172阅读
（3）预渲染：构建阶段生成匹配预渲染路径的html文件（注意：每个需要预渲染的路由都有一个对应的html—），
原创
2023-02-06 16:42:39
411阅读
```markdown
在使用 Vue 的项目中，常常会碰上 `yarn install` 速度缓慢的问题。这会直接影响到开发效率，尤其是在依赖较多的项目中。为了更好地解决这个问题，本文将从环境配置、编译过程到参数调优、定制开发、性能对比和错误集锦等多个角度进行系统性的分析和分享经验。
## 环境配置
下面是我的开发环境配置，通过思维导图的形式展示，可以看到我所使用的各个工具和版本。
```
使用vue-router创建路由器: router/index.jsnew VueRouter({ routes: [ { // 一般路由 pa
原创
2022-11-07 17:44:59
25阅读
在我们的 laravel 项目中，让我们使用 yarn 运行一个命令，并选择 vue 和 typescript。将项目名称设置为：FrontEndApp选择：Vue选择：Ty
原创
2023-01-28 11:23:13
595阅读
多说无益直接上代码前端代码vue 怎么引入和配置使用 element-ui 框架a、 使用 vue-cli 脚手架工具创建一个 vue 项目vue init webpack pro01b、npm 安装 elementUIcd pro01 # 进入新建项目的根目录npm install element-ui -S ...
原创
2021-09-10 18:20:06
1778阅读
对于首屏的定义，浏览器没有给出标准的指标，因为不同网站对于首屏的要求也是不尽相同的。我们从谷歌的第一次有效时间（first meaningfull paint）得到了一些启发，例如，一个新闻网站文字跟字体对于它来说是更重要的，而图片是次要的。新闻网站可以认为所有文字或字体加载出来即为首屏。但是对于电
转载
2020-10-14 17:20:00
415阅读
2评论
spa用户登录注册布局用户登录功能实现跨域、Vue工具类、get与post提交的区别用户登录注册布局安装开发模块npm install element-ui -S npm install axios -Snpm install qs -S npm install vue-axios -S没有下载时：右击打开spa项目的所在目录，shift+右击打开Powershell窗口，...
原创
2021-06-17 15:48:39
2482阅读
CRUD+表单验证今天同样在上次的基础上继续完善我们的功能，上次实现了动态树和数据表格，今天完善数据表格的增删改查，后台同样是用的SSH增删改查，博客地址：https://blog.csdn.net/qq_43517653/article/details/97611761同时我们利用ElementUI的Form组件自带的表单验证完善表单验证，Form组件提供了表单验证的功能，只需要通过 rul...
原创
2021-09-02 11:06:35
174阅读
SPA项目所需配置npm install axios -Snpm install qs -Snpm install vue-axios -S这是开发需要 用到的库，axios相当于ajax的升级版，用来访问后台的，依次在cmd窗口执行就能下载了然后我们界面要用到element-UI，所以还要导入element-UI的库npm install element-ui -S 这是我的项...
原创
2021-09-02 11:06:37
343阅读
一、开闭原则1.1定义开闭原则:软件实体应当对扩展开放，对修改关闭，这就是开闭原则的经典定义开闭原则的含义是:当应用的需求改变时，在不修改软件实体的源代码或者二进制代码的前提下，可以
扩展模块的功能，使其满足新的需求。1.2 作用开闭原则是面向对象程序设计的终极目标，它使软件实体拥有一定的适应性和灵活性的同时具备稳定性和延续性1.3 实现方法可以通过“抽象约束、封装变化”来实现开闭原则，即通过接口
转载
2024-09-10 21:51:44
26阅读
ipa文件的安装方法有两种：一种是使用iTunes安装， 另外一种是使用第三方软件安装。
ipa文件是苹果iTunes能够识别的软件，直接把它拖动到iTunes里面，(文件->添加到资料库)，然后连接你的
iOS
设备，这样iTunes就可以识别到你的应用程序，然后同步就可以了
1、打开你的ITunes,选择 文件->添加到资料库
转载
2023-07-22 14:51:49
89阅读
