svelte 和angular vue reat 类似,都是方便快速的创建用户界面,最大不同的地方是svelte
转换你的app 是在构建时,而不是运行时,所以好处就是不用花费太多的操作在,框架的
抽象上
以下为一个简单的例子,代码来自官方文档:

注意使用了svelte 的template

安装degit

npm install -g degit

基于模板创建项目

degit sveltejs/template  dalongdemo

效果

degit sveltejs/template dalongdemo
> cloned sveltejs/template#master to dalongdemo

运行

cd dalongdemo
npm install
npm run dev

效果


代码说明

代码主要是通过svelte 的rollup 插件进行构建,同时使用了几个方便的npm 工具sirv-cli(提供静态 web服务),npm-run-all(运行npm scripts)

说明

svelte 在我们进行web 应该开发的时候也是一种可选的工具,同时官方文档也很详细,使用简单,同时也支持服务器端
渲染,以及应用的状态管理,内置的模板语言也是听方便的。

参考资料

https://svelte.technology/guide
https://github.com/sveltejs/template
https://github.com/Rich-Harris/degit
https://github.com/rongfengliang/svelte-demo-project

 
 
 
 

最新文章

  1. 备忘录:hadoop技术一点积累
  2. C#保存图片设置图片质量的方法
  3. less文件转换为css文件
  4. NSInternalInconsistencyException: loaded the "XXXView" nib but the view outlet was not set
  5. UIkit框架之UIScrollView
  6. linux查找目录下的所有文件中是否含有某个字符串
  7. php 调用.net的webservice 需要注意的
  8. 浅说Java中的反射机制(一)
  9. synopsys license maker
  10. PS微观效果
  11. adb 异常报错----adb server is out of date. killing... ADB server didn't ACK * failed to start daemon *
  12. 【转】Python中执行cmd的三种方式
  13. Java_java多线程下载-断点下载-超详细
  14. ScreenCaptureHtmlUnitDriver.java
  15. 倒排索引的AND操作
  16. iOS APP内购
  17. 纯前端导出pdf文件
  18. 深度学习之Numpy整理
  19. H5测试与PC端测试不同的点
  20. [LeetCode] Number of Lines To Write String 写字符串需要的行数

热门文章

  1. Cracking The Coding Interview2.3
  2. Linux系统分区方案(CentOs 6)
  3. SharePoint Framework 企业向导(六)
  4. 牛客第三场多校 H Diff-prime Pairs
  5. LINQ(数据库操作增、删、改及并发管理)
  6. 2019.3.22 Week 11 : ZigBee power test and field test
  7. shell脚本实例-跟踪网站日常变动
  8. mysql创建用户并给用户分配权限
  9. mysql创建用户以及授权
  10. Pandas分组统计函数:groupby、pivot_table及crosstab