该渲染由 Shiro API 生成，可能存在排版问题，最佳体验请前往：https://liu-wb.com/posts/technology/vue01在讲解之前，我们先了解一下数据响应式是什么？所谓数据响应式就是建立响应式数据与依赖（调用了响应式数据的操作）之间的关系，当响应式数据发生变化时，可以通知那些使用了这些响应式数据的依赖操作进行相关更新操作，可以是DOM更新，也可以是执行一些回调函数。从Vue2到Vue3都使用了响应式，那么它们之间有什么区别？Vue2响应式：基于Object.defineProperty()实现的。Vue3响应式：基于Proxy实现的。那么它们之间有什么区别？为什么Vue3会选择Proxy替代defineProperty？我们先看看下面两个例子：// defineReactive(data,key,val){ Object.defineProperty(data,key,{ enumerable:true, configurable:true, get:function(){ console.log(`对象属性:${key}访问defineReactive的get！`) return val; }, set:function(newVal){ ...继续阅读 (35)

该渲染由 Shiro API 生成，可能存在排版问题，最佳体验请前往：https://liu-wb.com/posts/technology/elementel-scrollbar 滚动条看到这个组件是不是有点陌生，陌生就对了，因为它从来没有出现在 element 官网上（估计是性能问题），但好东西怎么能藏着掖着，来上效果图。是不是比原生的滚动条美观多了，使用方法也非常简单：欢迎使用 el-scrollbar {{item}}.el-scrollbar { border: 1px solid #ddd; height: 200px; } .el-scrollbar ::v-deep .el-scrollbar__wrap { overflow-y: scroll; overflow-x: hidden; }只要 scrollbar 内部盒子的高度超过 scrollbar 的高度就会出现滚动条，横向滚动条同理。el-upload 模拟点击有时候我们想用 el-upload 的上传功能，但又不想用 el-upload 的样式，如何实现呢？方法也很简单，隐藏 el-upload，然后再模拟点击就可以了。上传文件上传本地文件export default { methods: { // 模拟点击 handleUpl ...继续阅读 (18)

该渲染由 Shiro API 生成，可能存在排版问题，最佳体验请前往：https://liu-wb.com/notes/1https://regexlearn.com/zh-cn看完了？说点什么呢 ...继续阅读 (30)

该渲染由 Shiro API 生成，可能存在排版问题，最佳体验请前往：https://liu-wb.com/posts/technology/2环境配置MacOS + NodeJS + MongoDB + Redis默认已安装node1、安装MongoDB：从What Is MongoDB?​www.mongodb.com/what-is-mongodb下载MacOS版本的MongoDB，解压，将bin目录加入环境变量。在MongoDB目录下新建log目录、data/db目录，新建mongo.conf文件，写入如下配置：dbpath=/mongodb/data/db logpath=/mongodb/log/mongo.log logappend=true journal=true quiet=true port=27017 fork=true根据配置文件启动MongoDBmongod -f ./mongo.conf使用如下命令连接MongoDBmongo创建easymock数据库use easymock使用如下命令查看数据库show dbs会发现没有显示出名称为easymock的数据库，需要插入一条数据才会显示。db.easymock.insert({"name": "test"})再次执行show dbs会发现已经出现名称为easymock的数据库了。2、安装Redis：从ht ...继续阅读 (18)

该渲染由 Shiro API 生成，可能存在排版问题，最佳体验请前往：https://liu-wb.com/posts/technology/11、安装clash-propClashX.dmg2、安装WrapWarp.dmg3、安装brew/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"4、安装oh-my-zshsh -c "$(curl -fsSL https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"安装好之后，需要把 zsh 设置为当前用户的默认 shell（这样新建命令的时候才会使用 zsh）：chsh -s /bin/zsh4-1、声明高亮使用 Homebrew 安装：brew install zsh-syntax-highlighting安装成功之后，令编辑 ~/.zshrc 文件，在最后一行增加下面配置：source /usr/local/share/zsh-syntax-highlighting/zsh-syntax-highlighting.zsh4-2、自动补齐配置步骤，先克隆 zsh-autosuggestions 项目，到指定目录：git c ...继续阅读 (17)