Svelte

JS 前端框架
授权协议 MIT
开发语言 JavaScript
所属分类 Web应用开发、 响应式 Web 框架
软件类型 开源软件
地区 不详
投 递 者 黎浩然
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

Svelte 是一个前端 UI 框架。

特性:

  • 解决网站的臃肿危机。Svelte 将你的模板变成快速、轻量级的 vanilla JavaScript。

  • 简单易用。使用你掌握的语言,从可组合、易写的模块中构建应用。

  • 快速而又坚固。编译时静态分析确保浏览器不再需要更多的工作。

API:

import * as svelte from 'svelte';

const { code, map } = svelte.compile( source, {
    // the target module format – defaults to 'es' (ES2015 modules), can
    // also be 'amd', 'cjs', 'umd' or 'iife'
    format: 'umd',

    // the filename of the source file, used in e.g. generating sourcemaps
    filename: 'MyComponent.html',

    // the name of the constructor. Required for 'iife' and 'umd' output,
    // but otherwise mostly useful for debugging. Defaults to 'SvelteComponent'
    name: 'MyComponent',

    // for 'amd' and 'umd' output, you can optionally specify an AMD module ID
    amd: {
        id: 'my-component'
    },

    // custom error/warning handlers. By default, errors will throw, and
    // warnings will be printed to the console. Where applicable, the
    // error/warning object will have `pos`, `loc` and `frame` properties
    onerror: err => {
        console.error( err.message );
    },

    onwarn: warning => {
        console.warn( warning.message );
    }
});
  • 本章我们专门探讨 Svelte 事件处理。 1、DOM 事件 我们来写一个简单的程序,界面上展示鼠标当前所在的坐标: <script> let m = { x: 0, y: 0 }; function handleMousemove(event) { m.x = event.clientX; m.y = event.clientY; } </script> <sty

 相关资料
  • 前端框架图图形展示: 如上图所示,WeX5前端框架(UI2)分以下部分: 基础库 WeX5前端依赖的两个基础库:数据感知MVVM和jQuery,其中数据感知MVVM基于Knockoutjs改进的。 模块框架 UI2遵循AMD模块标准,采用RequireJS实现。模块化是UI2的基础,UI2的所有资源(包括js、css和html等)都是模块,都采用模块化方式引入,采用模块化方式管理依赖。 组件框架

  • AKjs前端框架是Andrew.Kim和他的团队一起研发的基于jQuery的一个轻量级前端框架。它是只要懂jQuery的语法很容易上手的框架。该框架里面现在发布了很多移动端常用的功能效果;开发者们使用过程中功能插件也可以自己扩展增加。另一方面,它是相当于一个丰富的组件化UI框架,优点是开发要前后端分离,项目开发过程中后端通过ajax调用数据的机制。 AKjs是一个基于jQuery的一套构建用户界面

  • 前端技术看起来很繁荣,测试、打包、调试等工具都比较丰富,开发效率比原生开发要高很多。在大型项目中使用前端框架也是一个管理应用好方法,这样更方便于长期维护。 然而,Weex并不是一个前端框架。实际上,前端框架仅仅是 Weex 的语法层或称之为 DSL (Domain-specific Language),它们与原生渲染引擎是分离的。换句话说,Weex 并不依赖于特定的前端框架,随着前端技术的发展,W

  • Mooa 是一个为 Angular 服务的微前端框架,它是一个基于 single-spa,针对 IE 10 及 IFRAME 优化的微前端解决方案。 Mooa 概念 Mooa 框架与 Single-SPA 不一样的是,Mooa 采用的是 Master-Slave 架构,即主-从式设计。 对于 Web 页面来说,它可以同时存在两个到多个的 Angular 应用:其中的一个 Angular 应用作为主

  • 本文向大家介绍前端轻量级MVC框架CanJS详解,包括了前端轻量级MVC框架CanJS详解的使用技巧和注意事项,需要的朋友参考一下 选择正确的库 创建一个JS APP没有好的工具是很有难度的,jQuery只是操作DOM的库,没有提供任何创建APP的基础,这就是为什么我们要一个类似CanJS的专门的库。 CanJS 是一个轻量级的MVC库,提供你创建一个JS APP所需的工具。 CanJS 是一个轻

  • 将 package.json 中的 Ionic 版本改为 2.0.0 的时候,我就思考一个问题。这个该死的问题是——我到底要用哪个框架继续工作下去。 刚开始学习前端的时候,SPA(单页面应用)还没有现在这么流行,可以选择的框架也很少。而今天,我随便打开一个技术相关的网站、应用,只需要简单的看几页,就可以看到丰富的前端框架世界 Angular 2、React、Vue.js、Ember.js。 当我还

  • 本篇文章通过框架示意图理解UI2的框架构成和核心,并对应介绍system目录。 UI2框架结构图 看框架结构图,为了说明方便,每个框的左上角都做了数字标记。我们由底层向上理解: 最下层(框0)是模块化框架,UI2目前遵循AMD模块化标准,采用requirejs实现。这是UI2的基础,UI2所有的资源(js、css、html等)都是模块,都采用模块化方式引入,采用模块化方式管理依赖; 第二层(框1)

  • 本篇文章通过框架示意图理解UI2的框架构成和核心,并对应介绍system目录。 UI2框架结构图 看框架结构图,为了说明方便,每个框的左上角都做了数字标记。我们由底层向上理解: 最下层(框0)是模块化框架,UI2目前遵循AMD模块化标准,采用requirejs实现。这是UI2的基础,UI2所有的资源(js、css、html等)都是模块,都采用模块化方式引入,采用模块化方式管理依赖; 第二层(框1)