首页
学习
活动
专区
圈层
工具
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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

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

5K30

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 是否让事件在开始时就可以拖动。

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

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

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

    5.9K20

    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 背景和边框颜色。

    2.7K100

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

    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

    13.5K61

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

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

    40340

    Bootstrap运用终极指南

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

    4.2K11

    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 的。

    10.7K80

    JavaScript资源大全中文版(Awesome最新版)

    使用复杂的安全概念,旨在通过防止不可维护的标签汤和内联样式来生成完全有效的HTML5标记。 raptor-editor -Raptor,HTML5 WYSIWYG内容编辑器!.... - http://leaverou.github.io/awesomplete/ Calendar日历 pickadate.js - 适合移动设备的响应速度很轻巧的jQuery日期和时间输入选择器。...fullcalendar - 全尺寸拖放事件日历(jQuery插件)。 rome - 可定制的日期(和时间)选择器。 不依赖关系,选择加入的用户界面。...Menu菜单 jQuery-menu-aim - jQuery插件在用户的光标位于特定的下拉菜单项时触发事件。 用于制作响应式的大型下拉菜单,如亚马逊。...TransitionEnd - TransitionEnd是一个不可知和跨浏览器的图书馆,可以与转换事件一起工作。 Dynamic.js - Javascript库创建基于物理的CSS动画。

    15.3K112

    「沙里淘金」精选浏览器端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库。

    5.9K20

    「首席架构师推荐」一系列很棒的的浏览器端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库。

    6.7K21

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

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

    2K10

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

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

    5.3K20

    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。

    1.6K20

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

    ’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

    6.3K10

    云原生开发必备:首个通用无代码开发平台 iVX 编辑器

    简单说就是:接⼝型,提供的就是⼀款可以接着开发的SaaS产品或平台;⽽编译型,则是⼀个完整的开发体系。...3.1 iVX整体技术 原子组件:(专利技术)抽象出超过200+前端和后台原子组件,每个组件都具备“不可拆分”特性,并表达独立具有特征的属性;同时每个组件都具备“属性”“触发条件”“功能(函数)”。...逻辑编辑框架:(专利技术)通过事件面板,以及内部的“条件”“循环”“回调”“延时调用”,实现了完成的“触发式逻辑控制”。...快速事件面板:(保密技术)由于要在Web环境下容纳超过10万行事件的快速编辑和响应,iVX需要对事件面板做很多算法优化,冲突检测。...随着AST的演进和发展,将可以独立生成各种基于代码的语言,例如Java、Python、C/C++等。

    14710

    c# WinForm开发 DataGridView控件的各种操作总结(单元格操作,属性设置)

    大家好,又见面了,我是全栈君,祝每个程序员都可以多学几门语言。...假设希望,DataGridView 内全部单元格都不可编辑, 那么仅仅要: // 设置 DataGridView1 为仅仅读 DataGridView1.ReadOnly = true;此时,用户的新增行操作和删除行操作也被屏蔽了...******假设希望,DataGridView 内某个单元格不可编辑, 那么仅仅要: // 设置 DataGridView1 的第2列整列单元格为仅仅读 DataGridView1.Columns[...DataGridView1.EditMode = DataGridViewEditMode.EditProgrammatically; *******依据条件设定单元格的不可编辑状态 当一个一个的通过单元格坐标设定单元格...ReadOnly 属性的方法太麻烦的时候,你能够通过 CellBeginEdit 事件来取消单元格的编辑。

    4.4K10
    领券