web_js_css_frame

by yyman001

前端开发的干货,包含pc端,移动端js库,框架,css框架,工具等等...

131 Stars 53 Forks Last release: Not found 229 Commits 0 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

一些前端开发的干货


资料或许有重复!
资料或许有重复!
资料或许有重复!
,我也只是一个搬运工!

库? 目前最全的前端开发面试题及答案

推荐

周刊

编码规范

前端库搜索

前端导航

API文档

移动端资料 - H5 案例 - 不定期收集市面上优秀的 H5 作品。 - 移动H5前端性能优化指南 - 支付宝无线Web开发经验谈 - 移动前端系列——移动端页面坑与排坑技巧( 2014-12-08 ) - 移动web最佳实践(2013) - 移动Web前端框架 ( 2014 ) - 移动端自适应方案-lib.flexible,淘宝手机版都是用这个框架 - iOS 微信 音频 视频自动播放 - 解决ios下的微信打开的页面背景音乐无法自动播放 - 微信JS-SDK说明文档 - 微信js demo - QQ浏览器X5内核问题汇总 - 手机分辨率查询 - 移动端响应式框架-测试阶段,不适用于复杂页面 - 视频H5のVideo标签在微信里的坑和技巧 - LAVAS 基于 Vue.js 的 PWA 解决方案 帮助开发者快速搭建 PWA 应用,解决接入 PWA 的各种问题

学习资料/文章

Git

其他

书籍资料 - USTC-CS-Courses-Resource 中国科学技术大学众多课程资源 - 免费的计算机编程类中文书籍 - 免费编程书籍 - 码农周刊整理-推荐关注

### 一些社区 - Stack Overflow:Stack Overflow是一个与程序相关的IT技术问答网站。用户可以在网站免费提交问题,浏览问题,索引相关内容,在创建主页的时候使用简单的HTML。 - segmentfault:是中国领先的开发者技术社区。

系列文章


其他工具

js插件网站

前端组件库

搭建web app常用的样式/组件等收集列表(移动优先)

手势库

移动端工具

vue专题

Vue相关开源项目库汇总

  • http://www.opendigg.com/tags/front-vue
  • https://github.com/opendigg/awesome-github-vue
  • https://vuejsexamples.com/
  • Vue.js Script

vue ui组件库

## vue 其他插件组件 - PortalVue , anywhere in the document/普通开发使用组件 - mpvue vue转微信小程序 - vue-axios - Vue-Lazyload 图片延迟加载 - vue-amap 基于Vue 2.0 和高德地图的地图组件 - Vueditor 基于Vue 2.0 的富文本编辑器 - Scroller for Vue 2.0 - JRoll无限加载+下拉刷新 for Vue2 - Vue-Core-Image-Upload 2.0 一款轻量级图片裁剪上传插件 - vue-datepicker 日期拾取组件 - 一个生成 svg 图标组件的工具 (vue2.x) - vue GUI generator

## React 相关 - ANT DESIGN - reactSPA - ReCharts 是一个 React 图表组件库 - React-Bootstrap - anu.js 是一个高级兼容React16的迷你React 框架

## Weex - Weex Ui

## Node - egg.js - Nest 是一个用于构建高效,可扩展的 Node.js 服务器端应用程序的框架。

## 小程序相关 - 娜娜奇 - 基于 React 的多端小程序转译框架

## Nginx - Nginx 入门教程

  1. 前端自动化(Workflow)
  2. 依赖安装
  3. 前端构建工具
  4. 前端模块管理器
  5. css预处理器

  6. 前端框架(Frameworks)

  7. Material-UI 移动端ui框架,效果好 github

  8. Frozen UI 腾讯移动UI框架

  9. Bootstrap

  10. Foundation

  11. Amaze UI

  12. Semantic UI

  13. Pure CSS

  14. topcoat

  15. UIkit

  16. Material UI

  17. Framework7

  18. mui

  19. ionic framework

  20. Fries

  21. jQuery Mobile

  22. H-ui 前端框架

  23. Skeleton

  24. HaloJS

  25. QMUI Web 是一个专注 Web UI

  26. LuLu ui

  27. css.gg - 开源图标 UI 库。支持 CSS、SVG、Figma、NPM

1.2 后端UI框架 - Layui - BUI

  1. JavaScript 框架汇总
  1. 前端游戏框架(动画引擎)
  1. ui组件库
  1. 基础模版
  2. 浏览器统一(Cross Browser)
  1. 排版
  1. 网格系统
  1. HTML5 API 应用
  1. UA 识别
  1. 表单处理

10.1 表单验证(Form Validator)/表单提示 - (Depreciated) A Laravel styled JavaScript Object/Form/JSON validation library - validate.js - Validator - Parsley - jquery.form.js - jQuery Form Plugin - Validform - validator.js - jquery-validation - jQuery Validation Plugin - formvalidator.js - Fort.js – 表单填写进度提示 - mailcheck - 用于检测email地址的域名 - Floatlable.js - 输入时显示placeholder文本 - jQuery Label Better - 2016 年最好用的表单验证库 SMValidator.js

10.2 < select > 相关

10.3 单选框/复选框相关

10.4 上传组件

10.6 取色

10.7 标签插件(Tag)

10.8 自动完成插件

10.8.1 - Cleave.js – 自动格式化表单输入框的文本内容

10.9 样式修正 - autosize - 使文本框自动适应所输入的内容

  1. 图表绘制/图形库(Graphics)
  1. 日期格式化
  1. 页面交互

13.1 Slider

13.2 瀑布流

13.3 懒加载/加载监听/预加载 - basket.js – 基于 LocalStorage 的资源加载器 - imagesLoaded – 检测网页中的图片是否加载完成 - layzr.js - git关注蛮高的 - github - Echo.js - lazySizes - jquery_lazyload - BttrLazyLoading - lazyload.js - waitForImages - 图片加载监听库 - PxLoader - JS预加载库:实现图片、声音等各种文件的预加载功能 - jQuery.preload - 预加载图片资源 - bindWithDelay - jQuery Plugin For Delayed Event Execution - TypeWatch - 停止输入时调用

13.4 图片轮播(幻灯片)/图片展示

13.5 图片剪裁/图片处理

13.6 图片放大镜 - EasyZoom for jQuery - ZooMove for jQuery - Magnifier.js

13.6 进度条/加载动画(Loading) - CSS Loader 是一个非常有用加载器。它允许开发人员利用纯 CSS 文件,以及一个空

元素便可以快速的创建加载指示器。 - progressbar.js svg线条 - NProgress.js - progress.js - Pace - Automatic page load progress bar - jquery-ajax-progress - waitMe - 很漂亮的loading效果 - spin.js - sonic.js - fakeLoader.js - 依赖jQ的全屏加载js - Easy Pie Chart

13.7 侧滑插件(offcancas)

13.8 菜单(Menu)

13.9 滚动侦测(ScrollSpy)

13.10 滚动加载更多/下拉刷新(Pull to Refresh)

13.11 平滑滚动插件(Smooth Scroll)

13.12 全屏滚动/全屏切换

13.13 分屏滚动

13.14 转场效果

13.15 固定元素(Sticky) - Sticky-Kit 比较出名,功能强大,个人推荐 - Sticky Navbar -可定点 - Waypoints - sticky - jQuery Plugin for Sticky Objects - jquery.pin - 固定页面元素 - stickUp - Slinky.js - 堆叠头部创建滑动导航列表 - Headroom.js - ScrollMagic - Sticky Float - Sticky Mojo - Zebra Pin - HC-Sticky

13.16 触控事件

13.17 拖拽组件

13.18 隐藏或展示页面元素

13.19 滚动条(Scrollbar) - jQuery-slimScroll pc效果不错5k,手机端不建议是用 - jquery.mCustomScrollbar pc,苹果效果不错,安卓效果略差,大小较大 - jScrollPane - jquery.scrollbar - perfect-scrollbar - nanoScrollerJS - tinyscrollbar - gemini-scrollbar

13.20 视差滚动(Parallax Scrolling) - MidnightJS 效果很赞 - parallax.js - jparallax - StickyStack.js -github - jquery.superscrollorama.js 很酷的动画效果

  1. 代码高亮插件/代码编辑器
  1. UI Icon 组件
  1. 动画(Animate)
  2. js动画库
  1. 本地存储
  2. bowl.js 一个轻量级的前端资源缓存加载器
  3. cross-storage - Cross domain local storage
  4. localForage
  5. pouchdb
  6. basil.js 是一个 JavaScript 的数据持久化层库,实现了统一的 LocalStorage、Cookie 和 Session 存储。
  7. store.js 公开了一个简单的接口来实现跨浏览器的本地存储。

17.1 数据库 - nedb - lowdb - localForage - Dexie.js - ZangoDB

  1. 模板引擎
  1. 通知组件/弹框组件/模态窗口
  2. layer.js - 国产,也是集成很多功能,个人推荐
  3. AnimatedModal.js - CSS3 全屏模态窗口,支持 Firefox、Chrome、Safari、Opera 和 IE 10+
  4. alertify.js
  5. AlertifyJS
  6. SweetAlert
  7. Messenger - 非常酷的弹框组件
  8. PNotify
  9. Notify.js - A simple, versatile notification library
  10. Remodal - 模态窗口插件
  11. Popper.js:强大的浮动提示库(pop 即弹出层,popper 即弹出层的内容)

  12. 提示控件(Tooltips)

  1. 对话框/遮罩层/弹出层(lightbox)
  1. 文档/表格/PDF
  1. 目录树插件
  1. Ajax模块
  1. 音频/视频
  2. A HTML5 video player with a parser that saves traffic 西瓜播放器
  3. Chimee 组件化H5播放器框架-mp4、m3u8、flv
  4. pizzicato.js
  5. webaudiox.js
  6. jWebAudio
  7. jPlayer - HTML5 Audio & Video for jQuery
  8. video.js - HTML5 & Flash video player
  9. Accessible HTML5 Video Player - PayPal 开源的 HTML5 视频播放器
  10. Clappr - 开源的Web视频播放器
  11. Plyr - 简单,灵活的 HTML5 媒体播放器
  12. FitVids.js - A lightweight, easy-to-use jQuery plugin for fluid width video embeds.
  13. BigVideo.js - The jQuery Plugin for Big Background Video
  14. BigScreen - A simple library for using the JavaScript Full Screen API
  15. Vide - 视频背景
  16. winamp2-js
  17. Buzz - A Javascript HTML5 Audio library
  18. howler.js 是一个新的 JavaScript 库用于处理 Web 的音频,该库最初是为一个 HTML5 游戏引擎所开发,但也可用于其他的 Web 项目。
  19. Flv.js 实现了 FLV 格式视频的播放
  20. BIDEO.JS使得添加全屏背景视频更加容易。
  21. loud links一个很小的JavaScript库,允许您通过HTML5添加交互式音频元素在网站播放mp3 / ogg文件,目前支持所有浏览器。
  22. Waud.js – 使用HTML5降级处理的Web音频库
  23. Wad
  24. Tone.js
  25. PearPlayer.js 一个支持多协议、多源、混合P2P-CDN的流媒体播放器

  26. 按钮

  1. 富文本编辑器/Markdown编辑器/Markdown解析器
  1. 内容提取(Readability)
  1. 颜色(CSS Colors)/SVG
  1. 选项卡(Tabs)
  1. 文本处理
  1. 布局(Layout)
  1. 实用工具/其他插件
  1. sass 库
  2. Family.scss - css3选择器简写框架,非常不错
  3. SpaceBase – 基于 Sass 的响应式 CSS 框架 - github
  4. breakpoint-sass 媒体查询库
  5. @include-media diy媒体查询库
  6. sass-mediaqueries 媒体查询库-推荐
  7. sass-mq Media Queries with superpowers-em单位媒体查询库
  8. sass-svg 一个内联 SVG 的 SASS 库

34.1 分页 - jqPagination 分页插件

34.2 模拟打字 - jQuery.type-typetype 用于textarea文本域; - typing.js 华丽的打字效果JS插件 - superplaceholder.js 利用文本框的 placeholder 属性,以打字形式展示出自定义的文字,可用于提示。 - iTyped.js 实现打字效果

34.3 字数统计 - Countable.js:这个脚本可以添加实时段落,文字和字符数到一个html元素

  1. 未知分类

  2. Canvas库

    - merge-images - canvas简单图片合成

webpack 插件

其他

前端参考集


欢迎分享你的好东西给我@黑色技术

发布时间:2015-04-17

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.