阿琛 - 博客园

2018年9月13日

摘要： 1. 子组件向父组件传值父组件Header: 子组件Nav: 2. 跨级组件传值利用context 父组件: 子组件: 3. 无嵌套关系的组件传值 App containing A and B: 阅读全文

posted @ 2018-09-13 18:16 阿琛阅读(1586) 评论(0) 推荐(0) 编辑

摘要：性能优化的思路影响网页性能最大的因素是浏览器的重排(repaint)和重绘(reflow)。 React的Virtual DOM就是尽可能地减少浏览器的重排和重绘。从React渲染过程来看，如何防止不必要的渲染是解决问题的关键。性能优化的具体办法 1. 尽量多使用无状态函数构建组件无状态组件阅读全文

posted @ 2018-09-13 18:15 阿琛阅读(2606) 评论(0) 推荐(0) 编辑

2018年9月6日

npm包的发布

摘要：假设该待发布包在你本地的项目为 project1 包的本地安装测试在发布之前往往希望在本地进行安装测试。那么需要一个其他的项目来本地安装待发布项目。假设该其他项目为project2。假设project2和project1在同一级目录下。 1. 创建指向待测试包的符号链接包 2. 本地安装这样就阅读全文

posted @ 2018-09-06 10:40 阿琛阅读(1379) 评论(0) 推荐(0) 编辑

2018年9月5日

float和clear

摘要：简介 float CSS属性指定一个元素应沿其容器的左侧或右侧放置，允许文本和内联元素环绕它。该元素从网页的正常流动中移除，尽管仍然保持部分的流动性。浮动元素是float值不为none的元素。可能值： left: 表明元素必须浮动在其所在的块容器左侧 right: 表明元素必须浮动在其所在的块阅读全文

posted @ 2018-09-05 10:04 阿琛阅读(852) 评论(0) 推荐(0) 编辑

2018年9月2日

归并排序的JavaScript实现

摘要：思想这是一种分治算法。将原始数组切分成较小的数组，直到每个小数组只有一项，然后在将小数组归并为排好序的较大数组，直到最后得到一个排好序的最大数组。代码 js function mergeSort(arr) { const length = arr.length; if (length === 1 阅读全文

posted @ 2018-09-02 18:08 阿琛阅读(1902) 评论(0) 推荐(1) 编辑

插入排序的JavaScript实现

摘要：思想每次在现有已经排好的数组的基础上排入一个新的数组项。先把第一项看做是已经排好的，第二项应该排在第一项之前还是之后呢？当前两项排好后，第三项应该排在这已排好的两项的之前还是之后还是中间呢?当前三项排好后，第四项应该排在这已排好的三项中的什么位置呢?...以此类推。在把新的一项排入已排好的数组阅读全文

posted @ 2018-09-02 17:39 阿琛阅读(732) 评论(1) 推荐(0) 编辑

选择排序的JavaScript实现

摘要：思想原址比较的排序算法。即首先找到数结构中的最小值并将其放置在第一位，然后找到第二小的值将其放置在第二位...以此类推。代码 js function selectionSort(arr) { const length = arr.length; for (let i = 0; i 阅读全文

posted @ 2018-09-02 17:23 阿琛阅读(604) 评论(0) 推荐(0) 编辑

冒泡排序的JavaScript实现

摘要： 1. 普通冒泡思想假设有n个数，按从小到大排序：进行n 1次外循环，每次外循环会排好当前处理的数中的最大数，即进行第一次外循环排好所有数中的最大数，进行第二次外循环排好所有数中的次大数....直到第n 1次外循环，排好第n 1大的数，也就是倒数第二小的数，那么剩下的那个就是最小的数在第i+1 阅读全文

posted @ 2018-09-02 17:04 阿琛阅读(2096) 评论(0) 推荐(0) 编辑

2018年8月29日

CSS弹性盒布局

摘要： Flexible Box Layout 一、Flex布局概述 Flex，即Flexible Box, 意为"弹性盒",用于为盒装模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。块级元素可设置display:flex; 行内元素可设置display:inline flex。 webki 阅读全文

posted @ 2018-08-29 11:20 阿琛阅读(997) 评论(0) 推荐(0) 编辑

CSS冷门但有用的知识整合

摘要： 1. 滚动条样式设置 The :: webkit scrollbar CSS pseudo element(伪元素) affects the style of the scrollbar of an element 发现Bug 苹果的滚动条是触摸效果是反的。参考 2. 去掉苹果给input自动加上阅读全文

posted @ 2018-08-29 11:16 阿琛阅读(468) 评论(0) 推荐(0) 编辑