![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
一行代码误终生
这个作者很懒,什么都没留下…
展开
-
svg转icon
敲黑板!!!在日常开发的中我们会遇到svg转icon的情况,在这里推荐一个免费且支持多项目的网站,https://icomoon.io/app/#/select原创 2021-07-14 10:38:00 · 259 阅读 · 0 评论 -
前端上传文件可选择摄像头拍照及图片上传
只调用摄像头<input type="file" accept="image/*" capture="camera">拍照+图库<input type="file" accept="image/*">录像+图库<input type="file" accept="video/*">拍照或录像+图库<input type="file" accept="audio/*">...原创 2020-12-04 12:00:15 · 779 阅读 · 2 评论 -
前端开发代码规范
一、 命名规范项目命名:全部采用小写方式, 以下划线分隔,例:my_project_name 目录命名:参照项目命名规则;有复数结构时,要采用复数命名法。例:scripts, styles JS文件命名:参照项目命名规则。例:account_model.js CSS, SCSS文件命名:参照项目命名规则。例:retina_sprites.scss HTML文件命名:参照项目命名规则。例:error_report.html CSS命名: 通用类:使用小写字母,以中划线分隔。例:原创 2020-11-16 00:51:55 · 560 阅读 · 0 评论 -
css 通知气泡+左右跳动效果
今天在做个人中心的时候用到了通知并使用了css动画+气泡效果,记录下。先上效果图通知图标+通知数量(html)<transition name="slide-fade"> <i class="iconfont icon-notice" @click="showNotice=!showNotice"></i> <--通知图标 !--></transition><transition name="slide-fade">原创 2020-09-26 16:35:57 · 1199 阅读 · 0 评论 -
input 选中时无边框
input::-webkit-input-placeholder { /* WebKit browsers */ color: #ccc; } input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ccc; } input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ccc; } input:-ms-input-placeholder { /* I原创 2020-09-11 10:55:58 · 965 阅读 · 1 评论