FrankKai
FrankKai
### `:global` `:global`是css-modules的一个概念,用于将当前选择器从局部作用域提升到全局作用域。 >:global switches to global scope for the current selector respective identifier #### 应用场景 - UI库或者第三方组件样式覆盖(例如ant-design) #### 举个例子 覆盖ant-design Tab组件的.ant-tabs选择器。 这是antd的默认样式: ```css .ant-tabs { height: 100%, } ```...
内容包括: - Git常用命令 - git克隆远程分支仓库 - 查看git用户名和密码 - 分支相关 - 查看git历史 - 按照关键词搜索git历史 - 查看commit历史 - 设置git账号 - 查看git账号 - 仅仅查看某一项的配置 - 回滚本次修改 - 查看本次修改的代码 - 提交后发现丢了几个文件没有提交,发现丢了修改记录,重新添加后最终只有一个提交 - 缓存某种后缀的文件 -...
标准库可以说是node的基础,非常重要。 - path.join()与path.resolve()什么区别? - process.cwd() - fs.readFile()与fs.readFileSync()有什么区别? - os.cpus()的times返回数据的user mode,nice mode,sys mode,idle mode,irq mode之间的区别? - crypto - REPL - require.cache
- 常用npm命令总结 - 如何更加优雅地使用npm - Node与操作系统之间的纠葛 - npm semantic versioning - nvm命令集 - 其他
es6+ 常用语法
入职新公司后,前端老大非常提倡使用新技术,终于在8102年遇到了项目中全覆盖es6这种2015年就发布了的前端技术了,当然其中包括一些es6+的内容,比如async,await,但是应用最广泛的还是es6,let,const,Symbol,arrow function,class。 之前也自学过一段时间es6,仅仅在vue层使用了一些,而且也没有使用es6写过非常底层的工具,对于es6的理解其实比较差。 下面我将记录自己在新项目中遇到的es6+的语法。 - Symbol - Template String - async - class - Promise若是存在多个then,但是只有一个catch,catch会捕捉哪一个错误? - Promise的 return 和 resolve 有什么区别? - Promise的catch与顺序有关系吗? - es6的关键词static - es6的BigInt类型 - export 与...
开门见山,先来看一张bug图(状态下面有个00)。  预期是:状态为0时,2个组件不做渲染。 现状:状态为0时,2个组件不做渲染,但是渲染出了00。 - 零渲染 bug 代码 - 如何修复零渲染问题 - 初窥源码 - 源码疑惑 - 原因总结 - 源码实锤 #### 零渲染 bug 代码 什么是React的零渲染问题? 看下下面这段代码,我们会经常这样写: ```js // bug代码 0 {obj?.count &&...
一些特别棒的面试题[4]
最近面试了一些公司,拿了一些offer,不记录概念题目,仅记录coding类题目。 小伙伴们空闲时间可以做这些题目练练手。 - 只出现一次的数字 - 汇总区间 - 实现红绿灯效果 - 数组去重 - 返回 excel 表格列名 - 检测空对象 - 实现a+a+a打印'abc' - 实现一个Event模块 - 大整数相加 - SuperPerson继承Person - 字符串隐藏部分内容 - 实现一个sum(1,2,3)(4)(5)(6,7)(8)() - 实现一个sum(1,2,3)(4)(5)(6,7)(8)()升级版:如何实现加,减,乘,除呢?
- input事件 - change事件 - hashchange事件 - DOMContentLoaded事件 vs load事件 起源于对input的change事件的困惑,因此特地开一个issue记录遇到的浏览器事件。