摘要：
VUE SEO方案二 - SSR服务端渲染 在上一章中，我们分享了预渲染的方案来解决SEO问题，个人还是很中意此方案的，既简单又能解决大部分问题。但是也有着一定的缺陷，所以我们继续来看下一个方案--服务端渲染。 1.概述 官方文档 服务端渲染的配置相比预渲染就复杂多了，要做到同构，还要保证服务端和客 阅读全文
摘要：
VUE SEO方案一 - 预渲染及其cdn配置 项目接入VUE这样的框架后，看起来真是太漂亮了，奈何与MCV框架比起来，单页应用程序却满足不了SEO的业务需求，首屏渲染时间也是个问题。总不能白学VUE，预渲染和SSR还是要搞起来。 1.原理 为什么做服务端渲染之前先去了解了预渲染呢？因为预渲染方案相 阅读全文
摘要：
Velocity.js和GSAP 我们需要提升代码质量来留住用户。作为用户界面的建设者，我们的工作是迅速引导和引导用户的注意力，指导他们如何有效地使用我们的应用程序。 1. 如何提升代码质量 定向聚焦 我们可以利用动画的力量来集中用户的注意力。视觉对运动的敏感度是人类大脑的一个核心，作为开发人员，我 阅读全文
摘要：
eslint uniapp-eslint及vue-eslint配置 ESLint 是一个开源的 JavaScript 代码检查工具。可以让程序员在编码的过程中发现问题而不是在执行的过程中。 1. eslint的特性 请直接参考文档 附：其他文件的格式设置 一般eslint只作用在项目相关的文件内，而 阅读全文
摘要：
vue/cli -- babel Babel 是一个工具链，主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中。 1. babel的作用 语法转换 通过 Polyfill 方式在目标环境中添加缺失的特性 阅读全文
摘要：
Unit Testing(单元测试)--Jest 一个完整的测试程序通常由几种不同的测试组合而成，比如end to end（E2E）测试，有时还包括整体测试、简要测试和单元测试。这里要介绍的是Vue中的单元测试，使用流行的Jest JavaScript测试库来运行我们的测试。 1.测试的目的 排除故 阅读全文
摘要：
Vue validation(表单验证)--vuelidate 表单是用户那里收集的数据的工具。如果它没有收集到你需要的数据，或者收集到的数据不对，那么你的表单就没有达到它的目的。这就是为什么我们需要表单验证。 1.需要验证的问题 必要的信息不能让用户提交空信息 虽然不能保证用户提交的信息100%正 阅读全文
摘要：
Progress Bar(进度条) NProgress 当你打开一个页面，页面显示空白或者部分空白，那么用户就会怀疑你的网页是不是有问题。我们需要让我们的用户知道数据在路上，当他们点击一个需要请求数据链接时，就会给出反馈，让用户知道页面的加载情况 1.NProgress相关的三种方案 借用Axios 阅读全文
摘要：
Nuxt.js(二、解决首屏速度与SEO) 1.普通的Vue SPA初始化加载速度很慢 在传统的web应用中，当用户请求一个页面时，服务器直接返回一个html文件，浏览器直接渲染出来。但是，在vue应用中，这个过程则可能比您所希望的要慢，特别是在网速较慢的情况下。它的步骤如下： 当用户初始请求任何的 阅读全文