「 开发 」 十一月 28, 2019
Vue 页面跳转过渡动画
文章字数 1.3k 阅读约需 1 mins.
请你用绝对的理智和清醒的头脑去压制心里的爱和难过
请你用绝对的理智和清醒的头脑去压制心里的爱和难过
请你用绝对的理智和清醒的头脑去压制心里的爱和难过
请你用绝对的理智和清醒的头脑去压制心里的爱和难过
请你用绝对的理智和清醒的头脑去压制心里的爱和难过
请你用绝对的理智和清醒的头脑去压制心里的爱和难过
请你用绝对的理智和清醒的头脑去压制心里的爱和难过
请你用绝对的理智和清醒的头脑去压制心里的爱和难过
请你用绝对的理智和清醒的头脑去压制心里的爱和难过
请你用绝对的理智和清醒的头脑去压制心里的爱和难过
请你用绝对的理智...
「 开发 」 七月 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 里面的多语言包进行分语言环境懒加载。
要做这这些事情,需要先了解以下内容:
- Webpack打包分析工具 webpack-bundle-analyzer
- Vue i18n 延迟加载翻译包
- WebpacksplitChunks 根据主要常用的npm库拆分
- Vue-cli3多页面入口配置
- WebpackdllPlugin预构建配置
1.优化效果对比
首先看一下优化前后的webpack-bundle...
查看全文「 开发 」 五月 28, 2019
Vue-Cli2到Vue-Cli3 Vue项目架构升级
文章字数 3.6k 阅读约需 3 mins.
由于Vue-cli2老板官方不维护,且不推荐使用Vue-Cli2版本,推荐大家使用Vue-Cli3版本。然后我看了一下Vue-Cli3的文档,确实比之前的老版本体验好了很多。
- 目录结构更清晰.
- 弃用之前的的build文件夹的build.js和webpack.prod.conf.js
- 使用新的vue.config.js配置文件包含了之前的wepack配置项。
- 支持插件集成和插件开发。(比如PWA这样的功能可以通过插件一键集成)
- 可以通过 vue ui 命令运行图形化界面,在图形化界面上创建和管理...