前端框架分类

前端框架比较繁多,分了以下类主要有基于js的类库框架(主要分为纯类库和包含设计模式的类库)、UI框架、可视化组件等。


想补充一点的楼主暂时知道WPF、AngularJS和VUE.JS是用的MVVM,感觉MVVM很牛逼,其实一般,简单可以理解为ASP.MVC里面的强类型数据绑定(欢迎大神斧正)。

想单独提出来的是有人会有这样的疑问:asp.mvc和apring.mvc我可以理解,但是 angular.js是单独的前端js框架也是mvvm,感觉有点扯吧?首先,这里MVC和MVVM只是设计模式,跟前端和前后端一起的没关系;其次,前端也可以有小前端后台之分,比如后台传给了前台(小后台)数据,这个就类似asp.MVC从数据库里获取了数据,也会把数据传到小前端的,这里面就有MVVM的设计模式可做文章。


一、前端框架库:



1.Zepto.js

描述:Zepto是一个轻量级的针对现代高级浏览器的JavaScript库,它与jQuery有着类似的api如果你会用jquery,那么你也会用zepto。关于Zepto认知我也是通过与一位腾讯朋友聊天的时候知道的,只作了些基础的了解。


2.SUI Mobile

描述:SUI Mobile是一套基于 Framework7开发的UI库。它非常轻量、精美,只需要引入我们的CDN文件就可以使用,并且能兼容到 iOS 6.0+ Android 4.0+,非常适合开发跨平台Web App
用途:你也看到了,他是用于无线端的Web App的开发。


3.Node.js

描述:node.js是一个Javascript运行环境(runtime)。实际上它是对Google V8引擎进行了封装。V8擎执行

  • 3
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
前端开发中,如果你使用的是uni-app框架,实现无限分类可以通过递归的方式来完成。下面是一个简单的示例: 1. 首先,你需要有一个存储分类数据的数组,每个分类对象需要包含一个唯一的ID和一个父级ID。 ```javascript data() { return { categories: [ { id: 1, parentId: 0, name: '分类1' }, { id: 2, parentId: 0, name: '分类2' }, { id: 3, parentId: 1, name: '分类1-1' }, { id: 4, parentId: 1, name: '分类1-2' }, { id: 5, parentId: 3, name: '分类1-1-1' }, // 其他分类数据... ] } } ``` 2. 创建一个递归组件,用于展示无限分类数据。 ```vue <template> <ul> <li v-for="category in getChildCategories(0)" :key="category.id"> {{ category.name }} <recursive-category :parent-id="category.id" /> </li> </ul> </template> <script> export default { name: 'RecursiveCategory', props: { parentId: { type: Number, required: true } }, methods: { getChildCategories(parentId) { return this.categories.filter(category => category.parentId === parentId) } }, components: { RecursiveCategory: { name: 'RecursiveCategory', props: ['parentId'], template: ` <ul> <li v-for="category in getChildCategories(parentId)" :key="category.id"> {{ category.name }} <recursive-category :parent-id="category.id" /> </li> </ul> `, methods: { getChildCategories(parentId) { return this.categories.filter(category => category.parentId === parentId) } } } } } </script> ``` 在以上示例中,我们使用了递归组件 RecursiveCategory 来展示无限分类数据。它接受一个 parentId 属性,根据该属性筛选出当前父级下的子分类,并继续递归调用自身来展示子分类的子分类。 通过这种方式,你可以在uni-app中实现无限分类的展示。当然,你还可以根据实际需求进行样式和功能的扩展。希望对你有所帮助!如有更多问题,请继续提问。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值