高效学习 react 笔记二:组件通讯-props

父传子通过 props 传递1234567891011121314151617function Son(props) { return ( <div> {props.name} // 这里就是儿子接受到父亲传递的数据 </div> )}function Father()...

Read More

高效学习 react 笔记一:为什么要使用 class

组件如果我们写一个功能复杂的页面,都写在 js 里,那么你的文件将会变成下面这个样子: render 函数里面将会有一坨的代码,非常不优雅但是此时就有一个奇怪的现象,为什么同样的 html 代码写在 html 文件里面就不会觉得丑呢?因为国际惯例认为习惯, js 文件一般不会这么复杂,所以产生了组件的概念。 我们把代码分开(为做演示,先暂时放在一个文件里面...

Read More

clean-code-javascript

#变量 使用有意义且能发音的单词 Bad:1const yyyymmdstr = moment().format("YYYY/MM/DD"); Good:1const currentDate = moment().format("YYYY/MM/DD"); 使用可以搜索的单词 Bad:12// What th...

Read More

v2----鼻炎疗法

12 年鼻炎患者告诉你。。鼻炎做到 4 点就能几乎痊愈。。 戒撸 最高频率一周一次 多喝水 一天 1500 毫升 多运动 每天三公里跑步 保证睡眠 每天保证 8 小时连续睡眠

Read More

一些 JavaScript 技巧

一、 && 和 || 逻辑运算符 例一 假设我们想返回一个变量的长度,但是我们不知道变量的类型。我们可以使用 if/else 语句来检查 foo 是可接受的类型,但是这可能会变得非常冗长。或运行可以帮助我们简化操作: 1return (foo || []).length 如果变量 foo 是 true,它将被返回。否则,将返回空数组的长度:...

Read More

2019前端面试押题

注意事项 『很多』公司面试题都是常年不更新的,『可能』你搜该公司往年的面经,就能猜到今年的题目。 很多面试官的知识也是常年不更新的,你不要答得太『偏激』,应该了解大众的想法。 本押题主要强调答题思路,具体答案都可以搜到(不要用百度) 技巧 遇到比较抽象的题目就具体化(举例),遇到比较具体的题目就抽象化(阐述) 抽象题目搜知乎,代码题目搜 Stackover...

Read More

单标签实现按钮涟漪效果

主要通过更换 css 上的 animation 来实现涟漪效果。但是大部分的实现方法会增加一个空白节点,所以想出通过操作伪元素的方案来做。代码如下在线体验1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556...

Read More

如何用js改变伪元素的样式?

在工作偶尔会遇到改变伪元素样式的场景,虽然也有很多解决方法,但是这个方法能让你像操作正常元素一样操作伪元素样式。 1234567891011121314151617181920212223242526272829function ruleSelector(selector) { function uni(selector) { r...

Read More

所以我是文科出身?

一篇新闻报道提到,美国就业行情最好的十种工作,八种是 STEM 岗位。 所谓 STEM,就是科学(Science)、技术(Technology)、工程(Engineering)、机械(Machine)的缩写。也就是说,就业最好的工作,80%是理工科岗位。这跟我的感觉一致,理工科的就业远远好于文科。 现在是信息社会,大量的工作都是技术岗,需要技术工人和工程师,...

Read More

Attrs 和 Listeners

这两个属性是 vue 2.4 版本之后提供的,它简直是二次封装组件或者说写高阶组件的神器。在我们平时写业务的时候免不了需要对一些第三方组件进行二次封装。比如我们需要基于 el-select 分装一个带有业务特性的组件,根据输入的 name 搜索用户,并将一些业务逻辑分装在其中。但 el-select 这个第三方组件支持几十个配置参数,我们当然可以适当的挑选几...

Read More