前言

Express+Vue+AMP搭建node服务端注入首屏渲染数据, Express+ejs组装AMP组件的项目架构
我做过的某个项目经历过以下5个项目架构形态

1. Vue+PHP CI
2. Vue+Nginx
3. Vue+PHP
4. Vue+Express
5. Express+Vue+AMP+PWA

具体架构变动看下面的思维导图

前言

之前一直说Steve Jobs是自己的偶像，但是自己真的了解他吗？知道他经历过什么吗？知道他是什么性格的人吗？不知道！之前只看到他的光辉，只知道他创建了苹果公司，只知道他重新定义了智能手机，只知道他发布的所有苹果产品都那么完美。然而根本就不知道他是怎么做到的！

前言

这次主要是对打包文件 chunk-vendors文件拆包，和 chunk-common提取通用chunk 里面的多语言包进行分语言环境懒加载。
要做这这些事情，需要先了解以下内容：

• Webpack打包分析工具 webpack-bundle-analyzer
• Vue i18n 延迟加载翻译包
• WebpacksplitChunks 根据主要常用的npm库拆分
• Vue-cli3多页面入口配置
• WebpackdllPlugin预构建配置

前言

由于Vue-cli2老板官方不维护，且不推荐使用Vue-Cli2版本，推荐大家使用Vue-Cli3版本。然后我看了一下Vue-Cli3的文档，确实比之前的老版本体验好了很多。

1. 目录结构更清晰.
2. 弃用之前的的build文件夹的build.js和webpack.prod.conf.js
3. 使用新的vue.config.js配置文件包含了之前的wepack配置项。
4. 支持插件集成和插件开发。（比如PWA这样的功能可以通过插件一键集成）
5. 可以通过 vue ui 命令运行图形化界面，在图形化界面上创建和管理项目

前言

最新新开的一台阿里云ECS服务来玩，在安装git并 按照 使用SSH连接到GitHub 文档ssh授权git账户后，每次git命令操作都提要输入密码很烦！

1
2

project-name git:(master) git pull
Enter passphrase for key '/root/.ssh/id_rsa': 

前言

一个仿ios App的NavigationBar和TabBar布局,加自动轮播Banner。
环境

• node 8.13
• vue 2.6.9
• vue-cli3
• mac os 10.14.2

js依赖

• vue-awesome-swiper
• less-loader

主要实现组件

• NavigationBar.vue
• TabBar.vue
• Swiper.vue

前言

测试环境
Xcode10.1
iPhone8 ios12.1.4
真机调试的时出现下图报错

前言

node版本号更新到最新后，有时候去run一些老项目会报错,大部分原因是node版本过高的原因。这个时候难道又卸载node去装老版本，要run新项目又去装新版本吗？
不！！！我用nvm工具来灵活切换node版本。
比如之前装的Hexo,在更新node版本到8.13.0后 hexo 所有命令都无效了 报错：command not found: hexo
这个就是因为node版本过高导致Hexo 命令失效，这个时候我们就可以在Hexo项目文件目录下
nvm use v7.1.0

首先我们来科普一下几个概念：

1）SPA：单页面应用，基于vue框架开发的项目很多都属于单页面应用；
2）SSR ：server side rendering, 服务端渲染，额，这个不是订阅那个SSR，我一开始就弄混了；
3）Prerender：预渲染，Prerender.io是基于Node.js的程序，它可以让你的JavaScript网站支持搜索引擎，社交媒体，并且它兼容所有的JavaScript框架和库。它采用PhantomJS渲染JavaScript的网页然后呈现为HTML。此外，我们可以实现的prerender服务层来缓存访问过的页面，这将大大提高性能；
4）SEO：搜索引擎优化，指通过对网站进行站内优化、修复和站外优化，从而提高网站的网站关键词排名以及公司产品的曝光度。
5）Nuxt：是一个基于 Vue.js 的通用应用框架，预设了利用Vue.js开发服务端渲染的应用所需要的各种配置，可以为基于 Vue.js 的应用提供生成对应的静态站点的功能。