AI教程网 - 未来以来,拥抱AI;新手入门,从AI教程网开始......

 分类:Frontend前端开发

Ember.js教程

Ember 异步路由

Ember 异步路由
本文将为你介绍路由的高级特性,这些高级特性可以用于处理项目复杂的异步逻辑。 关于单词promises,直译是承诺,但是个人觉得还是使用原文吧。读起来顺畅点。 1,promises(承诺) Ember的路由处理异步逻辑的方式是使用Prom...

AI君 4年前 (2020-03-21) 53℃ 0喜欢

Ember.js教程

Ember 查询参数

Ember 查询参数
查询参数是在URL的问号(?)右边部分,通常是键值对形式出现。 http://example.com/articles?sort=ASC&page=2 比如这个URL的查询参数有两个,一个是sort,一个是page,它们的值分别是A...

AI君 4年前 (2020-03-21) 53℃ 0喜欢

Ember.js教程

Ember loading、error子路由

Ember loading、error子路由
在前面的Ember.js 入门指南之二十路由定义提过loading、error子路由,它们是Ember默认创建的,并在beforeModel、model、afterModel这三个回调执行完毕之前会先渲染当前路由的loading和error...

AI君 4年前 (2020-03-21) 51℃ 0喜欢

Ember.js教程

Ember 路由终止挑战和激活

Ember 路由终止挑战和激活
在路由的转换过程中,Ember路由器会通过回调(beforeModel、model、afterModel、redirect)解析一个transition对象到转换的下一路由中。任何一个回调都可以通过传递过来的transition参数获取tr...

AI君 4年前 (2020-03-21) 51℃ 0喜欢

Ember.js教程

Ember 路由重定向

Ember 路由重定向
声明:对于transition这个词直译是“过渡”的意思,但是总觉得“路由的过渡”读起来总有那么一点别扭,想了下于是就用“切换”替代吧,如有不妥欢迎指正。 我们熟知的Java、PHP等语言都提供了URL的重定向,那么Ember的重定向又...

AI君 4年前 (2020-03-21) 51℃ 0喜欢

Ember.js教程

Ember 模板渲染

Ember 模板渲染
路由的另一个重要职责是渲染同名字的模板。 比如下面的路由设置,posts路由渲染模板posts.hbs,路由new渲染模板posts/new.hbs。 Router.map(function() { this.route('pos...

AI君 4年前 (2020-03-21) 51℃ 0喜欢

Ember.js教程

Ember 路由定义

Ember 路由定义
当你的应用启动的时候,路由器就会匹配当前的URL到你定义的路由上。然后按照定义的路由层次逐个加载数据、设置应用程序状态、渲染路由对应的模板。 1,基本路由 在app/router.js的map方法里定义的路由会映射到当前的URL。当map方...

AI君 4年前 (2020-03-21) 51℃ 0喜欢

Ember.js教程

Ember 第二章模板小结

Ember 第二章模板小结
真快,第二章模板(template)已经介绍完毕了!这个章节相对来说是比较简单,只有是有点HTML基础的学习起来并不会很难,几乎也不需要去记忆,自己动手实践实践就能理解。其中比较重要的是{{link-to}}和{{action}}这两篇。特...

AI君 4年前 (2020-03-21) 51℃ 0喜欢

Ember.js教程

Ember 工具类的助手

Ember 工具类的助手
本篇主要介绍格式转换、自定义helper、自定义helper参数、状态helper、HTML标签转义这几个方面的东西。 按照文章惯例先准备好测试所需要的数据、文件。仍然是使用Ember CLI命令,这次我们创建的是helper、contro...

AI君 4年前 (2020-03-21) 52℃ 0喜欢

Ember.js教程

Ember 调试助手

Ember 调试助手
Ember不仅提供了专门用于调试Ember程序的谷歌、火狐浏览器插件Ember Inspector( 安装插件可能需要翻墙,如果你也是一个程序员我想翻墙对于你来说应该不是什么难事!!!),还提供了用于调试的helper。 按照惯例,先做好准...

AI君 4年前 (2020-03-21) 51℃ 0喜欢

Ember.js教程

Ember 表单元素

Ember 表单元素
Ember提供的表单元素都是经过封装的,封装成了view组件。经过解析渲染之后就会生成普通的HTML标签。更多详细信息你可以查看他们的实现源码:Ember.TextField、Ember.Chechbox、Ember.TextArea。 按...

AI君 4年前 (2020-03-21) 51℃ 0喜欢

Ember.js教程

Ember {{action}} 助手

Ember {{action}} 助手
action助手所现实的功能与javascript里的事件是相似的,都是通过用户点击元素触发定义在元素上的事件。Ember的action助手还允许你传递参数到对应的controller、component类,在controller或者com...

AI君 4年前 (2020-03-21) 51℃ 0喜欢

Ember.js教程

Ember {{link-to}} 助手

Ember {{link-to}} 助手
1,link-to助手常规使用 link-to助手表达式渲染之后就是一个a标签。而a标签的href属性的值是根据路由生成的,与路由的设置是息息相关的。并且每个设置的路由名称都是有着对应的关系的。 为了演示效果,用命令生成了一个route(或...

AI君 4年前 (2020-03-21) 51℃ 0喜欢

Ember.js教程

Ember handlebars属性绑定

Ember handlebars属性绑定
简单讲属性绑定其实就是在HTML标签内(是在一个标签的””中使用)直接使用handlebars表达式。可以直接用handlebars表达式的值作为HTML标签中某个属性的值。 准备工作: ember generate route bindi...

AI君 4年前 (2020-03-21) 51℃ 0喜欢

Ember.js教程

Ember handlebars显示对象的键

Ember handlebars显示对象的键
在实际的开发过程中你很有可能需要显示出对象数组的键或者值,如果你需要同时显示出对象的键和值你可以使用{{#each-in}}标签。 注意:each-in标签是Ember 2.0才有的功能,之前的版本是无法使用这个标签的,如果是2.0一下的版...

AI君 4年前 (2020-03-21) 51℃ 0喜欢

Ember.js教程

Ember handlebars遍历标签

Ember handlebars遍历标签
采用与上一篇文章一样的方法,使用 ember generate route handlebars-each 命令创建了一个路由文件和一个对应的模板文件。 这一篇将为你介绍遍历标签,数组的遍历几乎在任何的常用的开发语言中都能看到,也是使用非常...

AI君 4年前 (2020-03-21) 51℃ 0喜欢

Ember.js教程

Ember handlebars条件表达式

Ember handlebars条件表达式
handlebars模板提供了与一般语言类似的条件表达式,比如if、if……else……。 在介绍这些条件表达式之前,我们先做好演示的准备工作。首先我会使用Ember CLI命令创建route、template,然后在创建的template...

AI君 4年前 (2020-03-21) 52℃ 0喜欢

Ember.js教程

Ember handlebars基础

Ember handlebars基础
Ember采用handlebars模板库作为应用的view层。Handlebars模板与普通的HTML非常相似。但是相比普通的HTML而言handlebars提供了非常丰富的表达式。 Ember采用handlebars模板并且扩展了很多功能...

AI君 4年前 (2020-03-21) 53℃ 0喜欢