有时候在某些开发场景必须需要用到https安全环境来测试，比如FB的登录sdk调试，FB的App Links，PWA的调试等等。那我们就需要搭建一个https安全环境,这种情况我有两种解决方案。

1. 用mkcert本地生成免费安全证书
2. 去七牛云或者阿里云白嫖免费安全证书

第1种本地生成的证书只能在自己电脑上信任证书来确保https安全环境为绿色，在其他设备上会显示https不安全。
要使用公网认证的https就用第2种方式，去白嫖SSL安全证书，第2钟方式要有几个前提条件

• 自己拥有ECS云服务器...

简单介绍使用node-rsa模块生成/导出秘钥,加密/解密,签名/验证

具体方法见API

npm install node-rsa

    var key = new NodeRSA({b: 512});//生成512位秘钥
    var pubkey = key.exportKey('pkcs8-public');//导出公钥
    var prikey = key.exportKey('pkcs8-private');//导出私钥
    var pubKey = new NodeRSA...

请你用绝对的理智和清醒的头脑去压制心里的爱和难过

请你用绝对的理智和清醒的头脑去压制心里的爱和难过
请你用绝对的理智和清醒的头脑去压制心里的爱和难过
请你用绝对的理智和清醒的头脑去压制心里的爱和难过
请你用绝对的理智和清醒的头脑去压制心里的爱和难过
请你用绝对的理智和清醒的头脑去压制心里的爱和难过
请你用绝对的理智和清醒的头脑去压制心里的爱和难过

请你用绝对的理智和清醒的头脑去压制心里的爱和难过
请你用绝对的理智和清醒的头脑去压制心里的爱和难过
请你用绝对的理智和清醒的头脑去压制心里的爱和难过
请你用绝对的理智...

特点

• 解决单页面应用(SPA)的SEO配置问题
• 拥有可控的服务端中间件功能，服务端重定向，服务端打cookie等
• 可在服务端根据前端需要组装数据供首屏渲染使用
• 可方便开发AMP页面，并跟vue打包资源同时发布又区分明确的静态资源
• 一键集成PWA功能，附带可用的pwa配置
• 方便vue多页面入口配置，及打包资源分析等等
  包含技术点
  vue-cli3、Express、AMP、PWA、Node.js、Redis

项目地址
StriverF/express-vue-amp-template

项目运行效果

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

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

介绍

为什么我把Express放在前面,而不是Vue+AMP+Express? 因为项目架构发展到这里，其实Express服务端框架已经占了主体，他可以分发管理部署Vue的静态资源以及...

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

九型人格的接触

最开始接触九型人格是在一次公司组织管理层培训的时候，之前我从来没有参与过类似管理的培训。这次培训的讲师是张世民老师(互联网营销模式创新专家), 我之前一直对这类培训都感觉不屑，认为自己技术牛就可以行走江湖了，真是愚昧的认知...

前段时间看到项目里面的货币符号和金额转换的Vue 全局过滤器，感觉这样实现一点都不优雅，而且存在不完善，不统一的问题。比如每次都需要实时算，每次切换货币要强刷页面重新加载。然后就想到了vue-i18n这个vue官方插件，多语言国际化，他是怎么做到不刷新页面切换语言的？于是就去观摩vue-i18n的源码，然后我就参考vue-i18n写了一个vue-l10n的货币转换本地化的Vue插件。

vue-l10n-currency 是参照vue-i18n 的vue插件方式实现的一个 货币本地化转换Vue插...

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

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

1.优化效果对比

首先看一下优化前后的webpack-bundle...

由于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 命令运行图形化界面，在图形化界面上创建和管理...