2021年10月25日

摘要: Vue3模块化指的是,把HTML和逻辑代码分离,对一个页面有多个复杂的功能时,可以一个功能对应一个文件,提高可读性,复用性,维护性,并且在遇到相同功能展示不同的UI时,可以直接集成某一个功能进行实现。 下面一个小案列: 实列:下面页面实现了两个功能,一个是数字加减,一个是数组添加和删除 1.Home 阅读全文
posted @ 2021-10-25 14:42 马丁的车夫 阅读(311) 评论(3) 推荐(1) 编辑

2021年10月21日

摘要: 1.项目根目录创建环境变量代码和指定文件 项目根目录创建下面的文件 本地运行测试环境 1) .env.dev_test # 测试环境 NODE_ENV = 'development' # 测试环境,api前缀 VUE_APP_BASE_API = '/api' #测试环境,Url地址 VUE_APP 阅读全文
posted @ 2021-10-21 18:10 马丁的车夫 阅读(3064) 评论(0) 推荐(0) 编辑

2021年9月24日

摘要: 1.普通v-model实现双向绑定的使用 <input type="text" v-model="message"> vue在解释v-model的时候会做一个转化工作,实质是下面这样: <div id="app"> <input type="text" :value="message" @input 阅读全文
posted @ 2021-09-24 11:01 马丁的车夫 阅读(2023) 评论(0) 推荐(0) 编辑

2021年9月3日

摘要: 1.根目下创建指定文件 在项目的根目录新建3个文件夹,分别对应开发(dev),测试(test),生产(prod) 文件命名: .env.dev , .env.test , .env.prod 2.刚刚创建的三个文件对应的内容代码 .env.dev NODE_ENV = 'development' V 阅读全文
posted @ 2021-09-03 15:21 马丁的车夫 阅读(650) 评论(0) 推荐(0) 编辑

2021年8月9日

摘要: 效果图 拖动元素进行上下排序 并且回调返回排序结果数组 1.common.js进行封装 // 拖动排序封装//dom:父节点ID名称(必传)//callback:回调函数,返回排序结果(选传) const drag = function(dom, callback) { let node = doc 阅读全文
posted @ 2021-08-09 14:18 马丁的车夫 阅读(203) 评论(0) 推荐(0) 编辑

2021年8月7日

摘要: 只需五步配置完成 本地项目启动命令使用:npm run dev,npm run dev_test、npm run dev_prod 打包环境命令使用:npm run build,npm run build test、npm run build prod 配置分‘本地运行’ 和 ‘打包运行’ 两个文件 阅读全文
posted @ 2021-08-07 15:28 马丁的车夫 阅读(995) 评论(0) 推荐(0) 编辑

2021年6月26日

摘要: 注意:这种方法只能在网页适用,如果是小程序或者app,可能无效。 需求:在请求封装里 根据请求返回的状态 提示不同的弹窗 这样所有操作请求都会有提示 如果不需要提示的 可以在api接口地址进行配置 ,很好的和用户交互 并且可以任意调用 第一步创建文件路径如下结构(下面创建两个文件都放这里) 第二步 阅读全文
posted @ 2021-06-26 21:18 马丁的车夫 阅读(1701) 评论(0) 推荐(0) 编辑

2021年6月17日

摘要: BUG复现: 解决方案: 获取滚动元素容器获取后让下拉框失去焦点 let _this = this // 解决 el-option超出元素区域 setTimeout(() => { let operableTree = null let box = document.getElementById(' 阅读全文
posted @ 2021-06-17 14:03 马丁的车夫 阅读(647) 评论(0) 推荐(0) 编辑

2021年5月21日

摘要: 一,(增)插入文档 1.显示当前所有的数据库 show dbs show databases 2.进入到指定的数据库中 use 数据名 3.显示当前所处的数据库 db 4.显示数据中所有的集合 show collections 4.创建文档 当我们创建文档时,如果所在的集合和数据库不存在,会自动创建 阅读全文
posted @ 2021-05-21 15:07 马丁的车夫 阅读(147) 评论(0) 推荐(0) 编辑

2021年5月12日

摘要: 封装组件,支持单选,多选,搜索,根据节点id默认选中对应的节点,勾选数据事件触发回调 效果图(会不断更新 和修复一些BUG 记得回来看看哦) (认真看组件配置属性,特别是传值的时候defaultProps 配置的展示key)因为最后有模拟JSON数据所以文章有点长 多选效果图: 单选效果图: 一.子 阅读全文
posted @ 2021-05-12 15:10 马丁的车夫 阅读(2322) 评论(0) 推荐(0) 编辑