继续折腾imgcook的使用，最近imgcook使用了一段时间，配合之前写的uni-app DSL，工作效率有了不少提升。公司使用的是7牛的CDN，每次都要把本地的图上传上传一下，有点小折腾，于是想用一个插件来解决这个问题。
PS: 本文只是一个折腾的过程，目前插件没有在Windows及Linux下测试。
阅读更多
今天把Mac重新安装了一下，之前Windows系统被我干掉了，没有别的原因。用Mac装Windows这事儿，如果只是偶尔用用倒是还好，如果想长期使用，还是建议专门找个Windows的电脑。使用MacBook装的话比较伤电池，并且触摸板之类的体验也远不如原生的MacOS。
阅读更多
最近在多团队前端开发的Git Merge操作的时候出了一些问题，有的代码合并完后会把一部分团队的代码给Merge没了。后来团队讨论了一下，除了协作方式及Git使用的一些规范之外 ，决定在Merge的时候加一个人工审核机制，让各团队的负责人审核一下自己的代码还在不在。之前的做法是每次Merge通知团队，让他们自己来看，确认没问题自己发邮件给总负责人。有点低效，于是尝试找一些自动化Merge发邮件的方法。 方案一：Webhook Github支持Webhook机制，可以在检测到Merge操作后，自动发送邮件。 这只是第一步，这里要填 …
阅读更多
团队使用uni-app来开发微信小程序，开始用的挺舒服的，后面项目大了，发现项目不太好维护，并且主包会超，于是做了2个方案。一个是将公有的组件及方法抽象成公共的NPM包（团队搭建了私有NPM），一个是使用了小程序分包机制。这种方法开始有一定效果，后来发现主包体积还是飞速扩张，但主包的业务基本没加，于是探究了一下uni-app中针对NPM打包的优化方案。本文尝试从以下几个方面做个总结。
阅读更多
最近使用React+Ant Design进行一个网站开发，这个客户的网站有个特点，按钮特别的多。Ant Design 的 Type 有很多种，如下： primary | ghost | dashed | link | text | default 这几个Type分别对应了不同的Button样式和状态，每次遇这种情况都要去找Antd的API查看，有点低效，于是想找一种快捷的方式，大约看了一下VScode的Snippets里带了Choice这种功能，正好满足我的需求。 先添加一个Snippet 自定义snippet的方法可以参考： …
阅读更多
在之前的文章《开发一个基于uni-app的imgcook DSL》中开发了一个团队使用的uni-app的DSL，基本可以凑合使用了。前几天在团队内做了个imgcook小分享，这里也记录一下使用imgcook辅助前端开发的过程。
阅读更多
最近看到了阿里的前端智能化的实践：imgcook 由设计稿一键智能生成代码的大厨，由设计稿直接生成前端代码，试用了一下，比zeplin和蓝湖做的更进一步，可以直接集成到项目开发的过程中。但发现一个问题，imgcook官方支持的DSL并不多，我们团队是使用Uni-app做跨端开发的，希望能将设计稿直接生成符合uni-app的代码，但官方没有，找了一个其他开发者贡献的，也没有找到合适的，于是自己动手写(组装)了一个。
阅读更多
在之前的文章《使用Husky管理项目的Git Hooks（以配置Uni-app的ESLint和Commit Lint为例）》中介绍了使用Husky添加Commit Lint的方法，其实里面有点小插曲。 我想要格式 feature/(big|small|middle): xxxxxx 比如： 清明出行礼包/big: 初始化项目 通常的正则 ^\w+\/(big|small|middle):\s*\S+ 但我这个在Shell中写了之后发现，shell中根本不支持\w这样的元字符（我也没找到原因） Shell的写法 在参考 …
阅读更多
Git目前是毫无争议的项目版本管理的王者，而前端的项目大了之后我们通常需要利用一些Git Hooks来保证项目的质量。包括但不限于： eslint tslint 单元测试 E2E测试 style lint commit lint others checks 有的同学可能要说，没有这些项目质量也会很好，是的，一般这么说的，要么项目小，要么团队人少。如果你的项目人数>30，又是多分支开发的话，就会大概率需要这玩意。 初识Husky 原生的Git Hooks写法比较麻烦，Husky 做了比较好的封装。截止本文发布之 …
阅读更多