当前位置: 首页 > news >正文

脚踏七彩Scala.js,进军前端娱乐圈

其实两年前就有计划,基于Binding.scala和Semantic UI,模仿Ant Design,写一个Scala.js的前端组件库。前段时间,Ant Design有一个大新闻,可惜Binding Semantic还没有开始写,不然就可以蹭热点了(逃

不过两年前,Scala生态还没有准备好,不过,2019年,万事具备,只差几个愿意一起写Scala.js的小伙伴了。

技术选型

2018年在知乎上点赞最多的用户是杨博,一直以来,对杨博的项目比较有好感。所以非常看好Binding.scala。至于Semantic UI,是因为ScalaFiddle使用了Semantic UI,这意味着我不需要在ScalaFiddle中引入任何Semantic UI的依赖(因为ScalaFiddle已经引入),就可以使用SemanticUI中。比如,点击这里,就可以直接运行下面的代码:

import com.thoughtworks.binding._
import org.scalajs.dom._


@dom def main = {
  <div class="ui card">
    <div class="content">
      <div class="header">
        沈达
      </div>
      <div class="meta">
        《Scala实用指南》译者,Scala粉丝
      </div>
      <div class="description">
        请点击购买按钮,立即下单,支持达达的创作,么么哒!
      </div>
    </div>
    <div class="extra content">
      <div class="ui two buttons">
        <div class="ui basic green button"><a href="https://item.jd.com/12383836.html" style="color: green">购买</a></div>
        <div class="ui basic red button"><a href="https://book.douban.com/subject/30249691/" style="color: red">拒绝</a></div>
      </div>
    </div>
  </div>
}

dom.render(document.body, main)
复制代码

效果如下:

Binding Semantic Github(WIP)

github.com/sadhen/Bind…

Binding SemanticUI 官方文档(建设中)

sadhen.github.io/Binding-Sem…

转载于:https://juejin.im/post/5c2b0fa6e51d4534402a4207

相关文章:

  • Failed to lookup provider 'shm' for 'slotmem': is mod_slotmem_shm loaded??
  • Shell命令-线上查询及帮助之man、help
  • 如何设置Apache虚拟域名
  • 总结下我遇到过的接口测试
  • interface和setter,getter
  • python之路---04 列表 元组
  • 学习进度条
  • MongoDB优化与一些需要注意的细节
  • 星际荣耀获鼎晖投资A+轮投资,上半年将进行首枚入轨运载火箭
  • 让人一看就懂的excel相对引用和绝对引用案例解析
  • [bzoj 3534][Sdoi2014] 重建
  • 第13周Python学习周记
  • SpringBoot 项目中使用velocity模板(转载)
  • 从房地产住宅销售面积增速看房地产行业
  • Android 7.0 中 ContentProvider 实现原理
  • 2019.2.20 c++ 知识梳理
  • OSS Web直传 (文件图片)
  • Vue学习第二天
  • 关于 Cirru Editor 存储格式
  • 前端自动化解决方案
  • 入门级的git使用指北
  • 国内开源镜像站点
  • 曾刷新两项世界纪录,腾讯优图人脸检测算法 DSFD 正式开源 ...
  • ​一帧图像的Android之旅 :应用的首个绘制请求
  • #stm32驱动外设模块总结w5500模块
  • $redis-setphp_redis Set命令,php操作Redis Set函数介绍
  • (04)Hive的相关概念——order by 、sort by、distribute by 、cluster by
  • (173)FPGA约束:单周期时序分析或默认时序分析
  • (arch)linux 转换文件编码格式
  • (ZT)北大教授朱青生给学生的一封信:大学,更是一个科学的保证
  • (二)JAVA使用POI操作excel
  • (二)七种元启发算法(DBO、LO、SWO、COA、LSO、KOA、GRO)求解无人机路径规划MATLAB
  • (分布式缓存)Redis分片集群
  • (免费领源码)Python#MySQL图书馆管理系统071718-计算机毕业设计项目选题推荐
  • (亲测成功)在centos7.5上安装kvm,通过VNC远程连接并创建多台ubuntu虚拟机(ubuntu server版本)...
  • (区间dp) (经典例题) 石子合并
  • (三)Hyperledger Fabric 1.1安装部署-chaincode测试
  • (未解决)macOS matplotlib 中文是方框
  • (转)关于如何学好游戏3D引擎编程的一些经验
  • .net core 6 使用注解自动注入实例,无需构造注入 autowrite4net
  • .Net Core缓存组件(MemoryCache)源码解析
  • .NET Core引入性能分析引导优化
  • .Net Web项目创建比较不错的参考文章
  • .net开发时的诡异问题,button的onclick事件无效
  • .php文件都打不开,打不开php文件怎么办
  • .sh文件怎么运行_创建优化的Go镜像文件以及踩过的坑
  • .so文件(linux系统)
  • .vue文件怎么使用_我在项目中是这样配置Vue的
  • /bin/rm: 参数列表过长"的解决办法
  • /etc/apt/sources.list 和 /etc/apt/sources.list.d
  • /var/log/cvslog 太大
  • @Autowired和@Resource的区别
  • []error LNK2001: unresolved external symbol _m
  • [<死锁专题>]
  • [100天算法】-不同路径 III(day 73)