要开发一个物联网的微信小程序，clone demo到本地，然后执行npm install安装依赖包的时候出错，报错code ETARGET 出错的包是iotexplorer-ui-dev-config@^1.7.6.

因为不小心把cmd窗口关掉了，所以没有截到命令行窗口的图片

开始查到说是报错原因是package-lock.json的问题，进行了如下步骤

1.删除了node_modules

2.清除npm缓存

1

npm cache clean --force //危险命令，谨慎执行

3.执行npm install 重装。再次报错ETARGET

git在实际开发中的使用以及npm使用

1.如何使项目在本地跑起来，修改bug或做需求

• git clone XXXX

  代码会下载到本地。（XXXX表示项目仓库的HTTPS或者SSH）

• git status 或者 VScode 左下角也可以看到分支状态

• git checkout 分支名。

  切换到对应分支，分支上代码可以随便改，只要不去git上的Merge Requests上提出合分支的申请，就不会影响主体代码。

  提出合分支的申请之后，处理人会去review，最后决定是否同意合并

• git pull .切换到分支之后，去pull一下分支代码

• npm/yarn install

  会自动检查安装项目中的所需依赖包

• 查看package.js或者README.md 查找项目的运行命令

  比如我的是tea dev 我就应该在项目根目录下打开终端 输入tea dev 项目就跑起来了

  如果输入运行命令之后，控制台输出了访问链接，就可以在本地localhost直接访问了看到页面

  如果没有得到访问链接，要看到页面，就需要再去做一些配置

• 让项目成功跑起来之后，修改bug的话 就先去复现理解问题，做需求的话 就去调试 进行修改

1.学习去mock数据

为什么要mock数据？

大多数情况是前后端确定好接口名称等一些参数信息之后，各自开发，互不影响。等后端完成接口部署，前端再去进行调用就好了。那在后端部署完成之前，前端需要数据的时候，难道就死等吗？这个时候就需要前端自己去造一些假数据，也就是mock数据。

1.1 手写的方式

需要至少20条数据，虽然可以写for但是，每一条数据都是不同的类型，有的数据还有别的特定要求，手写的话有点麻烦了

而且手写的话，不利用后面等后端接口部署好去调用，要调用还需要再进行代码改写，太麻烦了

前言：

学习一个新东西的开始就是先运行跑起来，跟着官网敲了一遍棋盘游戏 使用JSX而不是JS

接触到：

① props传递数据 ② 为避免this困扰 用箭头函数 ③ 构造函数以super(props)开头 ④ this.state去记忆 ⑤ React Devtools

• 为什么不用js而是用jsx

  1 2 3 4 5 6

  // 1.jsx const VDOM = ( <h1 id="title"> <span>Hello</span> </h1> )

  1 2	// 2.js const VDOM = React.createElement('h1',{id:'title'},React.createElement('span',{},'Hello'))

  jsx经过babel翻译之后，变成js的格式，可以被识别

  即jsx创建虚拟DOM是js这种创建方式的语法糖

前言

• 学习Node.js最流行的框架—Koa
• Koa是基于Node.js的web框架，特点是轻量，健壮，富有表现力。由Express的原班人马打造，目前有Koa1和Koa2两种版本
• 异步处理机制相较于Express而言，Express主要采用ES5的语法，异步操作通过回调函数来处理（存在“回调地狱”）
  • Koa1 ：采用ES6中的Generator函数+yield语句+Promise语句
  • Koa2 ：采用ES7中的async/await+Promise
• 基于Express的旧项目，转用Koa成本较高。不但需要升级Node.js的版本，还需要重新编写几乎所有中间件。
• 除了语法差异，Koa不在内核方法中绑定任何中间件，仅仅提供一个轻量的函数库，几乎所有的功能引入第三方中间件来实现，使得框架自身更轻量，更优雅。
• 一个直观对比，见下方代码

一.Linux目录结构

• /bin 存放最常用的命令

• /sbin super user 系统管理员使用的系统管理程序

• /home 存放普通用户的主目录

• /root 系统管理员，超级权限的用户主目录

• /lib 系统开机所需要最基本的动态连接共享库，作用类似于windowx里的DLL文件。几乎所有的应用程序都需要这些共享库

• /lost+found 一般是空的 当系统非法关机，就存放了一些文件

• /etc 所有的系统管理所需要的配置文件和子目录

• /user 用户很多应用程序和文件都存放在这个目录下，类似于windows下的program files

• /boot 存放启动Linux时使用的一些核心文件，包括一些连接文件以及镜像文件

GitHub特殊的查找资源小技巧

常用前缀后缀

- 找百科大全 awesome xxx
- 找例子 xxx sample
- 找空项目架子 xxx starter / xxx boilerplate
- 找教程 xxx tutorial

正文

在vim编辑器中显示行号，在命令中输入:set nu

单行注释 #
多行注释

1
2
3

:<<!
多行注释
!

定位有5种类型，position属性各值的含义如下：

• static

  默认属性值。块级元素生成矩形框，位于文档流中；行内元素生成一个或多个行框，随父元素流动。

• relative

  元素框偏移一定的距离。

• absolute

  完全从文档流中移除，定位后生成的都是块级框。相对于不是static的最近父辈元素。

• fixed

  类似于absolute，不过容纳块是视区自身

• sticky

  元素一开始留在常规文档流中，达到触发粘滞条件时，从文档流移除，但是在常规文档流中占据的空间得以保留。此时相对容纳块绝对定位。触发粘滞的条件失效后，元素回到常规文档流中最初位置。

先来看看v-if。

Vue在渲染元素的时候，出于效率考虑，会尽可能地复用已有的元素而非重新渲染。

如果不希望复用，可以用key去指定，key的值必须是唯一的。

• v-if与v-show

  v-show只是简单的CSS属性切换，无论条件真与否，都会被编译。

  相比之下，v-if更适合条件不经常改变的场景，因为它切换的开销较大，而v-show适用于频繁切换条件。

Vuex里的数据都是响应式的，任何组件使用同一store的数据时，只要store的数据变化，对应的组件也会立即更新。

5个字段：

• state
• mutations：同步方法
• actions：异步方法
• getters
• modules

Vuex很像是一种与开发者的约定，涉及数据改变的 用mutations，存在业务逻辑的 用actions