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

MZGantt:原生JavaScript甘特图插件

兼容.Net、Java等后端环境,以及Vue、React、jQuery等前端框架,确保长期稳定运行。高性能处理能力通过懒加载技术优化大数据量渲染,避免数据增长导致的性能下降。...功能全面且可扩展任务管理:拖拽编辑、行内编辑、多段任务展示、四种任务关系(FS/FF/SF/SS)。可视化配置:自定义日历、里程碑标记、关键路径展示、进度条样式调整。...关键功能详解任务编辑与展示拖拽调整任务时间、进度及依赖关系。行内编辑支持多选下拉框、图标选择等控件。多段任务展示允许分段设置进度及样式。时间与日历支持小时/天/周/月/季度多种时间精度视图。...交互与事件开放进度条单击(clickBar)、双击(dblClickBar)、拖拽结束等事件接口。支持行渲染事件(rowRender)动态调整样式,以及右键菜单自定义。...2025年优化季度/月份视图编辑精度提升至100%。新增排产功能:跨行拖拽、进度条动态添加。修复冻结列拖动定位等显示问题。2024年重大改进移除jQuery依赖,实现模块化加载。

9710

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

就是说,这些前端技术、工具它们都需要你能够对前端开发有一个完整、全面的认识。在这样的基础之上,这些技术、工具才能发现出它们应有的效果。...那么,这个对于前端开发的完整、全面的认识都包含哪些方面与内容呢?...日历 PC 经典my97 强大的独立日期选择器 fullcalendar fullcalendar日历控件知识点集合 中文api 农历日历 超酷的仿百度带节日日历老黄历控件 日期格式化 大牛日历控件...弹出层式的全日历 jquery双日历 移动 大气实用jQuery手机移动端日历日期选择插件 jQuery Mobile 移动开发中的日期插件Mobiscroll Date library Datejs...network面板 chrome开发工具快捷键 chrome调试工具常用功能整理 Chrome 开发工具 Workspace 使用 Chrome神器Vimium快捷键学习记录 sass调试-w3cplus 如何更专业的使用

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

    FullCalendar 日历插件中文说明文档

    包括left,center,right左中右三个位置,每个位置都可以对应以下不同的配置:title: 显示当前月份/周/日信息prev: 用于切换到上一月/周/日视图的按钮next: 用于切换到下一月/...的ui主题,如果设置为true,则需要加载jquery ui相关css和js文件。 ...editable 事件是否可编辑,可编辑是指可以移动, 改变大小等。 source 指向次event的eventsource对象。 color 背景和边框颜色。...日程事件拖动和缩放 拖动和缩放功能依赖于jQuery ui的draggable和resizable,所以在使用时要提前加载jQuery ui相关插件。...属性 描述 默认值 editable 是否可编辑,即进行可拖动和缩放操作。 false eventStartEditable 是否让事件在开始时就可以拖动。

    38.1K90

    如何使用纯前端控件集 WijmoJS 中的可视化在线设计器

    展开输入组并单击“日历”以添加名为calendar1的新控件。 设计表面现在看起来像这样: 要折叠主菜单,请再次单击WijmoJS 徽标,或单击设计图面内部的任何位置(“编辑”工具栏下方的区域)。...每个可用属性都显示相应类型的编辑器,您在此处所做的任何更改都会立即应用于所选控件。例如:将monthView属性设置为False,将formatMonths属性设置为MMMM。...日历控件现在显示当年的月份的全名 单击“属性”选项卡右侧的箭头图标以显示“事件”窗格,该窗格显示所选控件公开的每个事件的切换按钮。对于打开的每个事件,WijmoJS 设计器将自动生成事件Java代码。...标签,对于在设计器中创建的每个控件,均包含默认为空的的标记。 内联块,用于实例化设计器中创建的每个控件并应用任何自定义属性/事件设置。...最后,最后一行为日历的valueChanged事件添加了一个Demo处理程序。 要返回可视化设计器,请单击页面左侧的“设计视图”按钮(“保存”按钮下方)。

    8.6K20

    ASP.NET MVC5+EF6+EasyUI 后台管理系统(86)-日程管理-fullcalendar插件用法

    前言 本文分享fullcalendar用法,最后面提供代码下载 说到日程管理,基于JQuery的插件FullCalendar当之无愧,完整的API稳定和调用方式,非常易于扩展!...可以用于系统的个人历程管理,系统的任务日历列表....fullcalendar.min.js /zh-cn.js 由于使用过程中有弹窗,这部分辅助我使用的是EasyUI的组件(你可以使用其他弹窗组件来做弹窗) 数据库结构 由于我们使用了数据保存,所以表的建立要根据官方的事件数据来建对应的数据库表用来存储一个日历事件信息的标准对象...,其中只有title和start是必须的 但是我们可以全建来获得完整的数据支持 属性 描述 id 可选,事件唯一标识,重复的事件具有相同的id title 必须,事件在日历上显示的title allDay...editable 事件是否可编辑,可编辑是指可以移动, 改变大小等。 source 指向次event的eventsource对象。 color 背景和边框颜色。

    3.3K100

    史上最全的前端资源大汇总

    Bach’s Editor tower用的编辑器 summernote 编辑器 html5编辑器 Quilljs编辑器 wangEditor 40....在线编辑 - hcharts js 在线编辑 - jsdm sql 在线编辑 - sqlfiddle mozilla 在线编辑器 54....network面板 chrome开发工具快捷键 chrome调试工具常用功能整理 Chrome 开发工具 Workspace 使用 Chrome神器Vimium快捷键学习记录 sass调试-w3cplus 如何更专业的使用...各种日期日历 ---- 经典my97 强大的独立日期选择器 fullcalendar fullcalendar日历控件知识点集合 中文api 农历日历 超酷的仿百度带节日日历老黄历控件 日期格式化...Datepair.js 一个风格多样的日历 弹出层式的全日历 jquery双日历 大气实用jQuery手机移动端日历日期选择插件 jQuery Mobile 移动开发中的日期插件Mobiscroll

    15K61

    多主复制的适用场景(2)-需离线操作的客户端和协作编辑

    如手机、PC和其他设备上的日历应用。无论设备当前是否连网,都需随时查看: 当前会议日程(读请求) 添加新会议(写请求) 离线状态下进行的任何更改,会在设备下次上线时,与服务器和其他设备同步。...此时,每个设备都有一个充当M的本地DB(接受写请求),并在所有设备之间采用异步方式同步这些多M上的副本,同步滞后可能是几h或数天,具体时间取决于设备何时再联网。...架构上,这种设置类似IDC之间的多主复制,只不过每个设备都是个“IDC”,而它们之间的网络连接极不可靠。从日历同步功能的这些破烂实现也能看出,多主可以得到结果,但中间依旧很多未知数。...有一些工具就是为了使多主配置更容易,如CouchDB。 3.1.3 协作编辑 实时协作编辑应用程序允许多人同时编辑文档。如Google Docs。...为加速协作效率,期望将可编辑粒度设置很小,如一个按键甚至全程无锁。但同时也带来多主复制都有的挑战:解决冲突。

    52640

    Bootstrap运用终极指南

    栅格可以保持响应性,也可以轻松地更改为固定布局。 3. 开发更快: Bootstrap有大量现成的组件和资源可用,它可以大大提高开发速度。 4....它基本上可以被视为一个更完整的版本,尽管学习曲线会比编译版本高一些。 还有一个Saas版本,它是Bootstrap从Less移植到Sass的源码移植项目。...只需要在CSS中省略viewport元标记,覆盖每个网格层容器的宽度,删除导航栏上所有折叠和展开行为,并在使用网格布局时对它们进行一些调整就可以了。关于操作详情,你可以阅读入门文档中的说明。...Bootstrap-Modal 插件可以将可堆叠的、响应性强的AJAX模态弹窗添加到你的Bootstrap站点。它支持全宽调制解调器和长调制解调器以及其它格式。 4....Summernote 是一个简单灵活的WYSIWYG编辑器,适用于Bootstrap。 18. BIC Calendar 是一个用于标记事件的jQuery简单日历组件。

    5.9K11

    awesome-javascript-cn

    官网 bootstrap-wysiwyg:小巧的、兼容 bootstrap 的所见即所得的富文本编辑器。官网 ckeditor-releases:适用于每个人的 web 文本编辑器。...官网 jquery.hotkeys:jQuery Hotkeys 能让你在代码任何的地方监听键盘事件,并几乎支持所有按键组合。官网 jwerty:令人惊叹的键盘事件处理库。...官网 日历 pickadate.js:对移动设备友好的、响应式的和轻量的 jQuery 日期 & 时间输入选择器。...官网 fullcalendar:全尺寸、支持拖放事件的日历(jQuery 插件)。官网 rome:可定制的日期(和时间)选择器。无依赖,可选 UI。...官网 菜单 jQuery-menu-aim:当用户光标放在特定下拉菜单项时触发事件。可制作响应式的、大数据量的下拉菜单,如 Amazon 的。

    12.5K80

    「沙里淘金」精选浏览器端JavaScript库资源推荐

    使用复杂的安全性概念,旨在通过防止不可维护的标签汤和内联样式来生成完全有效的HTML5标记。 raptor-editor - Raptor,HTML5 WYSIWYG内容编辑器!...jquery.hotkeys - jQuery Hotkeys让您可以在代码中的任何位置查看键盘事件,几乎可以支持任何组合键。 jwerty - 键盘事件的真棒处理。...- 日历 pickadate.js - 移动友好,响应迅速,轻量级的jQuery日期和时间输入选择器。...fullcalendar - 全尺寸拖放事件日历(jQuery插件)。 rome - 可定制的日期(和时间)选择器。免费依赖,选择加入UI。...TransitionEnd - TransitionEnd是一个不可知的跨浏览器库,用于处理转换事件。 Dynamic.js - 用于创建基于物理的CSS动画的JavaScript库。

    8.3K20

    「首席架构师推荐」一系列很棒的的浏览器端JavaScript库资源

    使用复杂的安全性概念,旨在通过防止不可维护的标签汤和内联样式来生成完全有效的HTML5标记。 raptor-editor - Raptor,HTML5 WYSIWYG内容编辑器!...jquery.hotkeys - jQuery Hotkeys让您可以在代码中的任何位置查看键盘事件,几乎可以支持任何组合键。 jwerty - 键盘事件的真棒处理。...- 日历 pickadate.js - 移动友好,响应迅速,轻量级的jQuery日期和时间输入选择器。...fullcalendar - 全尺寸拖放事件日历(jQuery插件)。 rome - 可定制的日期(和时间)选择器。免费依赖,选择加入UI。...TransitionEnd - TransitionEnd是一个不可知的跨浏览器库,用于处理转换事件。 Dynamic.js - 用于创建基于物理的CSS动画的JavaScript库。

    9.1K21

    利用jquery ui的datepicker开发一个课程日历

    ,但要做得好也有一定工作量,利用google快速了解了目前几个比较知名的轻量级日历插件的接口、提供的配置项及功能情况后,决定不重复制造轮子,在jquery ui的datepicker控件上进行开发,因为它虽然功能简单...这个其实也简单,用CSS配合一下了,我的建议是不要直接在jquery ui的样式上面改,一来影响它自身的完整及独立性,到时或许会用到它的控件,如果直接改会导致一些意想不到的情况发生,我认为比较好的办法是在特定的页面下用自己的样式把默认的样式覆盖掉以使控件的尺寸符合我们的预期...这个是课程日历的关键所在。...4)怎样实现没有课程的日期不可点击(选择),有课程的日期点击(选择)后显示这天的课程列表?...选中有课程的日期时,会触发控件的onSelect事件,弹出课程列表的操作写在onSelect事件的响应方法里面就可以了。下面是初始化控件的完整代码,仅供参考。

    3.2K10

    这 5 个前端组件库,可以让你放弃 jQuery UI

    无论应用中需要的是日历,滑块,图形或其它用于提升或简化用户交互的组件,那么都面临两种选择:要么自己来创建这些组件,要么使用现有的组件功能。...有趣的一点是,Wijmo 5构建在更现代化的标准之上,因此在IE8上不起作用,此时就需要Wijmo的旧版本。Wijmo 3是基于jQuery,所以它支持直到在IE6上使用。...它包含了一系列数据可视化、布局、导航和编辑控件。虽然这个框架与jQuery UI共享一些组件,但Webix扩展了jQuery UI并提供了一些不同于jQuery UI中常用的组件。...JQWidgets的文档概述了每个小部件的工作原理、示例代码和一个很好的演示。每个小部件还有一个简单易懂的API参考指南以及如何实现每个属性或方法的示例。...每个控件都附带一个示例截图、示例代码,然后是所有的属性、方法和事件。在主演示页,可以快速查看Demo和每一个控件。例如,Panel Control演示了如何使用自定义控件,嵌套面板和其它元素。

    6.9K20

    Android开发-API指南- Calendar Provider

    Intent 利用 Intent 插入事件 利用 Intent 编辑事件 利用 Intent 查看日历数据 Sync Adapter 关键类 CalendarContract.Calendars CalendarContract.Events...不过,如果还未建立完整的日历应用或 Sync Adapter,就没必要申请这些权限。 这时就可以通过 Intent,把读写操作交给 Android 内置 Calendar 应用去完成。...修改事件 如果需要让用户编辑事件,建议使用 EDIT Intent,这在 利用 Intent 编辑事件 一节中将会介绍。 不过在必要时,也可以直接编辑事件。...每行记录代表事件的一次实例。 Instances 是不可写的,仅用于查询事件的发生经历。 下表列出了 Instances 表中可供查询的部分字段。...然后,用户可以根据需要取消事件、编辑表单数据,或者把事件保存到日历中。 下面给出了一段代码,在2012年1月1日安排一个事件,时间是上午7:30到8:30。

    2.4K20

    前端组件库_前端组件库有什么好处

    ’drop library拖拽上传 flow.js 10.5 日期选择 Both Date and Time picker widget based on twitter bootstrap GMU 日历组件...Plugin for Sticky Objects jquery.pin – 固定页面元素 13.16 触控事件 Hammer.js jquery.event.move.js 13.17 拖拽组件 Draggabilly...文档/表格 handsontable – 在线可编辑excel表格 jQuery Bootgrid – 用于ajax生成动态表格 DataTables – Table plug-in for jQuery...富文本编辑器/Markdown编辑器/Markdown解析器 Simditor – 简单快速的富文本编辑器 BachEditor – 一个有情怀的编辑器 bootstrap-markdown marked...实用工具/其他插件 jquery-cookie FastClick – 处理移动端 click 事件 300 毫秒延迟 screenfull.js – 全屏切换 Async.js – 异步操作 html2canvas

    7.7K10

    日历订阅机制滥用:新型钓鱼与恶意软件投递渠道分析

    3.2 攻击载荷类型恶意日历事件主要包含以下几类载荷:钓鱼链接:伪装成订单确认、账户异常通知,诱导用户输入凭证;恶意软件下载:声称提供“日历插件更新”或“事件详情查看器”,实则分发木马;广告欺诈:高频推送含短链的促销事件...4.2 协议设计缺陷iCalendar协议本身缺乏安全扩展:无强制签名机制,无法验证.ics文件完整性;无来源认证,任意HTTP服务器均可提供日历数据;无权限分级,订阅即获得全量事件推送权。...5.3 策略控制层企业应通过MDM策略限制高风险行为:禁止添加非白名单域名的日历订阅;关闭日历通知的自动弹窗,改为静默同步;要求管理员审批所有新订阅请求。...培训内容需明确:日历订阅同样可能来自不可信来源;任何要求“立即点击添加日历”的通知均应核实;定期清理已订阅源是良好安全习惯。...编辑:芦笛(公共互联网反网络钓鱼工作组)

    17710

    常见分布式应用系统设计图解(九):协同编辑系统

    这是一个异步系统,编辑编辑过程中,事件都是由不同用户的浏览器/客户端上对文件的来触发的。...下半部分,用户把编辑内容增量写入 Channel Service,这样的事件经过鉴权和简单处理后放入待处理队列。...客户端每发生一次变更,就要把事件通知到 Channel Service,反之亦然 。之所以这样做,有两个原因, 一是因为数据要尽可能实时地同步; 二是这样的数据包一般都比较小,长连接可以减少开销。...基本上就是把根据用户编辑文档的版本和字符所在位置,以及编辑行为(增加或/和删除),转换并合并编辑到实际文档中位置的一种技术。 对于修改历史记录的存储,肯定要存放一个基础版本加上每个变更。...文章未经特殊标明皆为本人原创,未经许可不得用于任何商业用途,转载请保持完整性并注明来源链接 《四火的唠叨》

    1.2K10
    领券