emberjs
发表于|更新于
|浏览量:
合抱之木,生于毫末;九层之台,起于累土;千里之行,始于足下。——老子
分享一个js框架
Ember.js 是一个高效的、经过实战考验的 JavaScript 框架,用于构建现代 Web 应用程序。它包括构建可在任何设备上运行的丰富 UI 所需的一切。
它的语法:
1 | import Route from '@ember/routing/route'; |
对应的页面
1 | <h1>{{@model.title}}</h1> |
使用的是.hbs后缀的模板文件,语法和vue有些异曲同工之妙,是一个很值得学习的库
其emberjs约定大于配置,对于大多数场景,只需要按照约定,即可简化配置的设计理念和vuejs有本质的区别
相关推荐
2022-03-10
react中什么情况下不能用index作为key
立志用功如种树然,方其根芽,犹未有干;及其有干,尚未有枝;枝而后叶,叶而后花。——王守仁 我们在React遍历渲染列表时会遇到这样一个报错: 意思是说,渲染list列表时必须给每个元素指定一个唯一的key 当然你可以选择忽略这个报错,但是为什么会提示这个报错呢? 假设我们给key指定一个随机数,或者干脆不指定的话,会怎么样呢? 官方文档给出了答案: 渲染列表时的逻辑以及问题 为了解决上述问题,React 引入了 key 属性。 也就是说,如果给key指定一个随机数,或者干脆不指定的话,会造成性能问题 这个时候,我们想到了用遍历时的元素下标作为key 但是官方文档明确告诉我们: 如果列表项目的顺序可能会变化,我们不建议使用索引来用作 key 值,因为这样做会导致性能变差,还可能引起组件状态的问题。可以看看 Robin Pokorny 的深度解析使用索引作为 key 的负面影响这一篇文章。如果你选择不指定显式的 key 值,那么 React 将默认使用索引用作为列表项目的 key 值。 这里Robin Pokirny的文章中提到了,如果满足这三者,可以放心使用index作为...
2022-11-07
activeError: error:0308010C:digital envelope routines::unsupported
苛求君子,宽纵小人,自以为明察秋毫,而实则反助小人张目——鲁迅 昨天遇到这个报错了: 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152PS D:\project\promotion\vue\gridsome-starter-default-master> gridsome developGridsome v0.7.23Initializing plugins...Load sources - 0sCreate GraphQL schema - 0.03sCreate pages and templates - 0.15sGenerate temporary code - 0.57sBootstrap finish - 8.57s10% building 1/1 modules 0 activeError: error:0308010C:digital envelope routines::unsupported at new...
2021-11-13
箭头函数与this指向探究
我有明珠一颗,久被尘劳关锁,一朝尘净光生,照破山河万朵。——柴陵郁禅师 今天研究了下箭头函数与this,发现了一些挺好玩的特性 首先,我们在控制台输入上这段js 123456789101112131415161718192021var handler = { name :'handler', init: function() { let init1 = function(event) { console.log("init1: ", this); let init5 = function(){ console.log("init5: ", this); } init5(); // init5: Window {window: Window, self: Window, document: document, name: '', loca...
2020-10-21
页面点击随机字符
不要让昨天占用今天的时间。 ——美洲 应群友的要求分享给大家~ 123456789101112131415161718192021222324252627282930313233343536//随机字$(function () { var a_idx = 0, b_idx = 0; c_idx = 0; jQuery(document).ready(function ($) { $("body").click(function (e) { var a = new Array("Daphne", "Ficus", "Iris", "Maackia", "Lythrum", "Myrica", "Sabia", "Flos", "あなたのことが好きです", "嬉しい", "頑張って!"...
2024-07-05
uniapp中h5视频播放器部分机型显示在最上层问题
家贫不是贫,路贫贫煞人。——吴敬梓 这里在浏览器里看了下b站播放器的代码,试了试转成blob可以解决这个问题 代码如下: 资源路径与blobUrl互转 | 阿超
2021-09-27
vue中属性简写
任何职业都不简单,如果只是一般地完成任务当然不太困难,但要真正事业有所成就,给社会做出贡献,就不是那么容易的,所以,搞各行各业都需要树雄心大志,有了志气,才会随时提高标准来要求自己。 —— 谢觉哉 我们可以在包含vue-loader的vue项目中如下写法 123<div :class="[{ active: active }, isButton ? prefix + '-button' : null]"></div><!-- 简写 --><div :class="{ active, [`${prefix}-button`]: isButton }"></div> 这里三个值: 12345678910export default { data() { return { active: true, isButton: true, prefix: '...

阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog