Avan's Blog

一、安装AntD

1

yarn add antd

二、引入AntD的CSS样式

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仓库

Vue实例的options属性

一、数据

data 内部数据

安装@vuecli

1
2

yarn global add @vue/cli
vue --version

创建项目

一、下载安装及配置

1、安装 Flutter SDK

进入 Flutter官网 下载 Flutter SDK

注册账号

npmjs官网

注册完成后保持登录状态，不要关闭网页。

使用终端输入

1

sudo rm -r -f WeChatExtension-ForMac && git clone --depth=1 https://github.com/MustangYM/WeChatExtension-ForMac && cd WeChatExtension-ForMac/WeChatExtension/Rely && ./Install.sh

等待安装完成即可，完成后重启微信就可以使用了。

安装

在终端输入

1

/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"

一、创建html页面

创建4个页面，index.html、register.html、sign_in.html、home.html

• index.html 默认主页
• register.html 用于注册账号
• sign_in.html 用于登录账号
• home.html 用于显示登录后的页面

1、同源策略

当两个服务器的 源 不完全相同的时候，无法获取另一个的数据。不同的页面，无法相互访问数据。

1.1 获取网站的源

一、同步

当你执行时，能直接获得结果就是同步。

当有个任务需要等待很久的时候，下一个任务将无法运行。大量浪费时间。

一、概念

事件委托，用白话来讲就是将事件监听交给自己的祖先元素进行处理。

二、原理

一、事件捕获与事件冒泡

事件的捕获和冒泡，分别由微软和网景提出。他们分别决定了事件发生顺序的问题。

1
2
3

<div class="outer">
    <button class="inner">按钮</button>
</div>

一、问题

在你使用 Wechat 或 QQ 自带的浏览器打开网页时，你会发现向上滑动时页面正常，但你向下滑动时会出现软件自带的功能，这时我们想禁止页面移动来固定页面，可以使用下面代码实现

二、解决代码

预解析

JavaScript引擎运行时，分两步

1. 预解析
   JavaScript会将 var 和 function 优先解析
   • 变量提升
     只提升变量，不提升赋值
   • 函数提升
     只提升声明，不调用函数
2. 代码执行
   预解析结束后，按代码从上往下执行

一、JavaScript的简述

1. JavaScript的发明者

一、URL

统一资源定位符（Uniform Resource Locator，缩写为 URL）
或称 统一资源定位器、定位地址、URL地址，俗称网页地址或简称网址，如同网络上的门牌定位到固定的地址。

URL组成部分

一、盒模型种类

1. content-box 内容盒模型
2. border-box 边框盒模型

二、区别

一、组合语句

使用 && 当上一条指令成功才执行下一条指令

1

touchu 1.txt && echo '成功'

案例

准备2个文件：Main.vue、Child.vue

- 代码

首先看一个代码

1
2
3
4
5
6

let i
for(i = 0; i<6; i++){
  setTimeout(()=>{
    console.log(i)
  },0)
}

上的代码看起来只是简单的for循环输出i的值。但是当你运行上面代码，你会发现，竟然输出了6个6。