這里面圖片有的上傳會失敗，為了良好的閱讀體驗，移步到本人的github地址查看原文
)
文本處理
react相關
[圖片上傳失敗...(image-61dbe9-1554255798161)]
import React from "react";
import useFormal from "@kevinwolf/formal";
const initialValues = {
firstName: "Tony",
lastName: "Stark",
email: "ironman@avengers.io"
};
function App() {
const formal = useFormal(initialValues, {
onSubmit: values => console.log("Your values are:", values)
});
return (
<form onSubmit={formal.submit}>
<div>
<label htmlFor="firstName">First Name</label>
<input {...formal.getFieldProps("firstName")} type="text" />
</div>
<div>
<label htmlFor="lastName">Last Name</label>
<input {...formal.getFieldProps("lastName")} type="text" />
</div>
<div>
<label htmlFor="email">Email</label>
<input {...formal.getFieldProps("email")} type="text" />
</div>
<button type="submit">Submit</button>
</form>
);
}
[圖片上傳失敗...(image-ae6e29-1554255798161)]
動畫相關
-
typeit -- 這個星球上最通用的JavaScript動畫打字工具
[圖片上傳失敗...(image-c507b8-1554255798161)] - laxxx -- 簡單輕巧（2kb縮小和壓縮）香草javascript插件，當你滾動時創建流暢和美麗的動畫！利用最直觀的互動的力量，讓您的網站活躍起來！
[圖片上傳失敗...(image-f1da8d-1554255798161)]
css相關
- linaria -- JS庫中的零運行時CSS在js中寫css，0 runtime
import { css } from 'linaria';
import { modularScale, hiDPI } from 'polished';
import fonts from './fonts';
// Write your styles in `css` tag
const header = css`
text-transform: uppercase;
font-family: ${fonts.heading};
font-size: ${modularScale(2)};
${hiDPI(1.5)} {
font-size: ${modularScale(2.5)};
}
`;
// Then use it as a class name
<h1 class={header}>Hello world</h1>;
node
import { get, post } from 'httpie';
try {
const { data } = await get('https://pokeapi.co/api/v2/pokemon/1');
// Demo: Endpoint will echo what we've sent
const res = await post('https://jsonplaceholder.typicode.com/posts', {
body: {
id: data.id,
name: data.name,
number: data.order,
moves: data.moves.slice(0, 6)
}
});
console.log(res.statusCode); //=> 201
console.log(res.data); //=> { id: 1, name: 'bulbasaur', number: 1, moves: [{...}, {...}] }
} catch (err) {
console.error('Error!', err.statusCode, err.message);
console.error('~> headers:', err.headers);
console.error('~> data:', err.data);
}
數據相關
人工智能
[圖片上傳失敗...(image-84614-1554255798161)]
[圖片上傳失敗...(image-510f95-1554255798161)]
react native
demo
[圖片上傳失敗...(image-818615-1554255798161)]
視頻相關
-
griffith -- 基于React的網絡視頻播放器
不僅僅是react也支持standalone模式
[圖片上傳失敗...(image-27e2a5-1554255798161)]
表單
請求
const retry = require('async-retry')
const fetch = require('node-fetch')
await retry(async bail => {
// if anything throws, we retry
const res = await fetch('https://google.com')
if (403 === res.status) {
// don't retry upon 403
bail(new Error('Unauthorized'))
return
}
const data = await res.text()
return data.substr(0, 500)
}, {
retries: 5
})
vue相關
大牛博客
文檔
funny stuff
-
demo
