第三方库

Posted 2020-12-09 webshare2020

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了第三方库相关的知识，希望对你有一定的参考价值。

来自B站的开源的MagicaSakura源码解析

简介 MagicaSakura是Bilibili开源的一套主题切换框架,其功能是在不重启Activity的情况下,能够无闪屏的对程序中的控件进行更换主题颜色.之所以能做到这一点,是因为其实现方式是切换主题时,设置主题颜色,通过其提供的ThemeUtils.refreshUI方法…

[[译] 这个API很“迷人”—— (新的 Fetch API)](https://juejin.im/entry/59891...

javascript 通过 XMLHttpRequest(XHR) 来执行异步请求，这个方式已经存在了很长一段时间。虽说它很有用，但它不是最佳 API。它在设计上不符合职责分离原则，将输入、输出和用事件来跟踪的状态混杂在一个对象里。而且，基于事件的模型与最近 JavaScript 流行的 Promise 以及基于生成器的异步编程模型不太搭（事件模型在处理异步上有点过时了 —— 译者注）。

仅需一行代码实现上传下载以及 Glide 进度监听,简单实用,可插拔

ProgressManager 一行代码即可监听 App 中所有网络链接的上传以及下载进度, 包括 Glide 的图片加载进度, 实现原理类似 EventBus, 你可在 App 中的任何地方, 将多个监听器, 以 Url 地址作为标识符, 注册到本框架, 当此 Url 地址存在下载或者上传的动作时, 框架会主动调用所有使用此 Url 地址注册过的监听器, 达到多个模块的同步更新.

写个 vue-loading-template 组件

趁着5.1来临之际，告诉你们一个好消息： demo: https://jkchao.github.io/vue-... 源码(star ? start : start)：https://github.com/jkchao/vue... 组件支持：自定义typ…

写个vue-emoji组件。

最近公司需求做个类似于QQ空间的项目(其实开始的时候我是崩溃的),好在历时一个月的时间,也终于进入测试的阶段。完成项目过程中，发现并没有一个好用的emoji插件，于是写了一个简单的component，希望对各位有所帮助（若能顺手给个start, 那便再好不过了）。原理其实很简…

简单易用的开源 JavaScript 动画图标库 -- Titanic

如果你用过 Font Awesome 等图标，你可能会觉得它们很好看，用起来很很方便。但是，在用户点击这些图标的时候，它们是不会有反应的。如果有这些图标会动的话，那就更加好。 Titanic 提供一系列的动画图标，以及以 JavaScript 的调用图标动画的方法。

如果你想要看 Hello, World 的版本的话，你可以到我的 Codepen 里面，测试一下。

开源的 Restful Api 集成测试工具

Hitchhiker 是一款开源的 Restful Api 集成测试工具，你可以在轻松部署到本地，和你的team成员一起协作管理Api

基于 vue-cli 的 Vue js 单页应用项目模板

基于 vue-cli 的 Vue js 单页应用项目模板，在 vue-cli 基础上做了一些合理的修改和增强。功能包括：调试、构建、代码规范校验、单元测试、国际化等。

postal - 一个全开源的邮件收发服务器

A fully featured open source mail delivery platform for incoming & outgoing e-mail

Fluent Fetcher: 重构基于 Fetch 的 JavaScript 网络请求库 - 知乎专栏

Fluent Fetcher: 重构基于 Fetch 的 JavaScript 网络请求库从属于笔者的 Web 开发基础与工程实践系列文章与项目，记述了笔者对内部使用的 Fetch 封装库的设计重构与实现过程。

一个超轻量级的时间处理工具库 - dateformat.js

一个轻量级的时间处理工具库 - dateformat.js，里面包含了常用的时间处理工具方法，使用起来非常便捷，文档清晰明了，欢迎 star

Vue2.0 和 Express 的全栈脚手架

基于 vue2.0 的全栈脚手架，集成了 vue-router 和 vuex，以 express 作为 web server！通过 vue-cli 可以快速搭建工程！

如何使用 Faker.js 来 Mock Node.js 应用数据

本文作者：Aman Mittal 编译：胡子大哈翻译原文：http://huziketang.com/blog/po... 英文连接：How to Mock Data for Node.js App…

可能是目前轻量级弹幕控件中功能最强大的一款

本项目是一个开源的弹幕控件库，能够支持多种样式弹幕，弹幕点击监听，弹幕分区域显示，自定义移动速度等功能，项目原理是通过自定义ViewGroup。可能是目前轻量级弹幕控件中功能最强大的一款了。 Github项目地址：https://github.com/hust201010701…

Vue 折腾记 - (10) 给axios做个挺靠谱的封装(报错,鉴权,跳转,拦截,提示)

稍微改改都能直接拿来用~~~哟吼吼,哟吼吼.....

现代化的方式开发一个图片上传工具

对于图片上传，大家一定不陌生。最近工作中遇到了关于图片上传的内容，借此机会认真研究了一番，遂一发不可收拾，最后琢磨了一个东西出来。在开发的过程中有不少的体会，于是打算写一篇文章分享一下心得体会。
本文将会以这个名为 Dolu 的项目为例子，一步步介绍我是如何进行环境搭建、代码设计以及实际开发的。

工作中经常用到 github 上优秀、实用、轻量级、无依赖的插件和库

收集工作中经常用到 github 上优秀、实用、轻量级、无依赖的插件和库，非常实用，极大提高开发效率。他山之石，可以攻玉。

微信支付，支付宝支付，银联支付——三大支付总结

银联支付，支付宝支付，微信支付的三大总结，之前也有写过两篇。微信支付，支付宝支付，银联支付——三大支付总结： http://blog.csdn.net/androids... 支付宝植入总结： android 支付宝的植…

React-BMap-基于react和百度地图JavaScript API的组件库

React-BMap npm version

基于百度地图JavaScript Api封装的React组件库，使用这个库最好需要先了解React和百度地图JavaScript Api。

React-BMap只是利用了React组件的生命周期，来调用对应的百度地图JavaScript Api的方法，比如在componentDidMount和componentDidUpdate的时候在地图上添加覆盖物，componentWillUnmount的时候移除覆盖物，React对应的render渲染函数模块返回的是null。所以这里面地图相关的dom并不是react渲染的，真正创建地图之类的还是使用百度地图JavaScript Api，React-BMap只是利用了React组件的写法来封装百度地图JavaScript Api，使我们在使用React的时候能更方便的使用百度地图JavaScript Api。

示例

可查看示例文件夹下的示例使用示例代码，示例效果可访问预览地址

安装使用

页面头部需加载百度地图JavaScript Api代码

推荐使用npm方式安装使用，然后通过es6模块加载

npm install react-bmap
支持UMD规范的打包库

Hello World

import {Map, Marker, NavigationControl, InfoWindow} from ‘react-bmap‘

<Marker position={{lng: 116.402544, lat: 39.928216}} />
<NavigationControl /> 
<InfoWindow position={{lng: 116.402544, lat: 39.928216}} text="内容" title="标题"/>

</Map>
基础地图组件文档

Map

<Map center={{lng: 116.402544, lat: 39.928216}} zoom="12" />
Marker

Control

<NavigationControl />
<MapTypeControl />
<ScaleControl />
<OverviewMapControl />
InfoWindow

<InfoWindow position={{lng: 116.402544, lat: 39.928216}} text="信息窗口内容" title="信息窗口标题"/>
图形组件，圆形、折线、多边形组件

Circle

<Circle

center={{lng: 116.403119, lat: 39.929543}} 
fillColor=‘blue‘ 
strokeColor=‘white‘ 
radius="3000"

/>
Polyline

<Polyline

strokeColor=‘green‘ 
path={[
    {lng: 116.403119, lat: 39.929543},
    {lng: 116.265139, lat: 39.978658},
    {lng: 116.217996, lat: 39.904309}
]}

/>
Polygon

<Polygon

fillColor=‘red‘ 
strokeColor=‘yellow‘ 
path={[
    {lng: 116.442519, lat: 39.945597},
    {lng: 116.484488, lat: 39.905315},
    {lng: 116.443094, lat: 39.886494},
    {lng: 116.426709, lat: 39.900001}
]}

/>
其它一些场景组件

MarkerList

<MarkerList

data={[
    {
        text: "长沙大道",
        location: "113.22183,28.191712"
    },
    {
        text: "机场高速",
        location: "113.057565,28.175208"
    }
]} 
fillStyle="#ff3333" 
animation={true} 
isShowShadow={false} 
multiple={true} 
autoViewport={true}

/>
MapvLayer

<MapvLayer data={[]} options={{}} />
Road

<Road roadPath={[‘116.330484,40.031406,116.33124,40.029496,116.33124,40.029496‘]}/>
Boundary

<Boundary data={[

{
    name: ‘海淀区‘,
    count: 20
},
{
    name: ‘朝阳区‘,
    count: 10
}

]}/>
TrafficLayer 交通路况图层示例代码

<TrafficLayer />
许可证

MIT