起因一直以来，我都是直接在浏览器Tampermonkey扩展页面直接新建用户脚本来开发的：对于一些简单的脚本，这没有什么问题，即改即看。但当代码多了以后问题就来了，自带编辑器开发体验确实不太舒服，没有格式化，没有代码补全，无法模块化编写代码等等，这时候我就想寻找一个打包方案，让我们可以在自己的编辑器如VSCode里开发，这样就可以充分利用前端工程化的便利，提升开发体验。常见的打包工具比如webpack、parcel、rollup等，首先排除webpack（笑），然后试了下parcel，效果不太理想，之后试了rollup感觉还可以。转眼想到要用vue开发，那就直接上vite吧?，vite也是用r
起因一直以来，我都是直接在浏览器Tampermonkey扩展页面直接新建用户脚本来开发的：对于一些简单的脚本，这没有什么问题，即改即看。但当代码多了以后问题就来了，自带编辑器开发体验确实不太舒服，没有格式化，没有代码补全，无法模块化编写代码等等，这时候我就想寻找一个打包方案，让我们可以在自己的编辑器如VSCode里开发，这样就可以充分利用前端工程化的便利，提升开发体验。常见的打包工具比如webpack、parcel、rollup等，首先排除webpack（笑），然后试了下parcel，效果不太理想，之后试了rollup感觉还可以。转眼想到要用vue开发，那就直接上vite吧?，vite也是用r
前言先说几句废话，本人是一名web后端开发，主语言是java，在学Electron之前，只会一点点HTML和JavaScript。本文讲的也是我学习Electron的过程，而非教程，请酌情参考。Electron是什么Electron是一个使用JavaScript、HTML和CSS构建桌面应用程序的框架。嵌入 Chromiu和 Node.js到二进制的Electron允许您保持一个JavaScript代码代码库并创建在Windows上运行的跨平台应用macOS和Linux——不需要本地开发经验。前置准备下面列举一下学electron之前需要掌握哪些技能：独立开发一个页面的能力HTML+JS+CS
前言先说几句废话，本人是一名web后端开发，主语言是java，在学Electron之前，只会一点点HTML和JavaScript。本文讲的也是我学习Electron的过程，而非教程，请酌情参考。Electron是什么Electron是一个使用JavaScript、HTML和CSS构建桌面应用程序的框架。嵌入 Chromiu和 Node.js到二进制的Electron允许您保持一个JavaScript代码代码库并创建在Windows上运行的跨平台应用macOS和Linux——不需要本地开发经验。前置准备下面列举一下学electron之前需要掌握哪些技能：独立开发一个页面的能力HTML+JS+CS
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助业务背景近些年来，随着前端工程架构发展，使得前端项目中也能拥有如后端工程的模块能力。正所谓“能力（越）越大（来），责任（越）越大（卷）”，现在的前端工程不仅仅要满足业务需求，还伴随更多复杂的环境适配问题，例如：1.api请求的域名会根据不同环境而不同；2.线上环境和测试环境在打包策略有所不同「如线上要隔离sourceMap、屏蔽vue|reactdevtools等...」；3.前端spa组件根据不同环境做出不同逻辑；老板恨不得把所有应用端都收归到一个项目里面，什么微前端、uniapp多端方案接踵而至。。。但无论是什么方案，都离不开一个
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助业务背景近些年来，随着前端工程架构发展，使得前端项目中也能拥有如后端工程的模块能力。正所谓“能力（越）越大（来），责任（越）越大（卷）”，现在的前端工程不仅仅要满足业务需求，还伴随更多复杂的环境适配问题，例如：1.api请求的域名会根据不同环境而不同；2.线上环境和测试环境在打包策略有所不同「如线上要隔离sourceMap、屏蔽vue|reactdevtools等...」；3.前端spa组件根据不同环境做出不同逻辑；老板恨不得把所有应用端都收归到一个项目里面，什么微前端、uniapp多端方案接踵而至。。。但无论是什么方案，都离不开一个
本文记录如何在Vue2环境下尽量使用Vue3的Composition-api并配合Vuetify2使用前言之前在改造一个用Vuetify2的项目，由于Vuetify3还处于beta阶段并且与Vuetify2相比缺失一些特性，但又想用Vue3的语法，于是寻找了下相关方案，下面简单记录一下。开始之前建议使用VSCode开发并安装以下插件且禁用Vetur：VueLanguageFeatures(Volar)TypeScriptVuePlugin(Volar)初始化使用npminit初始化项目添加所需依赖vue@2.6.14:指定2版本，不指定的话默认安装3版本vue-template-compile
本文记录如何在Vue2环境下尽量使用Vue3的Composition-api并配合Vuetify2使用前言之前在改造一个用Vuetify2的项目，由于Vuetify3还处于beta阶段并且与Vuetify2相比缺失一些特性，但又想用Vue3的语法，于是寻找了下相关方案，下面简单记录一下。开始之前建议使用VSCode开发并安装以下插件且禁用Vetur：VueLanguageFeatures(Volar)TypeScriptVuePlugin(Volar)初始化使用npminit初始化项目添加所需依赖vue@2.6.14:指定2版本，不指定的话默认安装3版本vue-template-compile
背景公司去年对 CDN 资源服务器进行了迁移，由原来的通过 FTP 方式的文件存储改为了使用 S3 协议上传的对象存储，部门内@柴俊堃同学开发了一个命令行脚本工具 RapidTrans(睿传)，使用睿传可以很方便将本地目录下的资源上传到 S3 中。睿传运行时接收两个主要参数，一个为待上传的本地路径，一个为上传到 CDN 后的路径，我们可以在项目的 package.json 中去配置 scripts执行上传。npmrunrapid-trans---s"/home/demo/work/mall2016/release/列表页"-p"2016/m/list"用了一段时间后觉得如果选择本地路径的时候可
背景公司去年对 CDN 资源服务器进行了迁移，由原来的通过 FTP 方式的文件存储改为了使用 S3 协议上传的对象存储，部门内@柴俊堃同学开发了一个命令行脚本工具 RapidTrans(睿传)，使用睿传可以很方便将本地目录下的资源上传到 S3 中。睿传运行时接收两个主要参数，一个为待上传的本地路径，一个为上传到 CDN 后的路径，我们可以在项目的 package.json 中去配置 scripts执行上传。npmrunrapid-trans---s"/home/demo/work/mall2016/release/列表页"-p"2016/m/list"用了一段时间后觉得如果选择本地路径的时候可
