「这是我参与11月更文挑战的第7天，活动详情查看：2021最后一次更文挑战」mongodb原生查询// 根据条件、投影查询指定集合，返回游标 cursordb.<collection>.find([filter], [projection]);复制代码返回结果查询返回的是一个游标对象，它类似于迭代器，可以在查询结果中进行迭代cursor的成员：next()：游标向后移动，并返回下一个结

List&lt;ProductInfo&gt; pf =new ProductEntity().createWithInfo(productInfo).list();List&lt;String&gt; list=new ArrayList&lt;&gt;();pf.forEach(a -&gt; {list.add(a.getImages(

最近在写学习 rollup 如何配置 打包生产环境。rollup定位是用来打包代码库的，Vue, React 等著名的前端框也是基于 rollup 来打包的。但是在发包之前，是需要对包进行安装测试的。（这里的测试分单元测试和安装测试）目录结构外部测试package.json由于外部的包安装的比较少，所以node_modules 里面的内容肯定是不多的。如下：包的package.json可以看到，里

本期来实现， slot——插槽，分为普通插槽，具名插槽，作用域插槽，所有的源码请查看在 模板中使用插槽的方式如下：在中的内容最终会被成render函数，render函数里面会调用h函数转化成vnode，在vnode的使用方法如下：看完slots的基本用法，一起来实现个slots,方便自己理解slots的原理哦！😀😀😀使用slots的地方是this.slots，并且调用的属性是default,

初衷写这个包的主要目的是为了使用vue-demi来写vue2和vue3的公用组件。简单说一下自己的开发感受吧。不没有想象中的那么顺利（可能是自己没有理解到位）； 使用vue-demi 里面目前来说只能vue2和vue3选择一种来进行测试，如果你想在同一个项目中对vue2和vue3来切换测试，我没有做到，会有些问题。比如： 我曾在项目中建立了一个examplev2和examplev3来进行项目测试，

函数的防抖与节流是一直的面试话题。对于函数防抖与节流的写法，大家都可能比较熟悉，但是在vue中使用函数的防抖或者节流，这里是有一个小插曲的哦。vue中的正确使用姿势在这个地方相信好多人的使用方式，会直接定义函数，然后在函数中使用debounce的 ，这样的使用方法是错误的。为啥呢？这个和vue的事件绑定原理有关，这里不详细介绍。如果直接在函数体内部使用的话，最后的结果是，一个匿名的立即执行函数来进

学习完成响应式系统后，咋们来看看vue3组件的初始化流程既然是看vue组件的初始化流程，咋们先来创建基本的代码，跑跑流程（在app.vue中写入以下内容，来跑流程）import { h, ref } from "vue";export default {name: 'App',setup() {const count = ref(0);return {count};},render() {retu

面试题：请阐述一下 v-model 的原理v-model即可以作用于表单元素，又可作用于自定义组件，无论是哪一种情况（vue2, vue3），它都是一个语法糖，最终会生成一个属性和一个事件。当其作用于表单元素时，vue会根据作用的表单元素类型而生成合适的属性和事件。例如:text 和 textarea 元素使用 value property 和 input 

前面讲过了，rollup如何打包开发环境。现在肯定是打包成生产环境了。本次需要实现的功能是把库打包成生产环境。由于本次代码是基于前两次的基础上的，如果有问题的还请移步前两节。 （实战 rollup 第一节入门）（rollup 实战第二节 搭建开发环境）打包生umd, cjs, esm的文件vue 源码打包的分为以下几种(umd, cjs, esm)react 源码打包也是上面的三种（umd, cj

vue2升级到Vue3的异同构建项目不一样， 具体查看 构建项目main.js 的不一样vue2 中的mian.js 里面导入的是vue 实例，vue 3中的main.js 如下的结构：注意： 由于vue3.0 使用的是 import {createApp} from ‘vue’ 而不是像vue2.0的import Vuefrom ‘vue’。因此之前使用的ui框架以及第三方包可能会因为不支持vu