• 比'Vue Cli'更高纬度的下一代前端工具|尤雨溪新品Vite的魔力

    前言

    现在前端cli工具已经比较成熟,而且用的也很方便,但是最近又出现了比’Vue Cli’更高纬度的下一代前端工具|尤雨溪新品Vite的魔力。
    这些工具的出现是为了解决 ES Modules 模块系统本身的环境兼容问题、以及零散的模块文件导致的频繁网络请求发送和模块化发散的问题等等。
    既然已经有了 Webpack,尤大再整一个 Vite 到底有啥用呢?

  • Ubuntu Nginx 配置https免费SSL证书安全环境

    前言

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

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

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

    • 自己拥有ECS云服务器(这个阿里与好像也有能白嫖的低配机器)
    • 自己拥有一个域名(去阿里云购买非特殊域名也不贵几块钱一年)
    • 注册七牛云账户去0元购买SSL免费证书
    • 还有就是你需要基本熟悉Linux操作命令

    我下面主要介绍第2种方案,想要实现第1种方案的可以去查看mkcert的文档

  • React 核心概念重点笔记

    前言

    把之前阅读React官方文档,重点笔记做一下归纳。以及会提及到React和Vue的共同点和核心概念差异。
    提示:此篇文章纯属作者的一个学习笔记,对其他人可能没有实际上的学习帮助,只是为了作者自己日后翻看能快速回顾之前学习时的思想碰撞点。

  • node-rsa 生成私钥/公钥 加密/解密 签名/验证

    前言

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

    具体方法见API

  • Express+Vue+AMP+PWA项目模板使用说明

    介绍

    特点

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

    前言

    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是自己的偶像,但是自己真的了解他吗?知道他经历过什么吗?知道他是什么性格的人吗?不知道!之前只看到他的光辉,只知道他创建了苹果公司,只知道他重新定义了智能手机,只知道他发布的所有苹果产品都那么完美。然而根本就不知道他是怎么做到的!

  • Vue-Cli3、multi-page多页面、i18n多语言项目打包优化

    前言

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

  • Vue-Cli2到Vue-Cli3 Vue项目架构升级

    前言

    由于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 命令运行图形化界面,在图形化界面上创建和管理项目
  • 解决Ubuntu命令-git pull总是提示输入密码问题(Enter passphrase for key /root/.ssh/id_rsa:)

    前言

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

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