资讯专栏INFORMATION COLUMN

ES6 完全使用手册

kgbook / 2029人阅读

摘要:前言这里的泛指之后的新语法这里的完全是指本文会不断更新这里的使用是指本文会展示很多的使用场景这里的手册是指你可以参照本文将项目更多的重构为语法此外还要注意这里不一定就是正式进入规范的语法。

前言

这里的 "ES6" 泛指 ES5 之后的新语法

这里的 "完全" 是指本文会不断更新

这里的 "使用" 是指本文会展示很多 ES6 的使用场景

这里的 "手册" 是指你可以参照本文将项目更多的重构为 ES6 语法

此外还要注意这里不一定就是正式进入规范的语法。

1. let 和 const

在我们开发的时候,可能认为应该默认使用 let 而不是 var,这种情况下,对于需要写保护的变量要使用 const。

然而另一种做法日益普及:默认使用 const,只有当确实需要改变变量的值的时候才使用 let。这是因为大部分的变量的值在初始化后不应再改变,而预料之外的变量的修改是很多 bug 的源头。

</>复制代码

  1. // 例子 1-1
  2. // bad
  3. var foo = "bar";
  4. // good
  5. let foo = "bar";
  6. // better
  7. const foo = "bar";
2. 模板字符串 1. 模板字符串

需要拼接字符串的时候尽量改成使用模板字符串:

</>复制代码

  1. // 例子 2-1
  2. // bad
  3. const foo = "this is a" + example;
  4. // good
  5. const foo = `this is a ${example}`;
2. 标签模板

可以借助标签模板优化书写方式:

</>复制代码

  1. // 例子 2-2
  2. let url = oneLine `
  3. www.taobao.com/example/index.html
  4. ?foo=${foo}
  5. &bar=${bar}
  6. `;
  7. console.log(url); // www.taobao.com/example/index.html?foo=foo&bar=bar

oneLine 的源码可以参考 《ES6 系列之模板字符串》

3. 箭头函数

优先使用箭头函数,不过以下几种情况避免使用:

1. 使用箭头函数定义对象的方法

</>复制代码

  1. // 例子 3-1
  2. // bad
  3. let foo = {
  4. value: 1,
  5. getValue: () => console.log(this.value)
  6. }
  7. foo.getValue(); // undefined
2. 定义原型方法

</>复制代码

  1. // 例子 3-2
  2. // bad
  3. function Foo() {
  4. this.value = 1
  5. }
  6. Foo.prototype.getValue = () => console.log(this.value)
  7. let foo = new Foo()
  8. foo.getValue(); // undefined
3. 作为事件的回调函数

</>复制代码

  1. // 例子 3-3
  2. // bad
  3. const button = document.getElementById("myButton");
  4. button.addEventListener("click", () => {
  5. console.log(this === window); // => true
  6. this.innerHTML = "Clicked button";
  7. });
4. Symbol 1. 唯一值

</>复制代码

  1. // 例子 4-1
  2. // bad
  3. // 1. 创建的属性会被 for-in 或 Object.keys() 枚举出来
  4. // 2. 一些库可能在将来会使用同样的方式,这会与你的代码发生冲突
  5. if (element.isMoving) {
  6. smoothAnimations(element);
  7. }
  8. element.isMoving = true;
  9. // good
  10. if (element.__$jorendorff_animation_library$PLEASE_DO_NOT_USE_THIS_PROPERTY$isMoving__) {
  11. smoothAnimations(element);
  12. }
  13. element.__$jorendorff_animation_library$PLEASE_DO_NOT_USE_THIS_PROPERTY$isMoving__ = true;
  14. // better
  15. var isMoving = Symbol("isMoving");
  16. ...
  17. if (element[isMoving]) {
  18. smoothAnimations(element);
  19. }
  20. element[isMoving] = true;
2. 魔术字符串

魔术字符串指的是在代码之中多次出现、与代码形成强耦合的某一个具体的字符串或者数值。

魔术字符串不利于修改和维护,风格良好的代码,应该尽量消除魔术字符串,改由含义清晰的变量代替。

</>复制代码

  1. // 例子 4-1
  2. // bad
  3. const TYPE_AUDIO = "AUDIO"
  4. const TYPE_VIDEO = "VIDEO"
  5. const TYPE_IMAGE = "IMAGE"
  6. // good
  7. const TYPE_AUDIO = Symbol()
  8. const TYPE_VIDEO = Symbol()
  9. const TYPE_IMAGE = Symbol()
  10. function handleFileResource(resource) {
  11. switch(resource.type) {
  12. case TYPE_AUDIO:
  13. playAudio(resource)
  14. break
  15. case TYPE_VIDEO:
  16. playVideo(resource)
  17. break
  18. case TYPE_IMAGE:
  19. previewImage(resource)
  20. break
  21. default:
  22. throw new Error("Unknown type of resource")
  23. }
  24. }
3. 私有变量

Symbol 也可以用于私有变量的实现。

</>复制代码

  1. // 例子 4-3
  2. const Example = (function() {
  3. var _private = Symbol("private");
  4. class Example {
  5. constructor() {
  6. this[_private] = "private";
  7. }
  8. getName() {
  9. return this[_private];
  10. }
  11. }
  12. return Example;
  13. })();
  14. var ex = new Example();
  15. console.log(ex.getName()); // private
  16. console.log(ex.name); // undefined
5. Set 和 Map 1. 数组去重

</>复制代码

  1. // 例子 5-1
  2. [...new Set(array)]
2. 条件语句的优化

</>复制代码

  1. // 例子 5-2
  2. // 根据颜色找出对应的水果
  3. // bad
  4. function test(color) {
  5. switch (color) {
  6. case "red":
  7. return ["apple", "strawberry"];
  8. case "yellow":
  9. return ["banana", "pineapple"];
  10. case "purple":
  11. return ["grape", "plum"];
  12. default:
  13. return [];
  14. }
  15. }
  16. test("yellow"); // ["banana", "pineapple"]

</>复制代码

  1. // good
  2. const fruitColor = {
  3. red: ["apple", "strawberry"],
  4. yellow: ["banana", "pineapple"],
  5. purple: ["grape", "plum"]
  6. };
  7. function test(color) {
  8. return fruitColor[color] || [];
  9. }

</>复制代码

  1. // better
  2. const fruitColor = new Map()
  3. .set("red", ["apple", "strawberry"])
  4. .set("yellow", ["banana", "pineapple"])
  5. .set("purple", ["grape", "plum"]);
  6. function test(color) {
  7. return fruitColor.get(color) || [];
  8. }
6. for of 1. 遍历范围

for...of 循环可以使用的范围包括:

数组

Set

Map

类数组对象,如 arguments 对象、DOM NodeList 对象

Generator 对象

字符串

2. 优势

ES2015 引入了 for..of 循环,它结合了 forEach 的简洁性和中断循环的能力:

</>复制代码

  1. // 例子 6-1
  2. for (const v of ["a", "b", "c"]) {
  3. console.log(v);
  4. }
  5. // a b c
  6. for (const [i, v] of ["a", "b", "c"].entries()) {
  7. console.log(i, v);
  8. }
  9. // 0 "a"
  10. // 1 "b"
  11. // 2 "c"
3. 遍历 Map

</>复制代码

  1. // 例子 6-2
  2. let map = new Map(arr);
  3. // 遍历 key 值
  4. for (let key of map.keys()) {
  5. console.log(key);
  6. }
  7. // 遍历 value 值
  8. for (let value of map.values()) {
  9. console.log(value);
  10. }
  11. // 遍历 key 和 value 值(一)
  12. for (let item of map.entries()) {
  13. console.log(item[0], item[1]);
  14. }
  15. // 遍历 key 和 value 值(二)
  16. for (let [key, value] of data) {
  17. console.log(key)
  18. }
7. Promise 1. 基本示例

</>复制代码

  1. // 例子 7-1
  2. // bad
  3. request(url, function(err, res, body) {
  4. if (err) handleError(err);
  5. fs.writeFile("1.txt", body, function(err) {
  6. request(url2, function(err, res, body) {
  7. if (err) handleError(err)
  8. })
  9. })
  10. });
  11. // good
  12. request(url)
  13. .then(function(result) {
  14. return writeFileAsynv("1.txt", result)
  15. })
  16. .then(function(result) {
  17. return request(url2)
  18. })
  19. .catch(function(e){
  20. handleError(e)
  21. });
2. finally

</>复制代码

  1. // 例子 7-2
  2. fetch("file.json")
  3. .then(data => data.json())
  4. .catch(error => console.error(error))
  5. .finally(() => console.log("finished"));
8. Async 1. 代码更加简洁

</>复制代码

  1. // 例子 8-1
  2. // good
  3. function fetch() {
  4. return (
  5. fetchData()
  6. .then(() => {
  7. return "done"
  8. });
  9. )
  10. }
  11. // better
  12. async function fetch() {
  13. await fetchData()
  14. return "done"
  15. };

</>复制代码

  1. // 例子 8-2
  2. // good
  3. function fetch() {
  4. return fetchData()
  5. .then(data => {
  6. if (data.moreData) {
  7. return fetchAnotherData(data)
  8. .then(moreData => {
  9. return moreData
  10. })
  11. } else {
  12. return data
  13. }
  14. });
  15. }
  16. // better
  17. async function fetch() {
  18. const data = await fetchData()
  19. if (data.moreData) {
  20. const moreData = await fetchAnotherData(data);
  21. return moreData
  22. } else {
  23. return data
  24. }
  25. };

</>复制代码

  1. // 例子 8-3
  2. // good
  3. function fetch() {
  4. return (
  5. fetchData()
  6. .then(value1 => {
  7. return fetchMoreData(value1)
  8. })
  9. .then(value2 => {
  10. return fetchMoreData2(value2)
  11. })
  12. )
  13. }
  14. // better
  15. async function fetch() {
  16. const value1 = await fetchData()
  17. const value2 = await fetchMoreData(value1)
  18. return fetchMoreData2(value2)
  19. };
2. 错误处理

</>复制代码

  1. // 例子 8-4
  2. // good
  3. function fetch() {
  4. try {
  5. fetchData()
  6. .then(result => {
  7. const data = JSON.parse(result)
  8. })
  9. .catch((err) => {
  10. console.log(err)
  11. })
  12. } catch (err) {
  13. console.log(err)
  14. }
  15. }
  16. // better
  17. async function fetch() {
  18. try {
  19. const data = JSON.parse(await fetchData())
  20. } catch (err) {
  21. console.log(err)
  22. }
  23. };
3. "async 地狱"

</>复制代码

  1. // 例子 8-5
  2. // bad
  3. (async () => {
  4. const getList = await getList();
  5. const getAnotherList = await getAnotherList();
  6. })();
  7. // good
  8. (async () => {
  9. const listPromise = getList();
  10. const anotherListPromise = getAnotherList();
  11. await listPromise;
  12. await anotherListPromise;
  13. })();
  14. // good
  15. (async () => {
  16. Promise.all([getList(), getAnotherList()]).then(...);
  17. })();
9. Class

构造函数尽可能使用 Class 的形式

</>复制代码

  1. // 例子 9-1
  2. class Foo {
  3. static bar () {
  4. this.baz();
  5. }
  6. static baz () {
  7. console.log("hello");
  8. }
  9. baz () {
  10. console.log("world");
  11. }
  12. }
  13. Foo.bar(); // hello

</>复制代码

  1. // 例子 9-2
  2. class Shape {
  3. constructor(width, height) {
  4. this._width = width;
  5. this._height = height;
  6. }
  7. get area() {
  8. return this._width * this._height;
  9. }
  10. }
  11. const square = new Shape(10, 10);
  12. console.log(square.area); // 100
  13. console.log(square._width); // 10
10.Decorator 1. log

</>复制代码

  1. // 例子 10-1
  2. class Math {
  3. @log
  4. add(a, b) {
  5. return a + b;
  6. }
  7. }

log 的实现可以参考 《ES6 系列之我们来聊聊装饰器》

2. autobind

</>复制代码

  1. // 例子 10-2
  2. class Toggle extends React.Component {
  3. @autobind
  4. handleClick() {
  5. console.log(this)
  6. }
  7. render() {
  8. return (
  9. button
  10. );
  11. }
  12. }

autobind 的实现可以参考 《ES6 系列之我们来聊聊装饰器》

3. debounce

</>复制代码

  1. // 例子 10-3
  2. class Toggle extends React.Component {
  3. @debounce(500, true)
  4. handleClick() {
  5. console.log("toggle")
  6. }
  7. render() {
  8. return (
  9. button
  10. );
  11. }
  12. }

debounce 的实现可以参考 《ES6 系列之我们来聊聊装饰器》

4. React 与 Redux

</>复制代码

  1. // 例子 10-4
  2. // good
  3. class MyReactComponent extends React.Component {}
  4. export default connect(mapStateToProps, mapDispatchToProps)(MyReactComponent);
  5. // better
  6. @connect(mapStateToProps, mapDispatchToProps)
  7. export default class MyReactComponent extends React.Component {};
11. 函数 1. 默认值

</>复制代码

  1. // 例子 11-1
  2. // bad
  3. function test(quantity) {
  4. const q = quantity || 1;
  5. }
  6. // good
  7. function test(quantity = 1) {
  8. ...
  9. }

</>复制代码

  1. // 例子 11-2
  2. doSomething({ foo: "Hello", bar: "Hey!", baz: 42 });
  3. // bad
  4. function doSomething(config) {
  5. const foo = config.foo !== undefined ? config.foo : "Hi";
  6. const bar = config.bar !== undefined ? config.bar : "Yo!";
  7. const baz = config.baz !== undefined ? config.baz : 13;
  8. }
  9. // good
  10. function doSomething({ foo = "Hi", bar = "Yo!", baz = 13 }) {
  11. ...
  12. }
  13. // better
  14. function doSomething({ foo = "Hi", bar = "Yo!", baz = 13 } = {}) {
  15. ...
  16. }

</>复制代码

  1. // 例子 11-3
  2. // bad
  3. const Button = ({className}) => {
  4. const classname = className || "default-size";
  5. return
  6. };
  7. // good
  8. const Button = ({className = "default-size"}) => (
  9. );
  10. // better
  11. const Button = ({className}) =>
  12. }
  13. Button.defaultProps = {
  14. className: "default-size"
  15. }

</>复制代码

  1. // 例子 11-4
  2. const required = () => {throw new Error("Missing parameter")};
  3. const add = (a = required(), b = required()) => a + b;
  4. add(1, 2) // 3
  5. add(1); // Error: Missing parameter.
12. 拓展运算符 1. arguments 转数组

</>复制代码

  1. // 例子 12-1
  2. // bad
  3. function sortNumbers() {
  4. return Array.prototype.slice.call(arguments).sort();
  5. }
  6. // good
  7. const sortNumbers = (...numbers) => numbers.sort();
2. 调用参数

</>复制代码

  1. // 例子 12-2
  2. // bad
  3. Math.max.apply(null, [14, 3, 77])
  4. // good
  5. Math.max(...[14, 3, 77])
  6. // 等同于
  7. Math.max(14, 3, 77);
3. 构建对象

剔除部分属性,将剩下的属性构建一个新的对象

</>复制代码

  1. // 例子 12-3
  2. let [a, b, ...arr] = [1, 2, 3, 4, 5];
  3. const { a, b, ...others } = { a: 1, b: 2, c: 3, d: 4, e: 5 };

有条件的构建对象

</>复制代码

  1. // 例子 12-4
  2. // bad
  3. function pick(data) {
  4. const { id, name, age} = data
  5. const res = { guid: id }
  6. if (name) {
  7. res.name = name
  8. }
  9. else if (age) {
  10. res.age = age
  11. }
  12. return res
  13. }
  14. // good
  15. function pick({id, name, age}) {
  16. return {
  17. guid: id,
  18. ...(name && {name}),
  19. ...(age && {age})
  20. }
  21. }

合并对象

</>复制代码

  1. // 例子 12-5
  2. let obj1 = { a: 1, b: 2,c: 3 }
  3. let obj2 = { b: 4, c: 5, d: 6}
  4. let merged = {...obj1, ...obj2};
4. React

将对象全部传入组件

</>复制代码

  1. // 例子 12-6
  2. const parmas = {value1: 1, value2: 2, value3: 3}
13. 双冒号运算符

</>复制代码

  1. // 例子 13-1
  2. foo::bar;
  3. // 等同于
  4. bar.bind(foo);
  5. foo::bar(...arguments);
  6. // 等同于
  7. bar.apply(foo, arguments);

如果双冒号左边为空,右边是一个对象的方法,则等于将该方法绑定在该对象上面。

</>复制代码

  1. // 例子 13-2
  2. var method = obj::obj.foo;
  3. // 等同于
  4. var method = ::obj.foo;
  5. let log = ::console.log;
  6. // 等同于
  7. var log = console.log.bind(console);
14. 解构赋值 1. 对象的基本解构

</>复制代码

  1. // 例子 14-1
  2. componentWillReceiveProps(newProps) {
  3. this.setState({
  4. active: newProps.active
  5. })
  6. }
  7. componentWillReceiveProps({active}) {
  8. this.setState({active})
  9. }

</>复制代码

  1. // 例子 14-2
  2. // bad
  3. handleEvent = () => {
  4. this.setState({
  5. data: this.state.data.set("key", "value")
  6. })
  7. };
  8. // good
  9. handleEvent = () => {
  10. this.setState(({data}) => ({
  11. data: data.set("key", "value")
  12. }))
  13. };

</>复制代码

  1. // 例子 14-3
  2. Promise.all([Promise.resolve(1), Promise.resolve(2)])
  3. .then(([x, y]) => {
  4. console.log(x, y);
  5. });
2. 对象深度解构

</>复制代码

  1. // 例子 14-4
  2. // bad
  3. function test(fruit) {
  4. if (fruit && fruit.name) {
  5. console.log (fruit.name);
  6. } else {
  7. console.log("unknown");
  8. }
  9. }
  10. // good
  11. function test({name} = {}) {
  12. console.log (name || "unknown");
  13. }

</>复制代码

  1. // 例子 14-5
  2. let obj = {
  3. a: {
  4. b: {
  5. c: 1
  6. }
  7. }
  8. };
  9. const {a: {b: {c = ""} = ""} = ""} = obj;
3. 数组解构

</>复制代码

  1. // 例子 14-6
  2. // bad
  3. const spliteLocale = locale.splite("-");
  4. const language = spliteLocale[0];
  5. const country = spliteLocale[1];
  6. // good
  7. const [language, country] = locale.splite("-");
4. 变量重命名

</>复制代码

  1. // 例子 14-8
  2. let { foo: baz } = { foo: "aaa", bar: "bbb" };
  3. console.log(baz); // "aaa"
5. 仅获取部分属性

</>复制代码

  1. // 例子 14-9
  2. function test(input) {
  3. return [left, right, top, bottom];
  4. }
  5. const [left, __, top] = test(input);
  6. function test(input) {
  7. return { left, right, top, bottom };
  8. }
  9. const { left, right } = test(input);
15. 增强的对象字面量

</>复制代码

  1. // 例子 15-1
  2. // bad
  3. const something = "y"
  4. const x = {
  5. something: something
  6. }
  7. // good
  8. const something = "y"
  9. const x = {
  10. something
  11. };

动态属性

</>复制代码

  1. // 例子 15-2
  2. const x = {
  3. ["a" + "_" + "b"]: "z"
  4. }
  5. console.log(x.a_b); // z
16. 数组的拓展方法 1. keys

</>复制代码

  1. // 例子 16-1
  2. var arr = ["a", , "c"];
  3. var sparseKeys = Object.keys(arr);
  4. console.log(sparseKeys); // ["0", "2"]
  5. var denseKeys = [...arr.keys()];
  6. console.log(denseKeys); // [0, 1, 2]
2. entries

</>复制代码

  1. // 例子 16-2
  2. var arr = ["a", "b", "c"];
  3. var iterator = arr.entries();
  4. for (let e of iterator) {
  5. console.log(e);
  6. }
3. values

</>复制代码

  1. // 例子 16-3
  2. let arr = ["w", "y", "k", "o", "p"];
  3. let eArr = arr.values();
  4. for (let letter of eArr) {
  5. console.log(letter);
  6. }
4. includes

</>复制代码

  1. // 例子 16-4
  2. // bad
  3. function test(fruit) {
  4. if (fruit == "apple" || fruit == "strawberry") {
  5. console.log("red");
  6. }
  7. }
  8. // good
  9. function test(fruit) {
  10. const redFruits = ["apple", "strawberry", "cherry", "cranberries"];
  11. if (redFruits.includes(fruit)) {
  12. console.log("red");
  13. }
  14. }
5. find

</>复制代码

  1. // 例子 16-5
  2. var inventory = [
  3. {name: "apples", quantity: 2},
  4. {name: "bananas", quantity: 0},
  5. {name: "cherries", quantity: 5}
  6. ];
  7. function findCherries(fruit) {
  8. return fruit.name === "cherries";
  9. }
  10. console.log(inventory.find(findCherries)); // { name: "cherries", quantity: 5 }
6. findIndex

</>复制代码

  1. // 例子 16-6
  2. function isPrime(element, index, array) {
  3. var start = 2;
  4. while (start <= Math.sqrt(element)) {
  5. if (element % start++ < 1) {
  6. return false;
  7. }
  8. }
  9. return element > 1;
  10. }
  11. console.log([4, 6, 8, 12].findIndex(isPrime)); // -1, not found
  12. console.log([4, 6, 7, 12].findIndex(isPrime)); // 2

更多的就不列举了。

17. optional-chaining

举个例子:

</>复制代码

  1. // 例子 17-1
  2. const obj = {
  3. foo: {
  4. bar: {
  5. baz: 42,
  6. },
  7. },
  8. };
  9. const baz = obj?.foo?.bar?.baz; // 42

同样支持函数:

</>复制代码

  1. // 例子 17-2
  2. function test() {
  3. return 42;
  4. }
  5. test?.(); // 42
  6. exists?.(); // undefined

需要添加 @babel/plugin-proposal-optional-chaining 插件支持

18. logical-assignment-operators

</>复制代码

  1. // 例子 18-1
  2. a ||= b;
  3. obj.a.b ||= c;
  4. a &&= b;
  5. obj.a.b &&= c;

Babel 编译为:

</>复制代码

  1. var _obj$a, _obj$a2;
  2. a || (a = b);
  3. (_obj$a = obj.a).b || (_obj$a.b = c);
  4. a && (a = b);
  5. (_obj$a2 = obj.a).b && (_obj$a2.b = c);

出现的原因:

</>复制代码

  1. // 例子 18-2
  2. function example(a = b) {
  3. // a 必须是 undefined
  4. if (!a) {
  5. a = b;
  6. }
  7. }
  8. function numeric(a = b) {
  9. // a 必须是 null 或者 undefined
  10. if (a == null) {
  11. a = b;
  12. }
  13. }
  14. // a 可以是任何 falsy 的值
  15. function example(a = b) {
  16. // 可以,但是一定会触发 setter
  17. a = a || b;
  18. // 不会触发 setter,但可能会导致 lint error
  19. a || (a = b);
  20. // 就有人提出了这种写法:
  21. a ||= b;
  22. }

需要 @babel/plugin-proposal-logical-assignment-operators 插件支持

19. nullish-coalescing-operator

</>复制代码

  1. a ?? b
  2. // 相当于
  3. (a !== null && a !== void 0) ? a : b

举个例子:

</>复制代码

  1. var foo = object.foo ?? "default";
  2. // 相当于
  3. var foo = (object.foo != null) ? object.foo : "default";

需要 @babel/plugin-proposal-nullish-coalescing-operator 插件支持

20. pipeline-operator

</>复制代码

  1. const double = (n) => n * 2;
  2. const increment = (n) => n + 1;
  3. // 没有用管道操作符
  4. double(increment(double(5))); // 22
  5. // 用上管道操作符之后
  6. 5 |> double |> increment |> double; // 22
其他

新开了 知乎专栏,大家可以在更多的平台上看到我的文章,欢迎关注哦~

参考

ES6 实践规范

babel 7 简单升级指南

不得不知的 ES6 小技巧

深入解析 ES6:Symbol

什么时候你不能使用箭头函数?

一些使 JavaScript 更加简洁的小技巧

几分钟内提升技能的 8 个 JavaScript 方法

[[译] 如何使用 JavaScript ES6 有条件地构造对象](https://juejin.im/post/5bb47d...

5 个技巧让你更好的编写 JavaScript(ES6) 中条件语句

ES6 带来的重大特性 – JavaScript 完全手册(2018版)

ES6 系列

ES6 系列目录地址:https://github.com/mqyqingfeng/Blog

ES6 系列预计写二十篇左右,旨在加深 ES6 部分知识点的理解,重点讲解块级作用域、标签模板、箭头函数、Symbol、Set、Map 以及 Promise 的模拟实现、模块加载方案、异步处理等内容。

如果有错误或者不严谨的地方,请务必给予指正,十分感谢。如果喜欢或者有所启发,欢迎 star,对作者也是一种鼓励。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/99474.html

相关文章

  • 前端资源系列(4)-前端学习资源分享&前端面试资源汇总

    摘要:特意对前端学习资源做一个汇总,方便自己学习查阅参考,和好友们共同进步。 特意对前端学习资源做一个汇总,方便自己学习查阅参考,和好友们共同进步。 本以为自己收藏的站点多,可以很快搞定,没想到一入汇总深似海。还有很多不足&遗漏的地方,欢迎补充。有错误的地方,还请斧正... 托管: welcome to git,欢迎交流,感谢star 有好友反应和斧正,会及时更新,平时业务工作时也会不定期更...

    princekin 评论0 收藏0
  • AI开发书籍分享

    摘要:编程书籍的整理和收集最近一直在学习深度学习和机器学习的东西,发现深入地去学习就需要不断的去提高自己算法和高数的能力然后也找了很多的书和文章,随着不断的学习,也整理了下自己的学习笔记准备分享出来给大家后续的文章和总结会继续分享,先分享一部分的 编程书籍的整理和收集 最近一直在学习deep learning深度学习和机器学习的东西,发现深入地去学习就需要不断的去提高自己算法和高数的能力然后...

    huayeluoliuhen 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<