平凡之路

this 在 js 中使用频率非常高。就算是在框架中也依然很高，比如：vue react 等这些框架。所以就需要研究下 this 的各种使用场景和指向问题。特别是和箭头函数使用时的区别。这里主要说下在 react 中 this 的使用绑定问题。

简述

在使用 node 做为服务端的时候，我配合使用的是 mongodb 数据库。因为 mongodb 数据库是 json 格式的，对前端入门数据库相对比较友好。所以果断选择，但是在服务器上安装确实出现了很多问题。好在最后得到解决，这里记录下自己的实践过程。

背景

我们在用 vue 框架来做开发的时候，虽然在打包之前的文件有点和传统的前端代码不一样。但是我们线上部署的时候，所使用的代码还是和传统的代码是一样的，在这过程中，项目需要经过打包，

起因

当我们在开发一个项目时，有一个使用次数很多的组件。例如：loading动画、toast弹出框。如果每个使用的地方，我们都需要引用一次，那么很显然代码不优美。并且会添加很多无用的代码。于是 vue 插件的封装就上场了。

在实际项目中，在开发过程会根据开发、测试、生产环境的不同来采用不用的配置，最常用的便是 api 接口调用的不同。因此，我们需要根据不同的环境设置不同的 api 地址。所以我们需要对 webpack 的不同配置来完成这个需求。

平时我们在 web 应用开发过程中，我们可以使用 console.log 去输出日志来调试程序。但是在移动端，比如在手机上，console.log 的信息我们是看不到的。这种情况下，我们可以选择使用 alert 弹出一些信息，但是这种方法不怎么方便

在使用vscode的时候，我们会根据自己的喜好和提高开发效率进行对编辑器的配置和一些辅助插件的配置。但是我们有时会在不同的电脑也安装vscode，如果我们在安装和配置一遍vscode这是非常繁琐的，也是非常低效。于是乎Settings Sync插件产生了。接下来就简单说下这个插件的使用方法。

列表和条件输出dom节点一样，在数据渲染到前台显示的方式很是常见。我们在做前端业务逻辑的时候也经常遇到这样的需求，比如：用户列表、文章列表等。所以我们需要这个技能。react.js中我们也可以对列表数据进行循环渲染。但是在jsx中有自己的一些规则和技巧。接下来我们就简单一起看下。

我们都知道，在我们在根据数据状态来展现view的时候，会涉及到组件按条件展示。还有在一个列表的展示的时候难免会遇到数据循环的处理。接下来就简单说下两种情况的处理。

简介

jsx是用在React中的一种虚拟dom的一种方式。React有一个核心机制就是虚拟dom，就是对虚拟dom的操作，减少了对实际dom的操作，大大提高了性能。jsx就是javascript和xml结合的一种格式，