30-seconds-of-code

Chalarangelo / 30-seconds-of-codeJavaScript第 24 期 · 2018-03-28

在 GitHub 上查看 ↗

实时数据待拉取（运行 scripts/enrich.py 后填充）

项目简介

精选可以在 30秒或更短的时间内理解的实用 JavaScript 代码片段集合

本期其他项目

全部 →

暂无截图

C第 24 期

reading-code-of-nginx-1.9.2

nginx-1.9.2 源码通读分析注释，带详尽函数中文分析注释以及相关函数流程调用注释

GitHub ↗

暂无截图

Go第 24 期

Go 编写的快速、简单、干净的视频下载程序。支持哔哩哔哩、YouTube 视频网站```$ annie -c cookies.txt https://www.bilibili.com/video/av20203945/Site: 哔哩哔哩 bilibili.com Title: 【2018拜年祭单品】相遇day by day Type: video Stream:[default] -------------------Quality: 高清 1080P60 Size: 220.65 MiB (231363071 Bytes)# download with: annie -f default "URL"16.03 MiB / 220.65 MiB [==>----------------------------] 7.26% 9.65 MiB/s 19s```

GitHub ↗

暂无截图

Java第 24 期

PreLoader

Android 页面在打开后需要在 UI 初始化完成后才能发起网络请求，以免网络请求返回后展示到 UI 时出现错误。但这种串行的做法导致页面的整个初始化时间变长。使用该工具可以在打开页面之前预加载数据，然后在页面 UI 初始化完成后提取预加载好的数据进行展示，从而缩短页面初始化时间，提升用户体验。示例代码如下：```java// 开启预加载任务int preLoaderId = PreLoader.preLoad(new Loader());Intent intent = new Intent(this, PreLoadBeforeLaunchActivity.class);intent.putExtra("preLoaderId", preLoaderId);startActivity(intent);// 预加载任务：模拟网络接口请求获取数据class Loader implements DataLoader {@Override public String loadData() {//此方法在线程池中运行，无需再开子线程去加载数据try {Thread.sleep(600);} catch (InterruptedException ignored) {}return "data from network server";}}// 在Activity(或Fragment)中UI初始化完成后开始监听预加载数据PreLoader.listenData(preLoaderId, new Listener());// 数据加载完成后，会调用DataListener.onDataArrived(...)来处理加载后的数据class Listener implements DataListener {@Override public void onDataArrived(String data) {//此方法在主线程中运行，无需使用Handler切换线程运行Toast.makeText(activity, data, Toast.LENGTH_SHORT).show();}}```

GitHub ↗

Java第 24 期

SuperLike

仿今日头条点赞喷射表情动画

GitHub ↗

JavaScript第 24 期

chrome-music-lab

Chrome 音乐实验室是一个网站，让学习音乐变得更加简单、好玩。完全基于Web端，国内可直接访问、老少皆宜、支持多种乐器，圆你一个音乐梦

GitHub ↗

暂无截图

JavaScript第 24 期

mpvue

小程序的前端框架。框架基于 Vue.js 核心，修改了 Vue.js 的 runtime 和 compiler 实现。使其可以运行在小程序环境中，为小程序开发引入了整套 Vue.js 开发体验。[5 分钟上手视频](http://mpvue.com/mpvue/quickstart/)- 彻底的组件化开发能力：提高代码复用性- 完整的 Vue.js 开发体验- 方便的 Vuex 数据管理方案：方便构建复杂应用- 快捷的 webpack 构建机制：自定义构建策略、开发阶段 hotReload- 支持使用 npm 外部依赖- 使用 Vue.js 命令行工具 vue-cli 快速初始化项目- H5 代码转换编译成小程序目标代码的能力

GitHub ↗

暂无截图

JavaScript第 24 期