开发 一月 15, 2020

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

文章字数 2k 阅读约需 2 mins.

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

查看全文

开发 十一月 28, 2019

Vue 页面跳转过渡动画

文章字数 1.3k 阅读约需 1 mins.

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

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

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

查看全文

开发 十一月 18, 2019

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

文章字数 6.4k 阅读约需 6 mins.

特点

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

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

项目运行效果

... 查看全文

开发 九月 19, 2019

Express+Vue+AMP+PWA的项目架构

文章字数 6.7k 阅读约需 6 mins.

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的静态资源以及...

查看全文

生活 八月 16, 2019

史蒂夫·乔布斯传阅读笔记

文章字数 9.1k 阅读约需 8 mins.

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

九型人格的接触


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

查看全文

开发 七月 23, 2019

Vue-l10n 货币本地化Vue插件

文章字数 4k 阅读约需 4 mins.

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

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

查看全文

开发 六月 18, 2019

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

文章字数 5.9k 阅读约需 5 mins.

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

1.优化效果对比

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

查看全文

开发 五月 28, 2019

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

文章字数 3.6k 阅读约需 3 mins.

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

开发 三月 22, 2019

解决Ubuntu命令-git pull总是提示输入密码问题(Enter passphrase for key /root/.ssh/id_rsa:)

文章字数 2.4k 阅读约需 2 mins.

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

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

在Google上找一下,发现这个stackoverflow问题
SSH Key - Still asking for password and passphrase
一...

查看全文

开发 三月 21, 2019

Vue CLI3 仿ios NavigationBar & TabBar布局

文章字数 3.4k 阅读约需 3 mins.

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

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

js依赖

主要实现组件

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

先看gif效果图,觉得可以在去下面👇找源码。

生成的gif图不是很清晰,如果觉得有用,源码在这里。
vue-cli3 仿ios TabBar...

查看全文
加载更多
0%