- 博客(11)
- 收藏
- 关注
RSS订阅原创 Vue3 优雅的模态框封装方案
Mr Mao’blog - gitee.io/mao-blogVue3 优雅的模态框封装方法 - 初探Vue3 优雅的模态框封装方法 - 实践Vue3 优雅的模态框封装方法 - 定制上次说到利用虚拟节点和瞬移组件制作模态框组件，并支持 template 中调用和 JavaScript 中调起但实际上，我们在工作中不会花这么大的精力去做这些繁琐的工作，一般都会直接使用组件库的弹出层去修改（例如 element-plus）但所涉及到的问题又回到了通篇都在描述的点上：不通用，不能很方便的调用（例如我想在 /
2022-06-21 12:24:55
1359
2
原创 Vue3 优雅的模态框封装方案 - 初探
my-blog：https://tuimao233.gitee.io/mao-blog/Vue3 优雅的模态框封装方法 - 初探Vue3 优雅的模态框封装方法 - 实践想必大家使用 Vue 开发时，都有使用过 Element 或 Ant Design of Vue 的模态框例如 Ant Design of Vue 中的 a-message： <a-modal v-model="visible" title="Title" on-ok="handleOk"> 自定义内容 &
2021-06-18 22:16:37
1054
1
原创 Git 的全面解读
版本控制什么是版本控制我们为什么要关心它呢？版本控制是一种记录一个或若干文 件内容变化，以便将来查阅特定版本修订情况的系统为什么要使用版本控制软件开发中采用版本控制系统是个明智的选择。 有了它你就可以将某个文件回溯到之前的状态，甚至将整个项目都回退到过去某 个时间点的状态。就算你乱来一气把整个项目中的文件改的改删的删，你也照样可以 轻松恢复到原先的样子。但额外增加的工作量却微乎其微。 你可以比较文件的变化细节，查出最后是谁修改了哪个地方，从而找出导致怪异 问题出现的原因，又是谁在何时报告了某个功能缺
2020-06-22 00:10:25
1397
原创 Node的基本使用手册
Node 基础知识补充CMD基本知识命令行窗口（小黑屏）、CMD窗口、终端、shell开始菜单 --> 运行 --> CMD --> 回车Win + R --> CMD --> 回车命令功能dir列出当前目录下的所有文件cd 目录名进入到指定的目录md 目录名创建一个文件夹rd 目录名删除一个文件夹目录.表示当前目录..表示上一级目录环境变量（window系统中的变量 ） PATH ：C:\Program
2020-05-10 13:55:01
776
1
原创 VueCli@3中Elemnt的具体使用
ElementUI的使用官方文档对vuecli@3/4的按需引入写的还是不太明确, 如果你看官方文档看的比较懵逼, 那不妨参照一下以下方法.以下方法参照这位老哥在使用vuecli@3并引入element所踩得坑得出的比较简便的方法https://blog.csdn.net/longlongValue/article/details/93718128vue-cli@4 文件中引入vue c...
2020-05-04 10:30:46
204
原创 快速定义可复用且高度自定义的拖拽 / 滑动元素方法
拖拽 / 滑动事件中所存在的问题前端开发中有许许多多的拖拽与手机滑动的行为，大多数UI库都封装了很多这类事件，但这样却有个问题。就是当我们需要根据自身情况逻辑来定义这类事件时却会有很大局限性，原生代码实现又十分繁琐复制，且难以管理。resusable-drag库的实现观念意识到这个问题后我开发了一个实现可复用拖拽/滑动的功能库，语法架构参考Vue的数据管理结构，该库实现的观念是可以高度自定义...
2020-05-01 03:50:46
164
原创 实现Promise的详细流程(实现一个最完整的Promise构造函数)
一、创建promise构造函数基本架构获取状态status = 'pending' 初始化 'resolved' 已获取'rejected' 获取失败初始数据data = undefined定义成功/失败回调函数容器onResolved = undefined onRejected = undefined定义成功/失败函数 resolve/reject 内部_...
2020-04-12 23:11:28
1533
1
原创 NPM (Node Package Manager) 的基本使用
NPM (Node Package Manager)CommonJS包规范是理论，NPM (Node Package Manager) 是其中一种实践。对于Node而言，NPM帮助其完成了第三方模块的发布、安装和依赖等。借助NPM，Node与第三方模块之间形成了很好的一个生态系统。# 查看版本 • npm –v# 帮助说明 • npm# 查看所有模块的版本 • npm version...
2020-04-09 08:35:31
159
原创 better-scroll进行简易封装成Vue组件
创建接口@better-scroll-vue/index.vuetemplate结构<template> <div ref="wrapper"> <slot><!-- 为父组件提供插槽 --></slot> </div></template>script结构import BScroll...
2020-04-05 05:40:25
169
原创 HTML5动画封装函数
构造函数使用// el：canvs元素// injeSpeed：注入速度 1 -> 400 0或者空串是默认值340// animSpeed：动画速度 1 - 1000 0或者空串是默认值60// 注入器: 定时向数组注入随机圆的信息// 循环变化器: 每次执行个体的信息的改变，以及判断是否需要删除个体// 删除个体：当个体的某个值满足条件时 清除容器的的第i位// 注...
2020-03-03 20:24:55
287
原创 js拖拽构造函数封装+自定义事件
定义规则(down,move,up)函数client是包装好的对象, client是鼠标的x与y轴距离视口位置 {x:…,y:…}函数体this指向拖动块元素函数体mousedown不能为空,其余可以为空或则null,false 为空代表不执行该规则var drag = new DragInit({ mousedown: function (client) { // 鼠标按...
2020-03-01 21:01:31
883
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人