获得徽章 0
- 新问题
Q: 什么是 clearfix reloaded & micro clearfix hack, 其的不同点是什么?
1. clearfix reloaded 是由 Thierry Koblentz 在 2010 年提出的一种清除浮动的方法 其使用的方法是 `::before` 和 `::after` 伪元素
```css
.clearfix:before,
.clearfix:after {
content: ".";
display: block;
height: 0;
overflow: hidden;
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE < 8 */
```
2. micro clearfix hack 是由 Nicolas 在 2011 提出的对于 clearfix reloaded 方法的优化,其的方法更加的简洁
```css
.cf:before,
.cf:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.cf:after {
clear: both;
}
.cf {
*zoom: 1;
}
```
两种 clearfix 的效果相同, 都是解决两个问题, 清除浮动和解决 margin collapsing 问题, 以保证容器包含所有的 child. 其实和 flow-root 的 display 行为一致. 该 display 就是为了解决这个问题而出现的
旧问题回顾
1. JavaScript 中的数据类型有哪些?
JavaScript 中有 6 中原始数据类型 `string`, `number`, `boolean`, `bigint`, `symbol`, `undefined`. 还有一个特殊的原始数据类型 `null`
object 是一种数据结构, function 是一种特殊的数据类型, 可调用
这些数据都应答 typeof 操作符, 这也是该操作符的有价值的地方展开评论1 - 【北京】美餐网招聘「高级 DevOps 开发-熟悉 Go 语言」，欢迎自荐或推荐~
职位描述
- 实践 DevOps，帮助团队建立和实施部署自动化、标准化和日常维护，实现项目持续集成、持续交付；
- 参与优化运维高可用解决方案，包括但不限于柔性容灾、智能调度、弹性扩容等；
- 根据需求完成日志分析、监控、告警、链路追踪、等运维平台的二次开发和维护；
- 根据需求完成 kubernetes 容器平台的二次开发和维护；
- 向 AIops 演进，将人工智能应用于运维中的异常检测、故障预警、容量规划等场景；
- 与研发工程师沟通和协作，影响和推动研发团队的运维意识，提升研发效能。
任职要求
- 统招本科及以上学历；
- 互联网公司 3 年以上的运维经验（自动化运维方向或 AIops 方向），具备丰富的动手实践能力；
- 熟悉 AWS、阿里云、腾讯云之一，有公有云的运维经验；
- 深入理解 Linux 操作系统和体系结构， 熟悉云计算、虚拟化、网络、存储等方面知识；
- 熟悉分布式系统的理论和架构设计，有充分的实践经验；
- 熟悉 Docker 技术，有 kubernetes 的容器编排经验；
- 熟悉 CI / CD，熟悉 Gitlab；
- 掌握至少一门编程语言（Python / Golang / Java 等）；
- 具备突发事件应急处理能力和经验；
- 具有较强的沟通能力和理解能力，有较强的责任感和自驱力。
加分项
- 乐于通过阅读技术文档寻求解决方案，有阅读英文文档的能力；
- 常常不满足于现状，乐于探索前沿技术，改进测试流程和工具，持续提升测试体验和效率；
- 追求技术和架构的优雅性，有技术品味；
- 有过完整产品的研发经验。
员工福利：
每 2 年报销一台 Mac （归个人所有）
每月团建吃喝腐败
无限量零食、饮料
免费午餐、晚餐
解决海归北京户口（回国不超两年）
工作地址：北京市海淀区西三环北路中国外文大厦（8月中旬搬到14号线将台附近）
简历投递：cuilixia@meican.com，可以附上您的 GitHub/博客地址~展开22 - 新问题
Q: React 中, 什么是 props 和 state
A: 概念上, component 就像 JavaScript 的 function, 他们接受任意的 input (叫做 props) . 并且返回 React element 描述屏幕上应该出现什么.
state 和 props 很像, 但其是私有的并且完全受 component 的控制.
旧问题回顾
Q: 什么是 react-router
A: components 是 react 的强大的声明式编程模型的核心. react-router 是一组导航组件, 它们声明式的和你的应用程序组合在一起, 无论你是想为你的 web 应用添加一个可收藏的 url, 还是在 react native 中以组合的方式导航. react-router 均可以在 react 渲染的任何地方工作.展开194 - 新问题
Q: 如何手写一个 hook?
A: 自定义的 hook 是一个 javascript 函数, 命名始于 "use", 并且可能使用其他的 hooks
```js
function useDocumentScrollTop() {
const [scrollTop, setScrollTop] = React.useState(
document.documentElement.scrollTop
);
React.useEffect(() => {
const scrollHandler = () => {
setScrollTop(document.documentElement.scrollTop);
};
document.addEventListener("scroll", scrollHandler);
return () => document.removeEventListener("scroll", scrollHandler);
});
return scrollTop;
}
```
reactjs.org
旧问题回顾
Q: redux 的三个原则是什么
A:
1. single sourch for truth 真理的唯一来源, 应用的全局状态存在一个 store 的对象树中
2. state is read-only state 是可读的. 唯一的改变 state 的方法是 emit 一个 action, 一个对象描述发生了什么
3. changes are made with pure function. 改变是由纯函数做的. 写纯 reducers 指定 state tree 是如何通过 action 改变的redux.js.org 展开评论1 - 新问题
Q: React Hooks 的限制(rule) 是什么?
A: 1. 必须用在 函数 组件的顶层, 不能用在 判断, 循环语句中, 也不能用在内嵌的函数中. 原因是 react 依赖 hook 的顺序, 需要保证每一次 render, hook 的调用顺序必须一致
2. 只能用在 函数组件中, 不能用在普通函数中. 也可以用在自定义 hook 中, 当然自定义的 hook 只能在函数组件中调用
旧问题回顾
Q: 什么是 HTML
A: HTML 是 hypertext markup language 的缩写, 是 web 最基础的组成部分, 其定义了 web 内容的含义和结构展开25
reactjs.org
恭喜3+1项目第12次登上github热门榜，这回与react同框