Avan's Blog

linaria

在taro中使用React开发，无法使用之前的styled-components的CSS方案。官方提供了一个linaria的一种CSS样式方案。这种方案与styled-components方案类似。

安装及使用

一、方案选择

React的css in js有很多种，这里推荐按照start的数量进行选择。如果有一些特别合自己心意的除外。以下是一个搜集方案的网址

点我跳转

一、生命周期

getDefaultProps

设置默认的Props

一、State

步骤

1. 导入useState

进入/创建ideaVim的配置文件

windows

1

vim ~/_ideavimrc

场景

现在有一个家庭，他们有10w的财产。家庭成员分别有爸爸1、爸爸2。他们分别有两个孩子，儿子11、儿子12、儿子21、儿子22。现在要实现家族中每位成员花费金额时，其他成员都需要知道。

方法一 eventHub（非单项数据流）

一、场景

在父组件显示数值，在子组件有个按钮点击后修改父组件的值。

二、代码

在settings(JSON)中添加此配置即刻，之前换行的需要手动删除回车

1
2
3

"beautify.config": {
  "brace_style": "collapse,preserve-inline"
}

简单操作

i 在光标前输入
a 在光标后输入
shift+i 当前行最前面输入
shift+a 当前行最后面输入
o 在光标的下一行输入内容
shift+o 在光标上一行输入内容
s 删除光标的字符并进入输入模式
x 删除当前光标下的字符
d 数字 放向键 自定义在什么方向删除多少个字符/行
dd 删除整行
p 粘贴
y 数字 方向键 自定义在什么方向复制多少个字符/行
w 进入下一个单词的开头
c 删除当前光标的字符
c 数字 方向键 自定义在什么方向删除多少个字符/行
c w 删除整个单词
c i w 删除你光标所在的单词
c i 字符 删除自定义内部的所有内容
d i 字符 删除（复制）自定义内部的所有内容
y i 字符 复制自定义内部的所有内容
f 查找模式
f 字符 查找自定义字符，并到指定位置
d f 字符 删除（复制）到自定义的字符位置
y f 字符 复制到自定义的字符位置
/ 搜索
ESC 返回指令模式
:w 保存
:q 退出
:wq 保存退出
:split 上下分屏
:vsplit 左右分屏
0 回到最开头

配置vimrc文件

设置了HTTPS需要切换为SSH

1
2
3

git remote rm origin
git remote add origin 你的git的ssh地址
git push -u origin master

同时上传多个git仓库