返回
十五个有用的CSS
置顶

十五个有用的CSS 和 JavaScript 库

  无论是希望创建一个视觉上吸引人和功能强大的布局,还是需要在表单和其他区域添加屏幕上的规则和验证,你都会喜欢这个集合。厚学网小编列出的库是由具有丰富网页设计经验的创建的,这些库不仅是经验丰富的设计师的工具,也是适用于初学者的好工具。这个集合将会帮你节省很多时间,来看一看吧!

  0. buefy

  


  适用于 vue.js 项目的轻量级 ui 框架,使用流行的基于 flexbox 的 css 库 bulma 构建。它具有典型的 web app 所需的全部组件,包括像模态框、吐司和通知这样的动态元素,使开发者可以添加任何用户界面到现有的 vue.js 项目。

  1. hr.js

  


  零依赖库,用于在 dom 中以编程的方式高亮显示并替换字符串,hr.js api 的使用不能再简单了 — 只需使用 css 选择器来定位目标文本的父 html 元素,选择要突出显示的单词,设置背景颜色,然后就完成了!

  2. react vr

  react vr 是为 vr 应用而创建的框架,运行在 web 浏览器中。它将现代 api(例如 webgl 和 webvr)与 react 的声明能力结合起来,通过各种设备提供适用于消费者的体验。

  3. tippy.js

  


  轻量的纯 javascript 动态提示工具插件库。它提供了大量的不同悬停效果和超过 20 个可定制的选项。tippy.js 是超级轻量的,并且具有相当不错的浏览器兼容性,当不被支持时会自动回退到常规的 title 属性。

  4. barba.js

  


  没有依赖关系的 javascript 库,用于在单页面应用程序的视图之间创建平滑的过渡。该逻辑是围绕pjax(push state ajax)构建的,它会检查所有有效的 url,阻止它们的正常行为,并通过 xmlhttprequest 加载新页面。barba 还会确使用 push state api,使得状态的更改可在页面的 url 中正确反映出来。

  5. uikit

  


  的 css 和 javascript 前端框架,包括 svg 图标字体和几十个组件。无论是外观还是作为一个框架,uikit 的设计都非常好,它具有统一的样式,易于记忆的 api,许多自定义选项和有用的修饰符类。文档也是写得十分好。

  6. haul

  


  haul 是用于开发 react native 应用程序的命令行工具。它可以直接替 代 react native packager,提供更好的 webpack 支持,改进的错误消息,大大减少编译时间。haul 是可定制和完全开源的,文档也十分。

  7. acrosstabs

  


  用于在浏览器选项卡之间进行通信的 javascript 库,使一个网页可以打开和关闭其他浏览器选项卡。父选项卡可以访问有关其子选项卡的有用信息,包括唯 一的 id 以及子选项卡是否仍然打开或已关闭。

  8. stylelint

  stylelint 是一款现代化的 css linter,可帮助团队在样式表中强制使用客观的 css 标准。该库非常强大,可以禁用或列出特定属性,捕获错误和识别 scss 语法。stylelint 是完全可定制的,可以选择添加新规则或移除你不认可的规则。

  9. iconate

  


  的 vanilla javascript 库,可让你将点击中的一个图标转换为另一个图标,并具有各种平滑的动画。iconate 与所有 css 图标字体一起使用 — 只需在 html 中添加一个图标,并使用简单的 javascript api 来选择将其转换为哪一种,有 15 种以上的动画可供选择。

  10. react-datasheet

  


  react 组件用于向应用添加功能齐全的类 excel 数据表格。表格单元可以自由编辑、分组选择、复制、粘贴、删除,以及你期望的其他任何功能。其 github 主页上有三个有用的例子 —— 一个基本的表格、带有公式的 spreadsheet,以及带有嵌套组件的表格。

  11. pure css

  


  模块化 css 框架,体积十分小,压缩后整个库只有 3.8kb,还可以通过移除一些不需要的部分进一步减小大小。模块包括基本的样式集,响应式网格,表单组件,按钮,表格和菜单。

  12. simple icons

  


  收集了大量社交网络、app、服务和其他品牌的免费图标。因为所有的图标都是使用 svg 制作的,所以它们可以缩放到任何的尺寸而不用担心变模糊。基于 svg 还使得它们非常轻量 — 大多数低于 500 bytes,具有更多细节的大约为 1、2kb。

  13. chroma.js

  


  用于处理颜色的小巧的 javascript 库。它提供了丰富的 api,具有超过 50 种操作颜色的功能,可在颜色模式之间切换改变亮度和饱和度,创建渐变梯度等许多有用的方法。

  14. weex

  weex 是构建跨平台移动应用的框架,类似于 react native,但适用于 vue.js 项目。它可以让你使用 html,css 和 javascript 编写应用,然后在 android 中将其渲染成 java 或在 ios 中将其渲染成 swift。该框架有许多内置组件、api 和其他有用的功能。


文中图片素材来源网络,如有侵权请联系删除

热门课程

全部课程
温州三维软件初级培训班
温州三维软件初级培训班
价格
课程价格:
询价
时间
上课时间:
全日制
成都软件测试培训川软重磅出击
成都软件测试培训川软重磅出击
价格
课程价格:
询价
时间
上课时间:
全日制
南通嵌入式培训
南通嵌入式培训
价格
课程价格:
询价
时间
上课时间:
电话咨询
软件开发培训班(赴日或国内)
软件开发培训班(赴日或国内)
价格
课程价格:
询价
时间
上课时间:
全日制
哈尔滨APP移动端设计培训/新媒体运营培训(网课/面授)
哈尔滨APP移动端设计培训/新媒体运营培训(网课/面授)
价格
课程价格:
询价
时间
上课时间:
电话咨询

相关头条

预约报名

立即获取报价

请选择想要达成的目标

基本掌握
熟练掌握
完全掌握
取消

请选择想要学习的时间

一个月内
三个月内
半年或一年
取消
刷新
图形验证
关闭
>>
拖动左边滑块完成上方拼图
培训首页 > web前端培训头条 > 十五个有用的CSS 和 JavaScript 库
咨询