首页
学习
活动
专区
圈层
工具
发布

多种前端框架的优缺点「建议收藏」

2、强大的选择器:JQuery允许开发者使用从CSS1到CSS3几乎所有的选择器,以及JQuery独创的高级而且复杂的选择器,另外还可以加入插件使其支持XPath选择器,甚至开发者可以编写属于自己的选择器...10、行为层与结构层的分离:开发者可以使用选择器选中元素,然后直接给元素添加事件。...11、丰富的插件支持:JQuery的易扩展性,吸引了来自全球开发者来编写JQuery的扩展插件。目前已经有超过几百种官方插件支持,而且还不断有新插件面试。...通常情况下,在最新版jQuery版本下,现有插件可能无法正常使用。开发者使用的插件越多,这种情况发生的几率也越高。...misko,angular的作者. 3.对IE6/7 兼容不算特别好, 就是可以用jQuery自己手写代码解决一些. 4.指令的应用的最佳实践教程少, angular其实很灵活, 如果不看一些作者的使用原则

5.3K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    前端大牛们都学过哪些东西?

    开发指南 angularjs 英文资料 angular bootstrap angular jq mobile angular ui 整合jQuery Mobile+AngularJS经验谈 有jQuery...avalon avalonjs Avalon新一代UI库:OniUI avalon.oniui-基于avalon的组件库 11....Javascript 常用 ieBetter.js-让IE6-IE8拥有IE9+,Chrome等浏览器特性 模拟键盘 拼音 中国个人身份证号验证 算法 数据结构与算法 JavaScript 描述....日历 PC 经典my97 强大的独立日期选择器 fullcalendar fullcalendar日历控件知识点集合 中文api 农历日历 超酷的仿百度带节日日历老黄历控件 日期格式化 大牛日历控件...弹出层式的全日历 jquery双日历 移动 大气实用jQuery手机移动端日历日期选择插件 jQuery Mobile 移动开发中的日期插件Mobiscroll Date library Datejs

    6.3K30

    后台管理UI的选择

    IE7,因为现在还有很多公司在使用Win7系统,系统内置了IE8 3、能通过选项卡打开多个页面,不想做单页,iframe也没关系 4、性能好,不要太笨重 5、最好以Bootstrap为基础 6、还希望在以后别的系统中能够复用...优点:轻量、功能强大、免费、兼容性好、帮助详细、使用的人多生态好 缺点:非响应式布局、某些系统看起来有点土(客户与老板的感觉、确实与最新的那些UI有差距) 获得:上网搜索、网盘搜索大把被搭建好了基础功能的框架...最新版本开发的扁平化主题,她采用了主流的左右两栏式布局,使用了Html5+CSS3等现代技术,她提供了诸多的强大的可以重新组合的UI组件,并集成了最新的jQuery版本(v2.1.4),当然,也集成了很多功能强大...它是充分响应的由Bootstrap3 +框架开发的模板,HTML5和CSS3。它有很多可重用的UI组件和集成了最新的jQuery插件。...浏览器兼容: IE 9, 10, 11 Latest Chrome Latest Firefox Latest Opera Latest Safari 收费,今天的价格是$18。

    6.6K21

    jQuery插件jQueryUI

    jQuery UI是一个功能丰富的jQuery插件集合,提供了一系列用户界面组件和效果,可用于创建交互性强、视觉效果丰富的网页应用程序。...引入jQuery UI 首先,需要引入jQuery库和jQuery UI的JavaScript文件。可以通过CDN(内容分发网络)或将文件下载到本地并引用。...themes/base/jquery-ui.css">基本用法 jQuery UI提供了一系列易于使用的UI组件和效果,包括对话框、拖拽、排序、自动完成、日期选择器等。...选择排序(Sortable):实现元素的拖放排序。自动完成(Autocomplete):提供输入自动完成的功能。日期选择器(Datepicker):选择日期的工具。...可以根据具体需求,在jQuery UI官方文档中查找相关组件的详细文档和示例。主题和定制 jQuery UI还提供了主题(Theme)的概念,可以通过使用不同的主题文件,改变组件的外观和样式。

    5.1K20

    如何在已有的 Web 应用中使用 ReactJS

    使用 jQuery 构建所有的 UI 是可能的(我们已经这样做了很多年),但是在规模变大之后,将变得混乱且难以维护。...无论你使用 Angular, Ember, Vue, React, 或者只是 jQuery,你所做的事情和开发者多年来所做的事情是一样的: 渲染 HTML > 接收用户事件 > 重新渲染 HTML...因为 jQuery 非常依赖选择器比如  .classes 和 #IDs 去控制 DOM,所以大量的属性会使 HTML 变得容易混淆,而这些属性的目的只是方便 jQuery 查找。...我并不是指将关注点与逻辑和视图层混合在一起,而是如何将 JavaScript 和 HTML 以组件 component 的形式组织代码。...用 jQuery 实现共享状态 使用 jQuery 可以很容易实现,但是,如果一个区域动态影响另一个单独使用选择器的区域时,可能会变得混乱。

    16.8K00

    如何在现有的 Web 应用中使用 ReactJS

    使用 jQuery 构建所有的 UI 是可能的(我们已经这样做了很多年),但是在规模变大之后,将变得混乱且难以维护。...无论你使用 Angular, Ember, Vue, React, 或者只是 jQuery,你所做的事情和开发者多年来所做的事情是一样的: 渲染 HTML > 接收用户事件 > 重新渲染 HTML...所以,如果你的代码是用 jQuery 或者其它框架所写,那么应该如何使用 React 去替换这些 UI 片段?...我并不是指将关注点与逻辑和视图层混合在一起,而是如何将 JavaScript 和 HTML 以组件 component 的形式组织代码。...用 jQuery 实现共享状态 使用 jQuery 可以很容易实现,但是,如果一个区域动态影响另一个单独使用选择器的区域时,可能会变得混乱。

    10.2K40

    分享 42 个面向前端开发的 JS 库和框架

    03、AngularJS 地址:https://angular.io/ AngularJS 与上面的两个框架一样,使您可以轻松构建 Web 和移动应用程序。...受到谷歌、福布斯、IBM、微软等众多大公司的信赖和使用。 04、jQuery 地址:https://jquery.com/ jQuery 是前端开发人员最常用的库之一。...11、DarkModeJS 地址:https://nickdeny.github.io/darkmode.js/ DarkModeJS 库帮助我们随着时间的推移自动进行 UI 更改。...它响应式地显示在许多不同的设备屏幕上,并且易于与当今流行的 JS 框架(如 React、Angular、Aurelia、Vue 和 Svelte)一起使用。...它允许您为您的网站轻松构建日期选择器组件,而无需任何额外的使用或任何额外的库。 我喜欢这个库中的一些功能是深色和浅色主题。您可以设置允许用户选择的时间间隔,按地区设置日期等。

    8.4K31

    【开发指南】(三)认识ionic3

    如果你要做一个app应用,你有最少三种方式:原生开发、加壳在线WebApp开发与混合式开发。...Hybird应用Cordova技术,它只提供了使用JavaScript调用Native功能,在开发的时候还需要开发人员自己去实现诸如样式美化、页面切换、数据展示、弹出框、Modal窗体、日期选择器等功能或组件...,为了提高开发效率,出现了各种前端框架,如国外的Ionic、JQuery Mobile UI、Sencha Touch、Framework 7,国内的WUI、AmazeUI、腾讯、淘宝团队的ui等。...其中,Ionic目前是Cordova开发技术阵营中最热门的技术之一,它对Angular进行了封装,提供了一套适配各移动平台UI风格的前端组件,可以让开发人员免去调试大量CSS的工作,专注业务逻辑开发即可...懒加载 Ionic3.0版本开始,支持了延迟加载,我们可以将某些模块设置为延时加载,只有用户打开相关的页面的时候,这个模块所在的js才会被下载,这样能减少用户初次下载的文件的大小。

    4.1K40

    Layui - 为服务器端程序员打造的模块化前端UI框架

    layui: 为服务器端程序员打造的模块化前端UI框架 基于Jquery的前端框架,有着自己的问题交流社区和丰富的扩展组件平台 layui 官方网站 layui 官网:https://www.layui.com...(IE6/7除外),可作为 PC 端后台系统与前台界面的速成开发方案。...基于layui衍生出的三个独立的产品 一、 layer Web弹层组件 https://www.layui.com/layer 使用方式: 1. 引入jquery框架(1.8以上版本) 2....引入layer目录的layer.js 二、 layDate 日期选择器组件 使用方式: 1....将 laydate 复制到项目中 2.引入laydate目录中的layate.js (不依赖jquery) 三、layIM 即时通信组件 layIM 只是提供了前端页面模板,并没有实现即时通讯后端相关内容

    1.4K10

    Jquery 常见案例

    使用jQuery UI实现折叠菜单: $('#accordion').accordion(); 【】使用jquery UI实现Tab显示 (1)引入jQuery UI UI实现日期选择器 (1)定义输入日期的文本框: (2)使用jQuery UI启动日期输入 $('#datep').datepicker(); (3)设定输入的日期的格式...必须输入正确格式的网址 (5)date:true                      必须输入正确格式的日期 日期校验ie6出错,慎用 (6)dateISO:true                ...#field"          输入值必须和#field相同 (11)accept:                       输入拥有合法后缀名的字符串(上传文件的后缀) (12)maxlength...这个值可以用jQuery 选择器来表示, 或者是一个jQuery 对象, 一个 DOM 元素。 缺省值: null url 表单提交的地址。

    9.5K10

    面向设计的半封装web组件开发

    这对web组件UI这块的抽象与封装带来了很大的挑战,来看看一些同行的言论吧: ? 如果有组件自信对UI层进行了完美地抽象与封装,这表明,这个组件已经对UI层的表现有了很大的限制。...跨部门的合作 最新,我们完成了一个项目。这个项目质量非常高,无论是UI, 交互和体验,各方的评价也很好。后来我们要开始一个新的且比较大的项目,就希望把已有项目很多好的东西借鉴过来。...后来,设计师委曲求全接受了一款时间选择器组件,结果还不支持IE7浏览器,真是造化弄人啊! 正在阅读的你,遇到这种情况你会怎么办?...对于某一个项目而言,是不需要的,我们需要稳固的核心,以及在这个基础上,面向UI的高级定制。日期时间选择比较难实现的一个面板就是日期范围选择,类似这样: ?...如果我们是一个普通的日期选择器,只要两个类名就可以了:.ui_date_item和.selected。

    1.1K100

    面向设计的半封装web组件开发

    这对web组件UI这块的抽象与封装带来了很大的挑战,来看看一些同行的言论吧: ? 如果有组件自信对UI层进行了完美地抽象与封装,这表明,这个组件已经对UI层的表现有了很大的限制。...跨部门的合作 最新,我们完成了一个项目。这个项目质量非常高,无论是UI, 交互和体验,各方的评价也很好。后来我们要开始一个新的且比较大的项目,就希望把已有项目很多好的东西借鉴过来。...后来,设计师委曲求全接受了一款时间选择器组件,结果还不支持IE7浏览器,真是造化弄人啊! 正在阅读的你,遇到这种情况你会怎么办?...对于某一个项目而言,是不需要的,我们需要稳固的核心,以及在这个基础上,面向UI的高级定制。日期时间选择比较难实现的一个面板就是日期范围选择,类似这样: ?...如果我们是一个普通的日期选择器,只要两个类名就可以了:.ui_date_item和.selected。

    1.1K20

    面向设计的半封装web组件开发 - 腾讯ISUX

    这对web组件UI这块的抽象与封装带来了很大的挑战,来看看一些同行的言论吧: ? 如果有组件自信对UI层进行了完美地抽象与封装,这表明,这个组件已经对UI层的表现有了很大的限制。...跨部门的合作 最新,我们完成了一个项目。这个项目质量非常高,无论是UI, 交互和体验,各方的评价也很好。后来我们要开始一个新的且比较大的项目,就希望把已有项目很多好的东西借鉴过来。...后来,设计师委曲求全接受了一款时间选择器组件,结果还不支持IE7浏览器,真是造化弄人啊! 正在阅读的你,遇到这种情况你会怎么办?...对于某一个项目而言,是不需要的,我们需要稳固的核心,以及在这个基础上,面向UI的高级定制。日期时间选择比较难实现的一个面板就是日期范围选择,类似这样: ?...如果我们是一个普通的日期选择器,只要两个类名就可以了:.ui_date_item和.selected。

    1K40
    领券