随笔分类 - 前端
摘要：CSS 伪元素是一项强大的功能，它允许您为所选元素的特定部分设置样式，而无需额外的 JavaScript 代码。 虽然许多开发人员都熟悉常用的伪元素，如 ::before 和 ::after，但还有一些其他元素经常被忽视或未得到充分利用。 在本文中，我们将分享9 个鲜为人知的 CSS 伪元素，它们可
阅读全文
摘要：实际场景 场景：现在有一个H5活动页面，上面有一个登陆按钮，要求点击登陆按钮以后，唤出App内部的登录界面，当登录成功以后将用户的手机号返回给H5页面，显示出来。这个场景应该算是比较完整的一次H5中的JavaScript与App原生代码进行交互了，这个过程，我们制定的方案满足以下几点： 满足基本的交
阅读全文
摘要：28 个Javascript 数组方法清单列表 web前端开发 2022-11-23 10:05 发表于上海 01、Array.map()返回一个新数组，其中包含对该数组中每个元素调用提供的函数的结果。 const list = [😫, 😫, 😫, 😫];list.map((⚪️) => �
阅读全文
摘要：在CSS3中，我们可以使用transform属性的translate()方法来实现元素的平移效果。 语法： transform: translateX(x); /*沿X轴方向平移*/ transform: translateY(y); /*沿Y轴方向平移*/ transform: translate
阅读全文
摘要：1.原因：标签之间有空格 2.正确写法及错误写法：①正确： <textarea type="text" name="message" placeholder="请输入留言内容"></textarea> ②错误： 2.1<textarea type="text" name="message" plac
阅读全文
摘要：实现方法 【html】 <!DOCTYPE html><html><head><title>【每日一练】34—CSS实现边框动画效果</title></head><body> <div class="box"> <h2>01</h2> </div> <div class="box"> <h2>02<
阅读全文
摘要：(47条消息) 如何获取任意小程序的AppId和页面路径？_小特工作室-CSDN博客_小程序页面路径怎么获取
阅读全文
摘要：解决input获取焦点，弹出输入法之后，input被遮挡的问题 关于input输入框fixed在窗口底部的时候，input获取焦点，弹出输入法，input会被输入法遮挡，导致输入内容不方便。 我们可以用scrollIntoView 与 scrollIntoViewIfNeeded来解决这个问题。sc
阅读全文
摘要：js去除字符串空格(空白符) 使用js去除字符串内所带有空格，有以下三种方法： ( 1 ) replace正则匹配方法 去除字符串内所有的空格：str = str.replace(/\s*/g,""); 去除字符串内两头的空格：str = str.replace(/^\s*|\s*$/g,"");
阅读全文
摘要：1. 数字操作 （1）生成指定范围随机数 export const randomNum = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min;复制代码 （2）数字千分位分隔 export const format = (n
阅读全文
摘要：1、 css 一行文本超出隐藏 overflow: hidden;text-overflow:ellipsis;white-space: nowrap; 2、css 多行文本溢出隐藏 display: -webkit-box;-webkit-box-orient: vertical;-webkit-
阅读全文
摘要：1、黑白图像 这段代码会让你的彩色照片显示为黑白照片，是不是很酷？ img.desaturate { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter:
阅读全文
摘要：的模糊查询 模糊查询，一般都是传关键字给后端，由后端来做， 但由于频繁的请求后台数据会对服务器造成过大的压力。 可将列表数据一次请求过来，然后用js对数据进行一个模糊查询。 1. indexof 方法 2.split 方法 3.match 方法 4. test 方法 以上四种方法，march方法速度
阅读全文
摘要：CSS居中对齐的几种方式 本文将讨论可用于居中对齐元素的6种CSS技术（按照最佳实践排序），以及每一种技术最适合应用的场景。这里，居中对齐指的是将元素放置在其父元素的水平和垂直中心。 .center类代表要居中对齐的元素 .parent类代表其父元素。 1. 使用变换（Transform） 什么时候
阅读全文
摘要：1. position 五种布局 absolute relative fixed static sticky ● link标签和import标签的区别 参考回答： link属于html标签，而@import是css提供的 页面被加载时，link会同时被加载，而@import引用的css会等到页面加载
阅读全文
摘要：前段时间写滚动加载总是依赖框架 完全没有理解怎么回事，今天抽空研究一下！总得来说 其实就是一句话： 距离顶部+当前高度 >=文档总高度 即代表滑动到底部话不多说 看示例吧！$(window).scroll(function(){ var scrollTop = $(this).scrollTop()
阅读全文
摘要：伪）选择器可以为文档中不一定具体存在的结构指定样式，或者为某些元素、文档的标记模式、甚至是文档本身的状态所指示的幻像类指定样式。— CSS 权威指南：Eric Meyer、Estelle Weyl这篇文章鼓励构造 UI 时使用更多纯 CSS 和更少的 JS。熟悉所有的 CSS 是实现这个目标的一种方
阅读全文
摘要：一、节点1.1 节点属性Node.nodeName //返回节点名称，只读Node.nodeType //返回节点类型的常数值，只读Node.nodeValue //返回Text或Comment节点的文本值，只读Node.textContent //返回当前节点和它的所有后代节点的文本内容，可读写N
阅读全文
摘要：1.邮箱export const isEmail = (s) => { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}2.手机号码export const isMobile = (s)
阅读全文
