前端小白尝试使用百度amis低代码平台的流程记录
最近在试用网上流行的低代码平台，首先大名鼎鼎的百度amis，本文做一个浅度的试用记录。
PS: 所有的结论都是胡言乱语，前端小白，大佬勿喷。
继续阅读开发一个imgcook上传至7牛的插件
继续折腾imgcook的使用，最近imgcook使用了一段时间，配合之前写的uni-app DSL，工作效率有了不少提升。公司使用的是7牛的CDN，每次都要把本地的图上传上传一下，有点小折腾，于是想用一个插件来解决这个问题。
PS: 本文只是一个折腾的过程，目前插件没有在Windows及Linux下测试。
继续阅读Github Branch Merge 自动发邮件
最近在多团队前端开发的Git Merge操作的时候出了一些问题，有的代码合并完后会把一部分团队的代码给Merge没了。后来团队讨论了一下，除了协作方式及Git使用的一些规范之外 ，决定在Merge的时候加一个人工审核机制，让各团队的负责人审核一下自己的代码还在不在。之前的做法是每次Merge通知团队，让他们自己来看，确认没问题自己发邮件给总负责人。有点低效，于是尝试找一些自动化Merge发邮件的方法。 方案一：Webhook Github支持Webhook机制，可以在检测到Merge操作后，自动发送邮件。 这只是第一步，这里要填写一个webhook的url，所以需要自己run一个服务来接收这个webhook，然后发送邮件。因为这个方案在公司内部不好推，Effort也比较大，就放弃了。 方案二：添加reviewer 在提PR的时候，可以选Reviewer，这时候把相应的人选择上，只要他开了邮件提醒就会收到Merge的邮件。 方案三：Comment中@ 这也是比较推荐的一个方案，在PR不方便添加Reviewer的时候，可以在PR的Comment中添加@，被@的人也会收到邮件。使用VSCode的Snippets功能实现快速模板化输入
最近使用React+Ant Design进行一个网站开发，这个客户的网站有个特点，按钮特别的多。Ant Design 的 Type 有很多种，如下： primary | ghost | dashed | link | text | default 这几个Type分别对应了不同的Button样式和状态，每次遇这种情况都要去找Antd的API查看，有点低效，于是想找一种快捷的方式，大约看了一下VScode的Snippets里带了Choice这种功能，正好满足我的需求。 先添加一个Snippet 自定义snippet的方法可以参考：官网 下面是我自定义的： "Button": { "prefix": "bt", "body": [ "<Button type=\"${1|primary,ghost,dashed,link,text,default|}\">primary</Button>" ], "description": "Ant Design Button" } 使用效果 在.jsx文件中输入bt，就会出现如下的场景。 是不是方便多了~使用imgcook辅助前端开发
在之前的文章《开发一个基于uni-app的imgcook DSL》中开发了一个团队使用的uni-app的DSL，基本可以凑合使用了。前几天在团队内做了个imgcook小分享，这里也记录一下使用imgcook辅助前端开发的过程。
继续阅读开发一个基于uni-app的imgcook DSL
最近看到了阿里的前端智能化的实践：imgcook 由设计稿一键智能生成代码的大厨，由设计稿直接生成前端代码，试用了一下，比zeplin和蓝湖做的更进一步，可以直接集成到项目开发的过程中。但发现一个问题，imgcook官方支持的DSL并不多，我们团队是使用Uni-app做跨端开发的，希望能将设计稿直接生成符合uni-app的代码，但官方没有，找了一个其他开发者贡献的，也没有找到合适的，于是自己动手写(组装)了一个。
继续阅读