emberjs
发表于|更新于
|浏览量:
合抱之木,生于毫末;九层之台,起于累土;千里之行,始于足下。——老子
分享一个js框架
Ember.js 是一个高效的、经过实战考验的 JavaScript 框架,用于构建现代 Web 应用程序。它包括构建可在任何设备上运行的丰富 UI 所需的一切。
它的语法:
1 | import Route from '@ember/routing/route'; |
对应的页面
1 | <h1>{{@model.title}}</h1> |
使用的是.hbs后缀的模板文件,语法和vue有些异曲同工之妙,是一个很值得学习的库
其emberjs约定大于配置,对于大多数场景,只需要按照约定,即可简化配置的设计理念和vuejs有本质的区别
相关推荐
2024-09-08
PhaserJS网页2D游戏引擎
教育不可缺的是天性与训练。人必须趁年轻就开始学习。——普罗达哥拉斯 项目介绍 PhaserJS 是一个开源的 2D 游戏引擎,使用 HTML5 和 JavaScript 构建。它功能强大且灵活,广泛应用于网页游戏和移动游戏开发。PhaserJS 提供了丰富的 API 来支持图形渲染、物理引擎、动画、声音处理等常见的游戏开发功能,使开发者能够轻松创建跨平台的 2D 游戏。 PhaserJS 的主要特点: 丰富的图形和动画支持:提供 Sprite、Tilemap、Particle 等多种图形元素支持,方便实现复杂的游戏画面。 强大的物理引擎:内置多种物理引擎,包括 Arcade Physics 和 Matter.js,支持游戏物体的碰撞、重力等物理效果。 跨平台:PhaserJS 支持在浏览器、移动设备等多种平台上运行,适用于开发基于 Web 的跨平台游戏。 易用的 API:PhaserJS 提供了清晰、易用的 API,使得游戏开发流程更加顺畅和直观。 官方文档、GitHub地址 官方网站:PhaserJS Documentation GitHub 仓库:phase...
2024-09-21
vue2-elm
谨慎的行动要比合理的言论更重要。——西塞罗 vue2-elm 是一个基于 Vue.js 2.x 和 ElementUI 实现的仿饿了么外卖平台项目,主要用于学习 Vue.js 的实际开发。这是一个大型的单页面应用项目,涵盖了用户登录、餐馆信息展示、购物车功能、订单生成等核心功能。通过该项目,开发者可以深入学习 Vue.js 在实际场景中的应用,并理解如何构建和优化大型单页面应用。 项目的主要功能模块包括: 首页展示:展示外卖商家列表及其信息。 商家详情页:展示某个商家的详细信息,包括商品分类和详细的评价信息。 购物车功能:用户可以添加、删除商品,并结算订单。 用户登录及个人中心:支持用户登录、查看订单历史等功能。 地图定位及地址选择:基于百度地图 API 实现了用户地址选择和地理位置的定位功能。 这个项目使用了 Vue.js 前端框架,并通过 Vuex 来管理应用状态。它还结合了 Vue Router 来实现页面的动态路由切换,用户体验接近于原生 APP。 官方文档和 GitHub 地址 GitHub 仓库:bailicangdu/vue2-elm vue2-...
2023-11-10
minio预签名上传前端axios注意事项
不论替人家做了多少好事,不论多么忠心耿耿,看起来,绝不能指望人家感谢你。——托尔斯泰 之前说过了camel+minio实现预签名URL上传 但当时提供的也是后端代码,现在需要前端axios的 axios文档:Axios API | Axios Docs 123456789101112axios({ method: 'PUT', url, headers: { "Content-Type": "application/octet-stream", }, data: new Blob([file]), responseType: "blob"}).then((res) => { console.log({ res })}).catch(console.error) 这里的file就是前端的File对象,我们此处是将其转换为Blob,然后再通过data参数发送,...
2024-08-15
通过github api统计组织Star数
君子之学,博于外而尤贵精于内。——王廷相 文档如下: https://docs.github.com/zh/rest/orgs/orgs?apiVersion=2022-11-28 代码如下: 123456789101112const response = await fetch('https://api.github.com/orgs/dromara/repos?per_page=100&page=1'); if (!response.ok) { throw new Error(`Error fetching repos: ${response.statusText}`); } const repos = await response.json();console.log(repos)const list = repos.map(({name,stargazers_count})=>({name,stargazers_count}))console....
2025-07-03
自动仿真人类滚动脚本
周虽旧邦,其命维新。一一《诗经》 自动仿真人类滚动脚本:让你的网页浏览更“像人类”在前端开发、自动化测试或数据采集的过程中,我们经常会遇到“模拟人类操作”的需求。例如,自动滚动页面以加载惰性内容、触发懒加载图片,或者让自动化检测工具误以为是真人在浏览网页。传统的 window.scrollTo() 或 window.scrollBy() 方法虽然可以实现页面滚动,但往往过于机械,容易被反爬虫系统识别。 本文介绍一个简单易用、可持续运行的仿真人类自动滚动脚本,它通过“随机滚动步长+随机停顿”的方式,让页面滚动行为更贴近真实用户操作。 一、脚本源码解析123456789101112131415161718192021222324252627(function autoHumanScroll() { const minDelay = 5000; // 最小停顿5秒 const maxDelay = 10000; // 最大停顿10秒 const minStep = 20; // 最小滚动20px const maxStep = 80; // 最大滚动...
2024-09-18
vue2使用vite过渡
君子藏器与身,待时而动。——佚名 项目介绍 vite-plugin-vue2 是一个 Vite 插件,专门用于在 Vite 项目中支持 Vue 2。Vite 是一个基于 ES Module 的现代构建工具,它以极速启动、模块热替换(HMR)和极快的构建速度而闻名。然而,Vite 最初只支持 Vue 3,而 vite-plugin-vue2 插件使得开发者能够在不升级到 Vue 3 的情况下,继续享受 Vite 的高效开发体验。 通过这个插件,开发者可以在 Vue 2 项目中体验到 Vite 的快速启动、热重载和高效打包,而无需迁移到 Vue 3。这为那些已经深度使用 Vue 2 的项目提供了极大的便利。 主要特点: Vue 2 支持:在 Vite 项目中使用 Vue 2,无需进行复杂的配置或迁移。 现代开发体验:支持 Vite 的快速启动、热模块替换(HMR)、高效的编译和打包。 兼容性:与现有的 Vue 2 项目无缝集成,不影响现有代码库的运行。 GitHub地址 GitHub 仓库:vitejs/vite-plugin-vue2 官方文档提供了详...
