OneLine70650

一个基于fastify的视图层框架. 我们使用的是typescript来完成开发. 目前我们默认是application/json的响应数据. app 为fastify实例对象. 可以根据fastify功能,增加相关功能 这个类型包含: db, cors, static 字段.…

websocket是一种沟通协议, 这个协议是一种连接服务端和客户端的持久化的TCP链接. 任何客户端和服务端都可以使用该协议, 但是主要还是浏览器和服务端. 通过websocket, 服务端可以主动传递数据给客户端, 不需要像http那样,由客户端先发起请求. 首先我们需要创…

当我们被问起vue的生命周期的时候，我们自然就回答到有beforeCreate,created,mounted,updated,destroy。就是一个生命的开始和结束。这次我们探讨的是我们有兄弟组件的时候，各个组件在执行钩子函数的时候的执行顺序是怎么样的，按照之前的理解：是先…

很多人在面试过程中都有问到Vue双向绑定的原理和实现，这是一个老生常谈的面试题了，虽然网上也有很多实现双向绑定的文章，但是我看后觉得对于大多数前端小白来说，不是很容易理解，所以，这篇文章我就用最简单的代码教大家怎么实现一个Vue的双向绑定。 我们在知道具体哪个属性改变后，要执行…

在项目中, 我们会遇到将Vnode或者component渲染到指定的dom中. 这时候, 我们可能需要去研究Vue中的源码, 会有如何创建Vnode? 如何渲染Vnode?等相关的疑问. 今天我们不研究源码, 我们从实际实践中来看看实现的方式. 首先, 在vue中我们通常是通过…

最近在合作开发一个项目，使用到Sass预处理器，觉得Sass在对于项目中的开发还是挺有用的，所以想分享给大家，希望对大家在实际项目开发中有所帮助。 简单来说，Sass（Syntactically Awesome Style Sheets）是对CSS（层叠样式表）的语法的一种扩充…

我们项目中需要个删除功能，按照上面的配置我们能够准确的删除每一行，然而当我们项目越来越丰富的时候。比如： 当我们点击删除第一项的时候，下拉框的内容没有相对应的删除，反而删除的是最后一项。 按照个人理解，因为key值是是使用了index索引去设置，当数据重新渲染的时候，因为子组件…