一块钢-CSDN博客

原创 element-ui ColorPicker 可外部输入进行修改

今天遇到一个需求，用 element的颜色选择器同时，需要支持外部输入框进行修改问题：外部输入后，如何确保其输入的有效性？思考：用户可能乱输入，并且可能输入rgb、hex等等类型的颜色，正则等肯定是不行的过程：查看其源码，发现elemetn中有封装Color对象，经过阅读和尝试，找到了一个可行的方案。其Color类的特性为，输入非法颜色时，会输出为红色的值rgb(255,0,0,1)，那我们可以借用这个特性封装一个颜色校验方法。源码：import Color from "element-pl.

2021-07-01 11:24:12 830

原创使用 vue3 开发前端静态编辑器的一些思考总结

VUE3开发实践 - 前端静态页编辑器前言：记录一次使用 vue3开发前端静态页编辑器的历程，包括对项目的设计构思和对 vue3开发的一些思考，希望可以和大家多多交流讨论。之前也做过 react的开发，所以很多思维在这里运用到，但是相较于react，vue3开发起来会会让人感觉是一种有尺度的自由。由于项目为公司内项目，会更多讲述技术性的内容。主要分两方面进行介绍：1：前端静态页面编辑器（部分偏业务的内容会删减，更多是站在项目和vue3角度下的思考）2：不同项目/业务场景使用vue3开

2021-06-24 11:01:00 754

原创关于Vant-ui校验，自己开发一个表单校验组件（三）

关于Vant-ui校验，自己开发一个表单校验组件（三）vant-ui 扩展表单的完整的代码<template> <div> <slot name="items"></slot> </div></template><script> /** * author：ronggang...

2019-09-05 14:33:21 9595 8

原创关于Vant-ui校验，自己开发一个表单校验组件（二）

关于Vant-ui校验，自己开发一个表单校验组件（二）开发中的几个重要问题以及解决如何获取需要校验的元素校验过程中错误信息如何展示开发中的几个重要问题以及解决先创建扩展的form组件，data 中存放 rulesEles （需要校验的元素）如何获取需要校验的元素获取指定插槽内的所有元素项this.$slots[插槽的名称]但是有个问题，由于需要校验的元素可能在html结构中的...

2019-09-05 14:28:44 4127 3

原创关于Vant-ui校验，自己开发一个表单校验组件（一）

关于Vant-ui校验，开发表单校验组件（一）自己开发一个表单校验组件开发准备阶段规划form表单组件的apiAttributes 属性rules 参数说明Method 事件Slot 插槽自己开发一个表单校验组件最近项目用到vant-ui 框架，挺精简的，组件交互感觉也不错，但是最致命的没有类似其他框架的校验功能，于是萌生一个开发 form 组件的想法。开发准备阶段看了一下其他带有校...

2019-09-05 11:03:21 9543

原创初识Docker学习-DockerFile的使用和概念（下）

如何使用dockerfile定制镜像DockerFile的使用及其概念尝试使用DockerFile定制一个镜像CMD 容器启动命令ENTRYPOINT入口点ENV 设置环境变量ARG 构建参数VOLUME定义匿名卷EXPOST 声明端口WORKDIR 指定工作目录USER 指定当前用户HEALTHCHECK 健康检查ONBUILD 指令DockerFile的使用及其概念注：本文基于《Docke...

2018-12-21 11:51:04 192

原创初识Docker学习-DockerFile的使用和概念（上）

什么是dockerfile，如何使用dockerfile定制镜像，构建上下文的详解DockerFIle的使用及其概念什么是DockerFile尝试使用DockerFile定制一个镜像form 指定基础镜像RUN 执行指令COPY 指令ADD 指令镜像构建上下文（Context）：重点！！！！DockerFIle的使用及其概念注：本文基于《Docker-从入门到实践》的学习什么是DockerF...

2018-12-19 18:06:36 281 2

原创初识Docker学习-Docker的基本命令和概念

docker的基本命令和注意事项docker的基本操作获取镜像docker的基本操作获取镜像Docker Hub （https://hub.docker.com/search/?q=&amp;amp;amp;amp;amp;type=image）有许多高质量的镜像，先说说如何获取这些镜像。从 Docker 镜像仓库获取镜像的命令是 docker pull 。其命令格式为：docker pull [选项] [Dock...

2018-12-18 14:09:12 243

原创初识Docker学习-Window10下的安装

Window下的安装DockerWindow下的安装Docker系统要求开始安装Window下的安装Docker注：本文基于《Docker-从入门到实践》的学习系统要求Docker for Windows 支持 64 位版本的 Windows 10 Pro，且必须开启 Hyper-V。开始安装前往官网 https://hub.docker.com/editions/communi...

2018-12-17 14:26:16 173

原创初识Docker学习

为什么要使用DockerDocker初学习Docker特性更高效的利用系统资源更快速的启动时间一致的运行环境持续交付和部署更轻松的迁移更轻松的维护和扩展Docker的三个基本概念Docker镜像分层存储Docker容器Docker Registry（注册中心）Docker初学习作为一种新兴的虚拟化方式，Docker 跟传统的虚拟化方式相比具有众多的优势。基础进一步定制，大大的降低了应用服务的...

2018-12-14 17:56:37 200 2

一块钢的技术之旅