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

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

函数返回值类型为number，参数类型为number。

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

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

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

fastify的项目搭建

Nuxt配置axios代理

nuxt解析markdown文档

那么此时此条cookie可以在绑定了ericzhang528.com的任何二级域，三级域的站点下进行访问了。我们平常使用cookie的话更多的是存储在当前域名下。也并不会去设置cookie的某些域。也就是如图所示的Domain中的字段，是添加到Domain里的。此时我将我本地的环境的自定义域名改成顶级域后也是可以访问的。那么我们想要添加到顶级域的话则还需要添加一个字段配置项。想我们如下写法的话cookie是默认添加到当前域的。那么此时的cookie存储域就放到了顶级域下面。其实cookie是带域的。

此时我们可以打开我们的vite创建的项目了，打开vite.config.js，直接输入如下配置即可，运行项目即可达到自定义域名的一个目的了。

直接给悬浮球的事件添加阻止默认行为和阻止冒泡的修饰符就行了。关于uniapp拖拽悬浮球和页面滚动冲突的解决方案，其实主要原因是点击悬浮球时相当于点击到了页面上。拖拽时触发了默认的页面滚动事件。

最后添加model属性来允许自定义组件使用v-model，虽然平时我们用到的时候可能不知道，也就不知道会调用到它，那是因为它被设置了默认值。而有的时候，我们则需要主动去调用它来自定义model的prop和event。来达到自定义v-model的目的。当然如果不想用input方法也可以用watch来监听inpu框的值来达到这个目的，这样就释放掉原本的input方法了。当然这个props属性你随便自定义，我这里就用value了。下文是官方的对于此api的描述。首先添加props属性，下面是此方式的完整代码。

manifest自动修改，uniapp分环境打包，uniapp多appid配置

可以使用find()来查找数据，find()可以返回匹配条件的所有数据。如果未指定条件，find()返回集合中的所有数据。在MongoDB中创建一个数据库并进行链接，如数据库不存在，MongoDB将创建数据库并建立连接。与MySQL不同的是MongoDB会自动创建数据库和集合，所以使用前我们不需要手动去创建。如果要更新所有符合条的文档数据可以使用 updateMany()插入一条数据可以使用insertOne()函数实现。若要插入多条数据可以使用insertMany();从输出结果来看，数据已插入成功。

nuxt直接使用npm i -D sass-loader sass安装sass-loader和sass后报错问题。Rule can only have one resource source (provided resource and test + include + exclude)若报此错误则表明sass和sass-loader的版本过高可使用以下版本进行安装。目前测试nuxt版本^2.15.8无问题。

在企业级的 Vue 开发中，axios 插件的使用频率很高，每次请求都需要进行一些常见的操作，比如传递请求头、传递 Cookie、在请求头中传递登录信息等。如果不对 axios 进行进一步封装，就需要重复编写添加请求头和传递特殊数据的代码，这样非常浪费时间。同时，HTTP 请求可以分为请求头和响应头，在 axios 中两者都可以添加进一步的操作和拦截。我们的封装就是处理这些操作的。在日常的企业级开发中，通常会将 axios 的函数进行封装，提取为一个函数，以进行一些统一的操作。首先，我们创建一个名为。

属性值的作用是将图像转换为灰度图像。值在 0% 到 100% 之间则是线性乘子效果。需要注意的是，旧版的 Internet Explorer 浏览器（4.0 到 8.0 版本）所支持的非标准 “filter” 属性已经被废弃。当我们在日常开发中遇到一些特殊节日时，可能会需要使用一些滤镜效果。不同的属性值可以实现不同的效果。如果需要更详细的信息，建议查阅官方文档。其他属性值可以参考 W3C 的官方文档，那里的解释比我更详细，更准确。根据需求给需要应用滤镜的元素添加相应的属性，当然也可以应用在。

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

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

本文仅仅为笔者笔记，且本文针对拥有vue的基础的人群，若无vue基础请勿喷谢谢。vuex的使用storedemo.jsdemo.jsexport const state = () => ( { key: 'value' })// mutations的使用export const mutations = { add(state, playload) { state.key = playload; }}// actions的使用export

本文仅仅为笔者笔记，且本文针对拥有vue的基础的人群，若无vue基础请勿喷谢谢。请求数据demo：export default { async asyncData({ $axios, params, error }) { try { const res = await $axios.$get("url") return { res } } catch (e) { error({ statusCode: 404, message: 'Not fou

本文仅仅为笔者笔记，且本文针对拥有vue的基础的人群，若无vue基础请勿喷谢谢。安装$ npx create-nuxt-app <项目名称>$ npm run dev使用路由在pages目录下建立新的目录或者vue文件会生成新的路由并自动添加到 .nuxt 目录下的router.js中，并进行引用若在pages/目录 内创建多个vue文件以index.vue为一级路由，其他命名的为当前目录的子路由跳转在vue文件中直接书写 a 标签进行跳转的话会刷新当前页面若不需要刷新需

el-select远程搜索的数据初始化的问题解决方案

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

sass使用变量SASS允许使用变量，所有变量以$开头。　　$blue : #1875e7;　　　div {　　　color : $blue;　　}如果变量需要镶嵌在字符串之中，就必须需要写在#{}之中。　　$side : left;　　.rounded {　　　　border-#{$side}-radius: 5px;　　} 计算功能SASS允许在代码中使用算式：　　body {　　　　margin: (14px/2);　　　　top: 50px + 100px;　

less基本知识总结一款比较流行的预处理CSS，支持变量、混合、函数、嵌套、循环等特点官网中文网http://www.w3cplus.com/css/less概要(1)为什么要有预处理CSSCSS基本上是设计师的工具，不是程序员的工具。在程序员的眼里，CSS是很头痛的事情，它并不像其它程序语言，比如说PHP、Javascript等等，有自己的变量、常量、条件语句以及一些编程语法，只是一行行单纯的属性描述，写起来相当的费事，而且代码难易组织和维护。很自然的，有人就开始在想，能不