10个有趣的Javascript和CSS库

2017-06-20网页设计
143

前端领域又发生了翻天覆地的变化,涌现了许多优秀的Javascript和CSS库,我们继续给大家收集和整理部分出色的前端组件和库分享给大家,希望对您有所帮助。

Moon

Moon是一个JavaScript UI库,类似Vue.js,但是相对vue更加简化和直接,它去除一些膨胀代码。 它具有优化的虚拟DOM引擎,用户友好的API,并且非常小巧,压缩后的脚本大小只有6 kb。

Microtip

Microtip是一个纯CSS的工具提示库,它超级易于使用,非常轻巧,而且平滑。 工具提示有几个内置选项用于控制其方向,大小和动画,而其他自定义可以通过SASS来完成。

SmartPhoto

SmartPhoto是一个图片库和灯箱插件,专注于支持触摸手势(如捏和滑动)的移动设备。 这是非常适合初学者,提供了大量有用的事件处理程序和自定义选项。

Tinytime

Tinytime是一个超小型JavaScript库,用于格式化和渲染日期和时间。 它只提供一个单独的render()方法,它接收一个Date对象并返回所选格式的字符串。 Tinytime允许您定义可重用的格式模板,提高性能和简洁的代码。

Birdview.js

Birdview.js是一个超酷JavaScript插件,允许您缩小页面,并在一个视图中查看整个文档,之后您可以点击任何地方放大并直接向下滚动到您点击的位置。

Timeline.js

Timeline.js是一个jQuery时间轴插件,用于创建交互式时间轴,让您可以在一个漂亮的动画小部件中显示按时间顺序排列的图像和事件内容。 所需的HTML标记是非常合理的,并且有很多自定义选项。

VX

vx 是对基于 React 与 d3 实现的一系列底层可视化组件的汇总,它结合了 d3 来创建交互式可视化图表与 React 来进行应用更新的优势。

Pikaday

Pikaday是一个清爽的JavaScript日期选择器 - 它是轻量级的,没有依赖关系,模块化的CSS。

Sortable - 用于实现元素拖拽排序的功能的插件

Sortable:现代浏览器上用于实现元素拖拽排序的功能,支持 Meteor, AngularJS, React,不依赖 jQuery。

Slideout.js – 触摸滑出式Web App导航菜单

Slideout.js 是为您的移动 Web 应用开发的触摸滑出式的导航菜单。它没有依赖,自由搭配简单的标记,支持原生的滚动,您可以轻松地定制它。它支持不同的 CSS3 转换和过渡。最重要的是,它只是4KB 。


The End

相关推荐

移动端,手机端 响应式布局头部代码
将如下代码加到你网页的头部之间: meta name=viewport content=width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no meta name=apple-mobile-web-app-capable content=yes / meta name=apple-mobile-web-app-statu...
2021-06-10 网页设计
262

javascript实现禁止鼠标右键的功能
遇到网页上有精美图片或者精彩文字想保存时,通常大家都是选中目标后按鼠标右键,在弹出菜单中选择图片另存为或复制来达到我们的目的。但是,目前有许多网页都屏蔽了鼠标右键,那么用js如何实现禁止鼠标右键的功能呢? 1、与禁止鼠标右键相关的JS说明 script...
2021-04-27 网页设计
164

js实现点击按钮复制文本功能
最近遇到一个需求,需要点击按钮,复制 p 标签中的文本到剪切板 之前做过复制输入框的内容,原以为差不多,结果发现根本行不通 尝试了各种办法,最后使了个障眼法,实现了下面的效果 一、原理分析 浏览器提供了 copy 命令 ,可以复制选中的内容 document.exe...
2020-03-30 网页设计
233

如何去掉html中input的边框
这里不能用css样式选择器选择input组件,设置 border:none;或border: 0px;outline:none;cursor: pointer; 亲测没有用处,只有写这种格式时生效,如下: input type=text style=border:none;...
2020-03-30 网页设计
214

js 判断字符串中是否包含某个字符串
String对象的方法 方法一: indexOf() (推荐) var str = 123;console.log(str.indexOf(3) != -1 ); // trueindexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。如果要检索的字符串值没有出现,则该方法返回 -1。 方法二: search() var str = 1...
2019-05-30 网页设计
262

video标签设置autoplay在手机浏览器无法自动播放视频的解决方案
在video标签上加个autoplay属性,在PC端浏览器里面运行流畅,但是在手机浏览器里面打开无法播放。原来现在的手机浏览器是不允许网页中视频自动播放的,只有与用户进行了一次交互动作,才可以播放视频。(音频同理) 方案一: 在页面上加一个弹框,用户点击了...
2019-05-27 网页设计
645