n年级

Results 24 issues of n年级

`Chrome` 商店搜不到了, 看到以前的 `issue` 说是已经改名字了? ![1](https://user-images.githubusercontent.com/33921398/66546299-4b602480-eb6f-11e9-8d8f-d15e83d8d922.png)

有omi周边提供么, 支持一下

## Suggest ## Suggestions for changing the default style! ## Current Behavior ## When I click on an item, the background color changes to this, ![issue_bug_1](https://user-images.githubusercontent.com/33921398/50569901-2f448100-0dae-11e9-9178-4cf56b65a073.jpg) and when I move...

## Issue Type feature request. ## Current Feature 侧边栏文件`点击`时的背景颜色, 很突兀, 如图: ![issue_2](https://user-images.githubusercontent.com/33921398/52603765-2b267b80-2ea3-11e9-96f8-ccc390ca57c7.png) 这是`失去焦点时`的背景: ![issue_1](https://user-images.githubusercontent.com/33921398/52603794-498c7700-2ea3-11e9-8528-76084d41ee97.png) ## Expect Feature 如果两者统一一下, 前者的背景如果浅一些, 会更好

原文链接: https://indepth.dev/the-how-and-why-on-reacts-usage-of-linked-list-in-fiber-to-walk-the-components-tree ## 前置知识 Fiber 架构有两个主要的渲染阶段: - reconciliation/render - commit 在源码中 reconciliation 阶段也被视为 "render" 阶段. 在该阶段, React 会遍历整个组件树, 并且进行如下操作: - 更新 state 和 props - 调用生命周期方法 - 检索当前组件的子组件 - 比对新老子组件...

note
translation

原文链接: https://medium.com/styled-components/how-styled-components-works-618a69970421 现在的前端开发特别是 React 社区, CSS-in-JS 越来越常见了. [styled-components](https://www.styled-components.com/) 凭借着以下几种特性 [脱颖而出](https://github.com/tuchk4/awesome-css-in-js#libraries): - 它基于 [标记模板](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#Tagged_templates) 语法 - 以编写 React 组件的形式来定义样式 - 解决 CSS 模块化的问题 - 提供了 CSS 不具备的功能, 比如嵌套 - 上述特性都无需配置 开发者不再需要费尽脑汁去想...

translation

原文链接: https://developers.google.com/web/updates/2015/08/using-requestidlecallback 译者前注: React 核心调度算法模拟实现了 requestIdleCallback, 具体源码可参考 [这里](https://github.com/ddzy/react/blob/master/packages/react-reconciler/src/ReactFiberScheduler.old.js#L2138-L2164) ## 使用 requestIdleCallback 目前的许多站点和 app 都要执行大量脚本. 同时 JavaScript 需要尽可能的快速执行, 并且不影响用户交互. 假如用户滚动页面的时候发送一些分析数据, 或者你往页面上插入 DOM 元素的过程中用户恰好点击了某个按钮, 你的 app 反应会变得迟缓, 严重影响用户体验. ![img](https://developers.google.com/web/updates/images/2015-08-27-using-requestidlecallback/main.png) 好消息是现在 `requestIdleCallback` API...

## 写在前面 对于 React, 有一些比较难理解的知识点, 在通过阅读源码时, 都可以大概了解. 这里将常见的问题归纳起来(仅代表个人思考) ## 问题总结 ### 什么是虚拟 DOM? 虚拟 DOM, 实际上就是使用 JS 在其内部维护了一个对象, 是真正的 DOM 对象到 JS 对象的映射. 比如说一个 div 标签可以这么表示: ```js { tag: 'div',...

note