仓库地址: https://github.com/IsraelZablianov/draggable-vue-directive
分类: Github仓库推荐
Chameleon: 来自滴滴的多端程序框架
仓库地址: https://github.com/didi/chameleon
一套代码运行多端,一端所见即多端所见
支持平台:web、微信小程序、支付宝小程序、百度小程序、android(weex)、ios(weex)、qq 小程序、字节跳动小程序、快应用、持续更新中
localForage:实现浏览器本地存储
仓库地址: https://github.com/localForage/localForage
中文仓库地址:https://github.com/xmoyking/localForage-cn
localForage 是一个 JavaScript 库,通过简单类似
1 localStorageAPI 的异步存储来改进你的 Web 应用程序的离线体验。它能存储多种类型的数据,而不仅仅是字符串。
localForage 有一个优雅降级策略,若浏览器不支持 IndexedDB 或 WebSQL,则使用 localStorage。在所有主流浏览器中都可用:Chrome,Firefox,IE 和 Safari(包括 Safari Mobile)。
localForage 提供回调 API 同时也支持 ES6 Promises API,你可以自行选择。
来自中文官网介绍.
Video.js: 另一个开源HTML5播放器
仓库地址: https://github.com/videojs/video.js
官方网站: https://videojs.com/city
起步:
<!-- unpkg : use the latest version of Video.js --> <link href="https://unpkg.com/video.js/dist/video-js.min.css" rel="stylesheet"> <script src="https://unpkg.com/video.js/dist/video.min.js"></script> <!-- unpkg : use a specific version of Video.js (change the version numbers as necessary) --> <link href="https://unpkg.com/video.js@6.11.0/dist/video-js.min.css" rel="stylesheet"> <script src="https://unpkg.com/video.js@6.11.0/dist/video.min.js"></script> <!-- cdnjs : use a specific version of Video.js (change the version numbers as necessary) --> <link href="https://cdnjs.cloudflare.com/ajax/libs/video.js/6.7.3/video-js.min.css" rel="stylesheet"> <script src="https://cdnjs.cloudflare.com/ajax/libs/video.js/6.7.3/video.min.js"></script>
<video id="my-player" class="video-js" controls preload="auto" poster="//vjs.zencdn.net/v/oceans.png" data-setup='{}'> <source src="//vjs.zencdn.net/v/oceans.mp4" type="video/mp4"></source> <source src="//vjs.zencdn.net/v/oceans.webm" type="video/webm"></source> <source src="//vjs.zencdn.net/v/oceans.ogv" type="video/ogg"></source> <p class="vjs-no-js"> To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="https://videojs.com/html5-video-support/" target="_blank"> supports HTML5 video </a> </p> </video>
<script> var player = videojs('my-player'); </script>
ES6: 更好的JavaScript
阮一峰老师出的教程,讲到了ES6的方方面面.平时可以用作指南,前提是可以提升技术.
仓库地址: https://github.com/ruanyf/es6tutorial
也可以访问,https://es6.ruanyifeng.com/,与Github仓库内容一致.