如何自定义Atom主题

使用Atom有段时间,一直使用别人的主题,想着自己也制作一款主题,便再 官网 上研究一番:

aotm主题,分为两种,一种是界面主题,一种是语法主题,下面就一一试试。

创建界面主题

首先,去下载一个主题,一直使用的是这个 one-dark-ui,下载到本机,并修改文件及主题名称,我修改的 codyer-theme-ui,然后,执行链接命令

1
2
cd ~/.atom/packages
apm link /Users/username/Desktop/codyer-theme-ui

之后,打开设置,选择 themes,就可以看到了。

重装node导致Hexo不能正常使用解决办法

Hexo 是一个简单地、轻量地、基于Node的一个静态博客框架。最近重装了node,导致在编译博客的时候,会出现很多依赖的错误。比如:

在使用hexo过程中,使用node 6.0以上版本,会出现fs版本问题。

问题一

1
2
ATAL Error: Module version mismatch. Expected 48, got 14.
Template render error: Error: Module version mismatch. Expected 48, got 14.

错误提示模块的版本不匹配,可能是因为重装了node,很多模块更新或者确实,所以我们重新安装配置下Hexo,解决方法:执行以下代码

1
npm install hexo --no-optional

前端速查表Flex-Bootstrap4-es6

Flexbox 属性速查表

Flex属性用多了自然记住,基本概念不再赘述不过还是简单罗列一下:

容器的属性有以下6个

  • flex-direction属性决定主轴的方向(即项目的排列方向)
    flex-direction: row | row-reverse | column | column-reverse;
    • row(默认值):主轴为水平方向,起点在左端。
    • row-reverse:主轴为水平方向,起点在右端。
    • column:主轴为垂直方向,起点在上沿。
    • column-reverse:主轴为垂直方向,起点在下沿。

如何在React Native中的使用自定义iconfont

React Native中的iconfont

关于在React Native中使用iconfont,网上已有很多非常好的解决方案,用的最多的就是 react-native-vector-icons, 这个库支持很多常用的iconfont,比如FontAwesome, Ionicons, MaterialIcons等等。

但是这个库依赖了不少iOS和Android的原生代码,这让一个前端开发脸上浮现了一个大大的懵逼。 而且自带的字体文件都偏大,做起精简来简直想哭,更别说加入自定义的iconfont了。

mac开机黑屏解决方法

真真是奔溃的不要不要的,mac重现安装了最新 Sierra 照样开机黑屏,毫无反应啊,
传说中的PARM大法也不好使了,无奈约了官网,下周六去检测。不过还是将折腾小记一番,
红烧清炖各种方法都试过了。

mac开机黑屏解决方法

通常来说开机速度慢或者开机黑屏

关闭电脑,开机,同时按住 command+option+R+P 这个时候就会听到‘当‘一声,继续按着
再听一次,(网上说有让听四次,我都试过了,一次、两次、三次、四次,其实无所谓,有一声足够),这个时候松开,就可以看到 苹果 下面是个进度条,不出意外的话,可以正常开机了。

PS:我的是出了意外的,具体症状就是,开机即使如上操作,进度条走到一多半,关机了~~~
这什么情况,没折,只好继续想办法。你说再重装系统啊,那就试试看

简单制作 macOS Sierra 正式版U盘USB启动安装盘方法教程

概述

最近家里的Macmin重现折腾了一遍,换了一块ssd,系统要重现安装一次,需要制作U盘启动盘,
在此做个记录教程,方便以后查看。

使用命令行创建制作 macOS Sierra 正式版 USB 安装盘

苹果官方系统内置的命令,优点是稳妥而且没有兼容性问题,只是需要通过命令行操作,对新手来说可能看似有点复杂,但其实步骤还是非常简单的

  • 首先,准备一个 8GB 或更大容量的 U盘,并备份好里面的所有资料。
  • 下载好 macOS Sierra 正式版的安装程序
  • 打开 “应用程序 → 实用工具 → 磁盘工具”,将U盘「抹掉」(格式化) 成「Mac OS X 扩展(日志式)」格式、GUID 分区图,并将U盘命名为「Sierra」。(注意:这个盘符名称将会与后面的命令一一对应,如果你改了这盘符的名字,必须保证后面的命令里的名称也要一致。)

React Native 中组件的生命周期

概述

就像 Android 开发中的 View 一样,React Native(RN) 中的组件也有生命周期(Lifecycle)。所谓生命周期,就是一个对象从开始生成到最后消亡所经历的状态,理解生命周期,是合理开发的关键。RN 组件的生命周期整理如下图:

Lifecycle

如图,可以把组件生命周期大致分为三个阶段:

  • 第一阶段:是组件第一次绘制阶段,如图中的上面虚线框内,在这里完成了组件的加载和初始化;
  • 第二阶段:是组件在运行和交互阶段,如图中左下角虚线框,这个阶段组件可以处理用户交互,或者接收事件更新界面;
  • 第三阶段:是组件卸载消亡的阶段,如图中右下角的虚线框中,这里做一些组件的清理工作。

mac格式化U盘方法(解决win下只有200MB的问题)

有些朋友会发现在Mac上格式化的U盘放到windows的电脑上就只剩下200MB了,这是因为你在格式化时选择了guid分区,而win上只能识别一个分区,所以就只显示了200MB的那一个,接下来,我具体说一下方法~

  • 将U盘插入Mac电脑,然后打开磁盘工具
  • 注意这一步,1号栏选exfat,因为他传输文件没有4GB的限制。2栏选主引导分布选项,这样的话就不会给你分两个区了,然后点抹掉,意思就是格式化。