第三方库

2019年8月24日 169次阅读来源: 掘金

来自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

算法网