一个前端小菜菜的博客，四五年的经验，熟悉vue，react，nuxt，微信小程序，Uniapp。

最近在玩fastify这个node框架，说实话相对比egg或者是express-cli我更喜欢koa或者fastify这种纯手工搭建的框架。因为其具备更高的可配置性，扩展性，自由性。今天给大家伙儿出一个env环境变量的配置吧，自己写的哈，可能有点菜。但是不喜勿喷，有建议尽管提。虚心学习我这个template的代码已经上传到gitee了，有兴趣的可以去下载下来看看或者是直接使用。

【代码】手撕Promise【带注释详解】

fastify是nodejs的一个服务端框架，此框架对于一些代码风格freestyle的人来说是非常舒服的。它并不会卡死你的代码结构，想怎么写就怎么写。在fastify中使用exceljs其实也还是有坑的，我们先写一下食用教程。当然，我也就不写注册路由啥的了哈，直接写一下路由绑定的函数，不懂得看我前面其他的关于fastify的教程。

info是该websocket的详细信息，next是一个回调函数，接受两个参数，true和false，传true的话则会执行后面注册的监听函数。cors是允许跨域的开关，参数为true 和false，如果你没有跨域可以不用写这个参数。port是监听的端口，host传递0.0.0.0表示允许公网访问。options中还有一些其他的参数配置。我这里是将监听的函数进行提取了。

fastify的项目搭建

添加scroll属性，并设置x，y的值，x，y的值可以为纯数字也可以为百分数字符串。今日一坑，ant design table组件fiexd失效，width失效。由于刚转react有很多东西不熟悉，没少踩坑。开一个系列，日常开发踩到的坑扔到这里。fiexd失效width失效的情况。希望对各位新手能有所帮助。

在ES6中新增的定义变量的关键字let和，会带来一个暂时性死区的问题，暂时性死区简单来讲就是变量未定义就调用了。在ES6中和定义变量是没有变量提升这一功能的。所以才会造成暂时性死区这个问题。在ES5中定义变量的关键字会将变量名称全部提升到代码最前面将变量名进行行定义，再进行赋值。let和const的区别是定义变量的，而是定义常量的。定义的常量如果是基本类型，值是不可以改变的。如果定义的是引用类型，那么引用类型中的值是看以改变的，只要堆地址不改变就行。那么这里又涉及到了堆和栈。堆和栈其实只是内存存储数据的

浅谈Vue和React路由的原理简述Hash模式（Vue/React）History模式（Vue/React）要养成好习惯。先关注点赞收藏再进行观看哦简述其实Vue和React在很多地方，底层原理和语法上差别并不是很大。底层原理更多的是相同的。就比如说React有JSX，Vue有Template。其实就可以理解成一个东西，就是写法不同。当然我们今天说的React的路由和Vue的路由也是一样。底层原理其实也差不多。Hash模式（Vue/React）其实前端路由真的简单谈谈原理的话并不难，

Element-ui 表单校验二次封装说明Params说明本封装仅仅是将一些校验规则进行循环使用，避免多次重复书写而封装的若有更好用的封装请各位大佬艾特我，我必紧紧跟随学习，追随大佬的脚步若有更好的思路请留言，感谢ParamsSmartyPants将ASCII标点字符转换为“智能”印刷标点HTML实体。例如：querytypedefaultdescrequiredBoolean默认为false是否必传triggerString默认为blur触发事件

防抖节流防抖节流其实简单来说就是限制请求和函数的执行频率，让其在非常短的时间内达到只执行一次的目的，避免重复操作来浪费资源。常见的就是使用定时器和时间戳来进行一个处理。http与htpps概念HTTP：是互联网上应用最为广泛的一种网络协议，是一个客户端和服务器端请求和应答的标准（TCP），用于从WWW服务器传输超文本到本地浏览器的传输协议，它可以使浏览器更加高效，使网络传输减少。HTTPS：是以安全为目标的HTTP通道，简单讲是HTTP的安全版，即HTTP下加入SSL层，HTTPS的安全基础是S

Promise消除回调地狱方法一：/*需要借助Promise来消除回调嵌套 链式调用*/let promiseAjax = function(json) { return new Promise((resolve, reject) => { $.ajax({ url: json.url, dataType: json.dataType, type: 'json',

js暂时性死区在ES6中新增的定义变量的关键字let和const，会带来一个暂时性死区的问题，暂时性死区简单来讲就是变量未定义就调用了。在ES6中let和const定义变量是没有变量提升这一功能的。所以才会造成暂时性死区这个问题。在ES5中定义变量的关键字var会将变量名称全部提升到代码最前面将变量名进行行定义，再进行赋值。// 相当于将一行定义变量的代码分成了两行执行var a = 1; ↓var a; // 在js的最顶部a = 1;let和const的区别let是定义变量的