摘要: 这些有用的CSS伪类通常被忽略 这篇文章在一定程度上鼓励你在构建UI时使用更简单的CSS和更少的JavaScript。 ::first-line 选择文本的第一行 这个选择器用于选取指定选择器的首行。如有如下HTML <body> <h1>做工程师不做码农</h1> <p>如果对你有所启发和帮助,可 阅读全文
posted @ 2020-08-19 11:44 蒋先森 阅读(145) 评论(0) 推荐(0) 编辑
摘要: JavaScript的Array.flat()函数深入探讨 在过去的几年中,已经将许多有用的功能添加到Javascript Array全局对象中,这些功能为开发人员在编写可用于数组的代码时提供了多种选择。这些功能提供了许多优点,其中最值得注意的是,虽然在过去的一段时间里,开发人员必须实现自己的复杂逻 阅读全文
posted @ 2020-08-19 11:39 蒋先森 阅读(1378) 评论(0) 推荐(2) 编辑
摘要: CSS中的选择( ::selection和user-select) 在网络上,我们出于不同原因选择内容,也许我们想复制文本并在某处引用它。对于移动端来说,选择内容比较难,我不喜欢在移动端选择内容。 在本文中,我将详细介绍CSS中有关选择的所有内容,包括伪类 ::selection 和 user-se 阅读全文
posted @ 2020-08-19 11:38 蒋先森 阅读(1523) 评论(0) 推荐(0) 编辑
摘要: 「快速复习」在JavaScript中交换变量的4种方法 许多算法需要交换2个变量。在编码面试中,可能会问您“如何在没有临时变量的情况下交换2个变量?”。我很高兴知道执行变量交换的多种方法。在本文中,您将了解大约4种交换方式(2种使用额外的内存,而2种不使用额外的内存)。 1.解构赋值 解构赋值语法( 阅读全文
posted @ 2020-08-19 11:31 蒋先森 阅读(760) 评论(0) 推荐(0) 编辑
摘要: 《CSS选择器世界》知识和技巧汇总 大家好,我是做工程师不做码农!聚焦大前端技术和程序员成长的干货公众号,点击关注,每天给你精彩! 纯CSS实现input失焦聚焦效果 当我们聚焦输入框的时候,如果希望后面的提示文字显示,则可以借助相邻兄弟选择符轻松实现,原理很简单,把提示文字预先埋在输入框的后面,当 阅读全文
posted @ 2020-08-19 11:29 蒋先森 阅读(378) 评论(0) 推荐(0) 编辑
摘要: 巧用CSS属性值正则匹配选择器 属性值正则匹配选择器包括下面3种: [attr^="val"] [attr$="val"] [attr*="val"] 这3种属性选择器是字符匹配,而非单词匹配。其中,尖角符号 ^、美元符号 $ 以及星号 * 都是正则表达式中的特殊标识符,分别表示前匹配、后匹配和任意 阅读全文
posted @ 2020-08-19 11:27 蒋先森 阅读(2089) 评论(0) 推荐(0) 编辑
摘要: 拒绝JavaScript,这三个CSS技巧你一定用的上​ 大家好,我是做工程师不做码农!聚焦大前端技术和程序员成长的干货公众号,点击关注,每天给你精彩! 今天这三个CSS技术,一定程度上完全可以代替JavaScript,提高的代码竞争力!具体3个技术是: active伪类上报CSS数据 empty伪 阅读全文
posted @ 2020-08-19 11:25 蒋先森 阅读(169) 评论(0) 推荐(0) 编辑
摘要: 总结:JS 异步之宏队列与微队列 先看一张我绘制的原理图 原理图 setImmediate 也是宏任务,在 Node 环境下,微任务还有 process.nextTick JS 中用来存储待执行回调函数的队列包含 2 个不同特定的列队 宏列队:用来保存待执行的宏任务(回调),比如:定时器回调、DOM 阅读全文
posted @ 2020-08-19 11:23 蒋先森 阅读(575) 评论(0) 推荐(0) 编辑
摘要: 「长文干货」Promise和Async/await的理解和使用 注意:文中的代码比较多,手机端浏览起来可能比较费劲,建议在PC端浏览,如果代码排版乱了请点击文末了解更多连接查看排版更友好的原文。 一、前置知识 1.1 区别实例对象与函数对象 实例对象:new 函数产生的对象, 称为实例对象, 简称为 阅读全文
posted @ 2020-08-19 11:21 蒋先森 阅读(13532) 评论(0) 推荐(2) 编辑
摘要: 该抛弃Moment.js了!date-fn.js一个简单好用的JavaScript日期库 用JavaScript处理日期并不容易。因此,如果您查看大多数应用程序的 package.json 文件,通常会在其中找到像 Moment.js 这样的库。 它对开发人员对解析/格式化/计算日期而言不再那么艰巨 阅读全文
posted @ 2020-08-19 11:17 蒋先森 阅读(882) 评论(0) 推荐(0) 编辑
摘要: 用于简化和改进代码的函数式编程技巧 函数式编程可以使您的代码更简单。简单意味着代码易于阅读和理解,可测试和可维护。 在本文中,我描述了一些函数式编程(FP)技巧,您可以使用它们来简化代码,从而使代码更好。 摆脱临时变量和不变性原则 函数式编程倾向于不变性,这种不变性原则意味着在初始化变量之后不会更改 阅读全文
posted @ 2020-08-19 11:15 蒋先森 阅读(397) 评论(0) 推荐(0) 编辑
摘要: 前端大佬都在使用的JavaScript工具函数宝典(内含95个工具函数) 01 为元素添加on方法 Element.prototype.on = Element.prototype.addEventListener;NodeList.prototype.on = function (event, f 阅读全文
posted @ 2020-08-19 10:41 蒋先森 阅读(201) 评论(0) 推荐(0) 编辑
摘要: 9个前端开发必学超级实用的 ES6 特性 1、展开操作符 顾名思义,用于对象或数组之前的展开操作符(…),将一个结构展开为列表。 这种写法够优雅,够简洁吧?如果不用展开操作符 我们得这么写: 展开操作符也适用于合并对象的属性: 不用展开操作符的话,需要遍历对象的属性: 2、剩余参数 剩余参数将剩余的 阅读全文
posted @ 2020-08-19 10:38 蒋先森 阅读(326) 评论(0) 推荐(0) 编辑
摘要: 很多新人都想学习前端开发,但是在前端开发当中,HTML和CSS都算是比较简单和直观的,唯独JavaScript,是相对来说比较难而且比较多变的,那么我们今天就来说说看,在JavaScript学习中,相对比较常见的10个难点。 立即执行函数 立即执行函数,即Immediately Invoked Fu 阅读全文
posted @ 2020-08-19 10:37 蒋先森 阅读(912) 评论(0) 推荐(0) 编辑