Bob康康 - 博客园

2022年2月12日

摘要：在React扩展运算符的使用在普通的js中扩展运算符可以这么用在React，扩展运算符也可以获取props 很多时候可以对不重要的props去传值题目：章节回顾阅读全文

posted @ 2022-02-12 19:12 Bob康康阅读(29) 评论(0) 推荐(0)

摘要：继续学习React，今天学习的是JSX陷阱。一般在js中注释都为然而在jsx中注释为有时用函数组件想返回空，像不返回，返回undefined和返回空（return ;）都是无效的正确的做法是返回null，这样才会返回一个空的组件接下来是题目：当不提供user props时，返回空组件。阅读全文

posted @ 2022-02-12 18:43 Bob康康阅读(28) 评论(0) 推荐(0)

学习React记录篇01

摘要：之前体验了下React Tutorial.app这个网站，感觉学起来蛮不错的，学到jsx基础后需要付费，学生价580，狠了狠心决定买了，就当是学习投资了。当然钱不能浪费，这也是我开始写这系列博客的初衷。现在开始记录自己学React的经历。今天从Pure functions纯函数开始在React 阅读全文

posted @ 2022-02-12 18:23 Bob康康阅读(32) 评论(0) 推荐(0)

2022年2月9日

记录一下今天的面试

摘要：首先是笔试，一共十三道题，时间半小时。第一题字符串去重，直接使用ES6的Set很简单， var str = 'dkhawdlakw4dwadkn' console.log([...new Set([...str])].join('')); 第二题考CSS的多种垂直居中，我就写了两种我常用的，一个是阅读全文

posted @ 2022-02-09 18:34 Bob康康阅读(29) 评论(0) 推荐(0)

2022年2月5日

翻页时钟的实现

摘要：今天在掘金上看到一篇实现翻页时钟的文章，看完后收获很大。作者Mr_兔子先生，链接：https://juejin.cn/post/6844904003889790983。他的思路是利用伪类元素实现，这样减少了HTML的结构 <div class="flip" id="flip"> <div clas 阅读全文

posted @ 2022-02-05 22:38 Bob康康阅读(452) 评论(0) 推荐(0)

2022年2月3日

let const var

摘要：在ES6中增加了let和const来声明变量它们声明的变量只在其声明的块或子块中可用 let toPrint = 'Hello World.'; { let toPrint = 'Goodbye World.'; } console.log(toPrint); // Prints 'Hello W 阅读全文

posted @ 2022-02-03 19:44 Bob康康阅读(27) 评论(0) 推荐(0)

ES6模板字符串

摘要： ES6中增加了``（反引号）用来声明字符串用反引号包裹的字符串是模板字符串模板字符串可以多行显示 const TemplateLiterals = `TemplateLiterals TemplateLiterals TemplateLiterals TemplateLiterals ` 模板字阅读全文

posted @ 2022-02-03 19:27 Bob康康阅读(22) 评论(0) 推荐(0)

ES6箭头函数

摘要：使用箭头函数可以很好的避免this指向问题箭头函数this默认绑定外层父级作用域，并且this不能使用call，apply或reflection修改 const noop = () => {} () => expr or (p1, p2) => expr。当函数没有参数或两个及以上的参数时需要使用阅读全文

posted @ 2022-02-03 19:17 Bob康康阅读(27) 评论(0) 推荐(0)

ES6扩展运算符和剩余参数

摘要：剩余参数可以很好的取代arguments 例如 function foo (...everything) {} everything是一个包含了foo函数所有参数的数组或者 function foo (bar, ...rest) {} rest是一个包含除bar所有参数的数组注意：剩余参数一定要阅读全文

posted @ 2022-02-03 18:54 Bob康康阅读(35) 评论(0) 推荐(0)

2022年2月2日

ES6解构赋值

摘要：结构解构可以分为数组，对象和函数对象的话有以下几种 var { foo } = pony //等同于var foo = pony.foo var { foo: baz } = pony //等同于var baz = pony.foo var { foo = 'bar' } = baz //baz. 阅读全文

posted @ 2022-02-02 22:57 Bob康康阅读(20) 评论(0) 推荐(0)