
自己动手封装组件
文章平均质量分 90
平时编写一些复用性较强的组件,可供大家参考使用
空城机
光阴雕琢生命,岁月磨砺人生
成为一个普通的上班族
展开
-
自己动手丰衣足食系列の自定义下拉框 vue 组件
序在页面制作的过程中,经常需要使用到下拉框组件,有时候使用原生的 select 标签十分不便,因为存在 shadow root,shadow root 导致我们有时候修改样式时会非常麻烦《ShadowRoot介绍》使用 element UI 下拉框时,又遇到了选择的选项文字内容过长,不能够及时变省略号的现象,需要再次用鼠标点击后才能生效(果然 bug 依旧是程序员不变的主题)虽然网上还有其他 UI 组件,但是因为当时我总体使用的是 element UI,不方便改用其他 UI 组件了。没有条件那.原创 2021-05-11 15:38:24 · 1125 阅读 · 0 评论 -
npm发布自己的组件
作为一个前端打工人,可以尝试自己编写一些UI组件。编写组件虽说不一定要使用,但也可以更好的提升自己的能力,在编写的过程中让自己思考变得更加全面组件编写好之后肯定不能以后调用时就复制文件夹过去,这样太low了。前端人员可以将组件发布到npm上,以后就可以npm install下载自己的组件npm发布流程一、创建npm账号npm官网:npm官网注册npm的账号非常简单,只需要一个邮箱即可,连手机都不需要二、创建自己的组件我创建的vue组件,npm init新建一个项目在npm初始化时pa原创 2021-02-02 09:52:13 · 1263 阅读 · 10 评论 -
制作颜色选择器(全)
颜色选择器原创 2021-01-23 16:05:14 · 1896 阅读 · 1 评论 -
三步教你编写一个Neumorphism风格的小时钟
本文目录序Neumorphism正文开始一、时钟表盘编写序又到了自己编写组件的时节了作为一名前端开发者,平时也是阔以没事可以写写自定义的组件,增加一下自己的阅历,实际开发中用到也可以通过CV大法去快速开发先问一个小问题,现在大家现在更习惯于看哪种样式的时间,是钟表类型还是数字类型?(虽然你们的回答影响不了我做一个钟表啦)钟表时间:数字时间:Neumorphism目前网上的一些时钟风格不太喜欢,之前偶然看到一款新拟物风格Neumorphism的设计,让我眼前不禁一亮所以本次时钟组件.原创 2021-05-31 10:35:19 · 1424 阅读 · 155 评论