标签：前端开发
共 64 篇文章
React项目中引入F2可视化组件库
之前在React项目上开发一直使用的是有ECharts，最近接到了移动端可视化的需求，本来想直接复用ECharts的，但网上搜了一下发现移动端使用ECharts有点重，所以就找了一下移动端我解决方案，最终选择了F2。
但是F2的文档写得有点...和实际使用不太一样，本文做一个小总结。
继续阅读React Jsonschema Form使用小记
最近老大让我看一下能不能用JSON生成表单，这样每次开发就不用发版了，直接在远程配置JSON就可以生成一个新的表单了。
大约搜索了一下，找到了基于React的 react-jsonschema-form方案。
CSS解决Safari长按无法保存图片
接手一个老项目的维护，客户报了一个bug，说自己的网站在iPhone里浏览网站的时候长按图片没有反应，尤其在微信里打开网页无法识别二维码，导致用户无法转化。
继续阅读使用CSS实现马赛克的效果
最近需要实现一个动态文字马赛克的效果，记录一下：
.mosaic {
color: transparent;
text-shadow: 0 0 10px rgba(0,0,0,0.5);
}
效果如图：
前端小白尝试使用百度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发邮件的方法。
继续阅读使用VSCode的Snippets功能实现快速模板化输入
最近使用React+Ant Design进行一个网站开发，这个客户的网站有个特点，按钮特别的多。Ant Design 的 Type 有很多种，如下：
primary | ghost | dashed | link | text | default
这几个Type分别对应了不同的Button样式和状态，每次遇这种情况都要去找Antd的API查看，有点低效，于是想找一种快捷的方式，大约看了一下VScode的Snippets里带了Choice这种功能，正好满足我的需求。
继续阅读使用imgcook辅助前端开发
在之前的文章《开发一个基于uni-app的imgcook DSL》中开发了一个团队使用的uni-app的DSL，基本可以凑合使用了。前几天在团队内做了个imgcook小分享，这里也记录一下使用imgcook辅助前端开发的过程。
继续阅读