两周一报12（20190125）
一月行业动态
1. 设计稿生成代码插件一览
- imgcook（淘宝）
- 功能：目前支持将sketch设计稿生成模块化的html+css代码，输出代码格式支持小程序/React/H5/Rax
- 原理：参照图层结构分析+图像识别处理
- 体验：https://imgcook.taobao.org/
- sketch2code（微软开源）
- 功能：将草图翻译为HTML代码
- 原理：上传图片-> 视觉模型预测图像中的html元素并标出位置 ->文本识别预测元素中的文本 -> 布局算法依据预测元素的边框信息生成网格结构 -> 生成html代码
- 体验：https://sketch2code.azurewebsites.net/
- Dapollo（蚂蚁金服）
- 功能：提供丰富的内置组件/图标/页面模板，且都有对应的开发代码，设计开发一体化。支持ios/Android/H5/小程序
- 原理：sketch插件
- 体验：https://oursketch.com/plugin/dapollo
- pix2code（理论性参考）
- 功能：AI参照UI图片生成代码
- 原理：pix2code模型把单个的GUI截屏图片作为输入，基于卷积神经网络和循环升级网络产生计算机标签。
- 体验：https://uizard.io/research/#pix2code上包含17年-18年关于这个模型的相关论文，可以看看其中的实验数据
2. uni-app：基于vue开发跨平台应用的前端框架
- 描述：DCloud公司开发，基于vuejs的跨平台框架（iOS/Android/H5/微信小程序/支付宝小程序/百度小程序）
- 思考：看似很厉害，细看是个大杂烩全家桶，转小程序使用的是美团的mpvue框架，转移动应用使用的是dcloud之前推出的HTML5Plus引擎
- 体验：https://uniapp.dcloud.io/
3. Bash简化常用命令
- 描述：用一个指令代替一连串的指令
- 举例：上传代码到git，可以通过alias设置指令别名 alias gitpush= =’function _gitpush() {git add .; git commit -m $1; git push origin master;}; _gitpush’
- 参考：https://medium.com/@raimibinkarim/9-bash-aliases-to-make-your-life-easier-3e5855aa95fa
4. 一句话动态
- 第13届D2前端技术论坛相关ppt已共享，后续会有相关视频分享，可以持续关注：https://www.yuque.com/d2forum/content/d213
- 第2届SEE Conf 2019蚂蚁金服体验科技大会，演讲视频与PPT：https://www.yuque.com/seeconf/content/kbnzac
- 美团点评-2018前端技术年货：https://awps-assets.meituan.net/mit-x/2018-ebook-bundle3/2018-ebook-frontend.pdf
- 基于threejs的在线3D场景编辑器：https://tengge1.github.io/ShadowEditor-examples/
- 一些css动效的整理，适合找找灵感