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)