2023-01-16 1315 阅读 实用干货 🌋 🏫 史上最全 Vue 前端代码风格指南 一、命名规范市面上常用的命名规范:camelCase(小驼峰式命名法——首字母小写)PascalCase(大驼峰式命名法——首字母大写)kebab-case(短横线连接式)Snake(下划线连接式)1.1项目文件命名1.1.1项目名全部采用小写方式,以短横线分隔。例:my-project-name。
2023-01-13 1072 阅读 值得一看 🔍️ 🚫 还在用 JS 做节流吗?CSS 也可以防止按钮重复点击 众所周知,函数节流(throttle)是JS中一个非常常见的优化手段,可以有效的避免函数过于频繁的执行。举个例子:一个保存按钮,为了避免重复提交或者服务器考虑,往往需要对点击行为做一定的限制,比如只允许每300ms提交一次,这时候我想大部分同学都会到网上直接拷贝一段throttle函数,或者直接引用
2022-12-19 1013 阅读 实用干货 🌋 ❓️ user-select:none真的能禁止文本的复制粘贴吗? 1.前言面向搜索引擎开发时,我们经常看到这样的情况:登录后复制。由于设置了css属性user-select:none,此时鼠标无法实现选中文本,也就无法复制文本,通常会采用这种方式来禁止复制文本。打开开发者工具-审查元素,取消此样式,就可以选中文本了。但是,你们有尝试过这样的复制、粘贴吗?咦,原来也
2022-12-16 1356 阅读 原创作品 🌈 🎉 通信行程卡-纪念版 12月13日0时起,正式下线“通信行程卡”服务,“通信行程卡”短信、网页、微信小程序、支付宝小程序、APP等所有渠道同步下线!三年了,再见!项目介绍本项目基于Uni-APP框架开发,仅作纪念,无实际意义,不得用于防疫等相关场景!预览地址预览地址:https://lab.yxbug.cn/app/sc
2022-12-08 1178 阅读 实用干货 🌋 🔖 分享 8 个比较实用的代码片段 1.复制内容到剪贴板几乎所有的网站都有存在,因为它可以让用户更方便地使用功能。但令人难以置信的是,只需要6行有效代码就可以做到这一点。constcopyToClipboard=(content)=>{consttextarea=document.createElement("textarea"
2022-12-05 1167 阅读 值得一看 🔍️ ✨ 看图说话,新 CSS 单位 “svh” “dvh” 原来如此 vw和vh单位是我们都比较熟悉的两个单位,100vw和100vh代表着视图窗口的宽和高。我们在写移动端布局兼容的时候会经常用到它们,类似于百分比的写法;它们有不错的兼容性:然而有一个问题,当我们使用100vh,且有顶部地址栏或底部操作栏的时候,会出现溢出屏幕的情况:当滑动滚动条的时候,地址栏和操作栏