枫上雾棋-CSDN博客

原创当决定使用 Ubuntu 来开发时

本篇文章主要持续记录和总结了 ubuntu 的必备基础和使用过程中遇到的一些问题安装下载 Ubuntu Kylin最新 ubuntu-kylin使用 UltraISO 制作 U 盘启动盘写入硬盘镜像入门了解目录 /home 用户的主目录 /boot 启动目录，启动相关文件 /sbin 超级用户才能使用的目录 /root 超级用户的主目录 /proc 系统内存的映射 /dev 设备文件保存目录 /e

2017-11-01 19:20:15 559

原创如何高效地使用 Git

Git 是一个免费且开源的版本控制系统，是目前最为流行的源代码管理工具，本篇文章从 Git 的基本指令到进阶操作，包含了使用 Git 的过程中遇到的大部分大小问题基本操作初始化设置设置用户名和邮箱$ git config --global user.name "用户名" $ git config --global user.email "邮箱"- 其中，--global 是全局设置，如果想

2017-10-30 09:39:39 287 1

翻译重温 Webpack, Babel 和 React

开始之前在书写文章之前，我假设大家已经有了 JavaScript，Node 包管理工具，Linux 终端操作这些基本技能，接下来，我将一步一步指引大家从头搭建一个 React 项目最终实现的效果我们将使用 Webpack 和 Babel 搭建一个 React 应用，我们的目的很清晰，就是更好的理解和掌握这些工具的使用我们创建的应用程序既要做到最小，也要遵循最佳实践，为不是特别熟练的同学巩固

2017-10-16 09:33:24 504

原创如何让 vim 成为我们的神器

安装sudo apt-get install vim // Ubuntu新手指南vimtutor // vim 教程移动光标# hjkl # 2w 向前移动两个单词 # 3e 向前移动到第 3 个单词的末尾 # 0 移动到行首 # $ 当前行的末尾 # gg 文件第一行 # G 文件最后一行 # 行号+G 指定行 # <ctrl>+o 跳转回之前的位置 # <ctrl>+i 返回跳转之前的位置退

2017-10-08 16:47:37 1154

翻译在 React 中什么时候使用箭头函数

当我们想起箭头函数时，脑海里可能会浮现棒，酷，简洁，有趣等形容词，其实，我们存在一些更充分的理由使我们在联想起箭头函数时不得不想到的解决 this 引起的问题箭头函数不会在函数体内重新定义 this 的值，这使得在回调中的行为更容易预测，并且避免了 this 在回调中潜存的 bug下面我们来看一个 example我们期望点击按钮，改变按钮颜色，代码如下class BrokenButto

2017-08-25 23:11:43 900

翻译你不知道的 React Router 4

几个月前，React Router 4 发布，我能清晰地感觉到来自 Twitter 大家对新版本中其大量的修改的不同声音。诚然，我在学习 React Router 4 的第一天，也是非常痛苦的，但是，这并不是因为看它的 API，而是反复思考使用它的模式和策略，因为 V4 的变化确实有点大，V3 的功能它都有，除此之外，还增加了一些特性，我不能直接将使用 V3 的心得直接迁移过来，现在，我必须重新

2017-08-25 23:08:32 245

翻译 React Web 动画的 5 种创建方式，每一种都不简单

以前一直投入在 React Native 中，写动画的时候不是用 CSS 中的 transitions / animations，就是依赖像 GreenSock 这样的库，最近转向 Web，在 Tweet 得到很多大佬关于 React Web 动画的回应，于是决定分享给大家，如有其他见解，非常欢迎在下面评论中交流以下便是本文要分享的创建 React 动画的几种方式 - CSS animati

2017-08-25 23:05:02 234

翻译在 React 16 中使用高阶组件来捕获异常

可能你已经知道, 在 React 16 中, 将会引进一个全新的架构 - React Fiber, 它彻底重写了 React 的协调算法, 并引入了一些新的特性. 这篇文章就是跟大家分享 React 16 中新的生命周期方法 - componentDidCatch, 它能捕获在子组件树中任何地方的 JavaScript 异常，并打印这些错误和展示备用UI, 就像将 children 包裹在一个大的

2017-08-25 22:45:38 578

翻译 React 演化史

在 Stack Overflow Trends 中快速搜索 React 的技术趋势, 可以清楚地发现 2014 到 2017 年 React 呈现稳步增长的趋势, 而且在各大社区不难发现, 世界各地的开发人员在最近几年都在积极寻求并获得有关 React 问题的答案. React 真的是非常的美妙, 我们将会用接下来十年的时间来继续探索. – Guillermo Rauch React

2017-08-25 22:41:46 615

翻译 React 组件解耦之道

React 的组件非常的灵活可扩展，不过随着业务复杂度的增加和许多外部工具库的引入，组件往往也会显得浮肿，接下来我们就一起来看看常见的几种，遵循单一职责原则的，组件分割与解耦的方法分割 render 函数当一个组件渲染的内容较多时，有一个快速并且通用的方法是创建sub-render函数来简化原来庞大的 renderclass Panel extends React.Component { re

2017-08-25 22:33:50 508

枫上雾棋的日志