梦想成为全栈的切图仔

react16之前，来查找不同。对有变化的部分重新生成真实的DOM。在react16之后，则是引入了新的架构，在Reconciler（协调器）中会进行Diff算法。流程如下：第一次渲染的时候，不进行diff，而是直接将，在内存中构workInProgressFiber 树，构建完成之后用它来替换currenFiber，再去通知渲染器进行渲染。后续更新渲染时，会将生成的VDOM和旧的Fiber进行对比，决定生成怎样的新的Fiber（就是能复用的复用，多余的删除，新增的新增）。

前端插件真的是层出不穷，从代码压缩，到依赖自动导入，到现在的components自动导入，节省了前端开发者的导入不规范问题，同时也节省了大量的时间，用来编写核心代码。初次相识是在若依开源框架上，当时比较懵的是，明明用那么多components，以及element-ui的组件，但是为什么找不到引入的地方，倒是找到了一堆使用的地方。因为整体上当我们在执行vite的时候，就已经将这个插件进行引入，所以，目前默认上挂载在全局，我们只需要在使用的时候直接使用即可，不必再去引入当前组件。如：element组件的使用。

那么在没有单独的资源服务器的时候，上传的文件可能要放在我们的项目文件夹服务器上，我们如何实现文件上传呢？在当前项目找个目录将图片放进去，一般都会放在 app/public/upload 下。我们需要在服务端中确定文件的接收方式，这里我们采用file 模式。其中 multipart 的配置有许多，如 上传格式的定制，文件大小的限制等。在服务端接收到发来的图片信息的时候，我们需要获取到图片内容。返回上传文件的地址。我们需要在前端调选择文件，调用接口并且将图片带上。将获取到的图片内容放入到指定的目录下。

用户鉴权，一种用于在通信网络中对试图访问来自服务提供商的服务的用户进行鉴权的方法。用于用户登陆到DSMP或使用数据业务时，业务网关或Portal发送此消息到DSMP，对该用户使用数据业务的合法性和有效性（状态是否为激活）进行检查。将复杂的东西简单化。简单来说，鉴权就是用户在浏览网页或App时，通过约定好的方式，让网页和用户建立起一种相互信赖的机制，继而返回给用户需要的信息。Token 令牌OAuth(开放授权)

Egg如何链接Mysql数据库，如何实现增删改查四种请求方式呢？

什么是数据库：数据库是用于将数据持久化存储的一个容器，并且在这个容器处于云端，而不是像游览器的本地存储一样，数据只是针对你当前所在游览器。游览器的存储是一对一的。而线上数据库的存储是一对多的，或者是多对多的。而在服务端要做的事情就是将数据库中的表与表之间，简历好一定的联系，根据产品需要的逻辑联系，将数据以API接口的形式抛出，供前端人员使用。所以我们虽然是前端，但是为了成为一名合格的全栈，数据库是我们避不开的问题。本章就带大家安装自己的mySql。Mysql 的安装分为 Mac跟 windows。

egg 从基础入门到进阶。带你完善你的node场景技术栈

给定一个排序数组和一个目标值，在数组中找到目标值，并返回其索引。如果目标值不存在于数组中，返回它将会被按顺序插入的位置。这就是搜索插入位置算法。与二分算法很相似

二分查找又称之二分折半查找法，指的是在一个有序（升序，或者降序）的列表中进行查找某一个值的办法。它的意思是，二分查找维护查找空间的左、右和中间指示符，并比较查找目标或将查找条件应用于集合的中间值；如果条件不满足或值不相等，则清除目标不可能存在的那一半，并在剩下的一半上继续查找，直到成功为止。如果查以空的一半结束，则无法满足条件，并且无法找到目标。在实际情况中也可以这么理解。1. 有一个有序的列表（例如某个升序或者降序的大批量数据）

BUG都能解，算法全都会。新的一年不掉发，不失业，不裁员。愿所有的程序员，天下无难事。

目打包编译 npm run build 之后成为了普通的静态网页才可上线进行部署及发布。同样这时候我们也已经将代码全部写好了。如果说要改里面的某个值或者修改请求地址我们应该怎么办呢？

工欲善其事,必先利其器从0入门electron + react 之 项目初始化搭建。正所谓，你要去当一个运动员之前，你必须有一个好的底子，而我们本章就着重于项目初始化搭建。安装依赖与环境1. 我们需要安装判断electron的开发环境插件npm install electron-is-dev --save-dev2. 安装渲染进程的react开发环境npx create-react-app 项目名3. 安装electron环境npm install electron .

window.onresize的意思是，当监测到屏幕分辨率变的时候，所以我们需要一个操作就是，页面一加载完成，我们给window.onresize 绑定一个方法。这是因为，每次window.onresize 都会去执行 resize，而在屏幕分辨率发生变化的时候，window.onresize 和浏览器的自身实现有关系.不同的浏览器和操作系统实现可能不一样,目前谷歌是执行了两次，有是时候是一次。我们去页面上查看，会发现当我们拖动文档流的时候，字体并不会重新设置。1. 我们需要一个监测屏幕分辨率的方法。

使用nw.js将web项目打包成exe软件

调用.dll文件与调用.exe稍有类似 ，类似的是可以在主进程里调用，但是同时也可以在渲染进程中进行调用。invoke3 这个方法第一个为要传递给.dll的入参，因为我们没有，所以不用传递，第二个则为一个函数，它返回两个值，第一个值为调用错误。大家可以这样解决，如果是在渲染进程中，大家的存放 .dll 的文件尽可能地放在项目的根目录，这样不管是开发环境还是编译环境我们都可以直接通过。一定是先从DOM（渲染进程）发送通知到主进程（main.js）中，由主进程接收到后，我们再进行.dll的文件调用。

NFC是一种采用13.56MHz频带的近距离无线通讯技术，虽然通讯距离仅为10cm左右，不过和非接触式IC卡技术一样，我们只需要“触碰一下”即可在不同的电子产品之间交换数据。与非接触IC卡不同，NFC与非接触式IC卡不同，NFC可进行双向通信。只要是支持NFC的产品和IC卡，就可以读出或写入数据。还可在手机等便携产品间进行通信。数据传输速度不高，有106kbit/秒、212kbit/秒、424kbit/秒以及848kbit/秒四种速度可供选择。NFC介绍。

很明显指的就是vue的实例。细心的朋友会发现，这个页面与以往的组件页面不一致，那是因为，我们本次的组件是需要JavaScript来调用的，而非传递数据改变其状态调用。所以在这一步，我们就必须将当前的弹窗进行实例化，因为我们不是常规使用组件方法，所以这是哈哈我们使用Vue.extend 或者 newVue 实例化后，利用$mount 挂载到body下。因为我们通过已知的业务，通知可以是多条的，并且每一条都可以有不同的展示时间，所以在弹窗展示这里，我们用notices 数组来保存一个个的单内容。

在项目每次发起请求的时候，根据当前业务传入不同的参数，分别获取不同的请求接口即可。线上一个服务器，那如果说这是在内网环境下部署呢，就比如医院项目中，有三个服务器，一个资源上传，一个普通接口（包含认证），一个表单数据记录。上述代码中axios，是我二次封装的axios，axios的部分代码如下，它接收传递进来的url 做为项目的请求地址。首先，我们先来拆解它的需求，也就是说我们一个网页项目需要同时使用三个不同地址的需求。