纯 CSS 实现计时器效果

6 月 7 日
阅读 2 分钟
117
有时候我们需要再网站中使用计时器。比如下单购物成功后增加倒计时回到首页;或者一些时间管理工具(番茄工作法),当遇到这些情况时,我会毫不犹豫地使用JavaScript,因为它可能是处理这类事情的更强大的工具。

一行代码搞定禁用web开发者工具

6 月 5 日
阅读 4 分钟
184
在如今的互联网时代,网页源码的保护显得尤为重要,特别是前端代码,几乎就是明文展示,很容易造成源码泄露,黑客和恶意用户往往会利用浏览器的开发者工具来窃取网站的敏感信息。为了有效防止用户打开浏览器的Web开发者工具面板,今天推荐一个不错的npm库,可以帮助开发者更好地保护自己的网站源码,本文将介绍该库的功...

炫酷JavaScript文本时钟

6 月 3 日
阅读 2 分钟
284
今天分享一段简单的 JS 代码,创意来自aem1k.com/qlock,可以将整段 JS 代码字符本身变成时钟,每秒以 HH:MM:SS 的格式显示当前的时间。

如何在 JS 中快速读取文件

6 月 1 日
阅读 2 分钟
177
假设你需要在服务器上使用JavaScript读取多个文件。在像Node.js这样的运行时环境中,JavaScript有多种读取文件的方式。哪一种是最好的呢?让我们来看看各种方法的测试结果。

纯CSS丝滑边框线条动画

5 月 27 日
阅读 4 分钟
478
在这个网站(minimal-portfolio-swart.vercel.app)发现一个不错的交互效果,用户体验效果很不错。如封面图所示,这个卡片上有一根白色的线条围绕着卡片移动,且在线条的卡片内部跟随这一块模糊阴影,特别是在线条经过卡片圆角部分有特别丝滑的感觉。

5个改善用户体验的HTML属性

5 月 22 日
阅读 6 分钟
427
在本篇博文中,我将向您介绍五种 HTML 属性,它们不仅能提高可访问性,还能增强整体用户体验。无论您是经验丰富的开发人员还是刚刚起步,让我们一起探索这些元素的潜力,创造更具包容性的web体验。

实时消息获取技术方案对比

5 月 20 日
阅读 7 分钟
301
对于现代Web应用,从服务器向客户端发送事件的能力是必不可少的。这种必要性导致了几种方法的发展,每种方法都有自己的优点和缺点。最开始长轮询是唯一可用的选项。后来WebSockets取得了不错的效果,它为双向通信提供了一个更强大的解决方案。继WebSockets之后,服务器发送事件(SSE)为从服务器到客户端的单向通信提供...

前端代码规范 - JavaScript 部分规范

4 月 22 日
阅读 4 分钟
134
在前端开发中,JavaScript 是实现交互性和动态功能的关键语言。为了确保代码的可读性、可维护性和性能,遵循一定的编码规范至关重要。以下是一份前端JS代码规范与最佳实践指南,以下仅是一部分规范供参考,在实际开发中每个项目和团队都有其独特性。应当根据具体的项目需求和团队习惯来调整,以确保最佳使用规范。

提升用户体验的UUID设计策略

4 月 21 日
阅读 3 分钟
195
唯一标识符在从用户身份验证到资源管理的所有应用程序中起着至关重要的作用。虽然使用标准UUID将满足您的所有安全问题,但我们可以为用户改进很多。
封面图

前端代码规范 - 编辑器&代码风格

4 月 19 日
阅读 9 分钟
100
本文是前端代码规范系列文章,将涵盖前端领域各方面规范整理,其他完整文章可前往主页查阅~在如今快速发展的前端工程领域,团队成员较多时导致编码风格百花齐放,如何保持代码的一致性和可读性成为了开发过程中不可忽视的挑战。为了应对这种复杂性,现在的工程中存在着越来越多的配置文件,这些文件和工具帮助我们自动化...

前端代码规范 - 图片相关

4 月 12 日
阅读 3 分钟
195
在前端项目中,图片资源是构成网站视觉效果的重要元素。合理的图片使用规范不仅可以提高页面加载速度,还可以增强用户体验。本文将详细介绍前端项目中图片,包括图标(Icon)和大图等的使用规范。

前端代码规范 - 代码注释

4 月 11 日
阅读 3 分钟
1.1k
代码注释是软件开发中的重要组成部分,它帮助开发者理解代码的功能和目的,同时也是代码维护和团队协作的基础。一个清晰的注释规范能够提高代码的可读性和维护性。本文将介绍如何在前端项目中制定代码注释规范。

你应该知道的21个html小技巧

4 月 9 日
阅读 5 分钟
691
本文翻译自 21 HTML Tips You Must Know About,作者:Shefali, 略有删改。在这篇文章中,我将分享21个HTML技巧和代码片段,可以提高你的编码技能。链接联系人使用HTML创建可点击的电子邮件、电话和短信链接: {代码...} 创建可折叠内容如果您想在网页上包含可折叠内容,可以使用<details>和<summary>标签...

前端代码规范 - 日志打印规范

4 月 8 日
阅读 4 分钟
503
在前端开发中,随着项目迭代升级,日志打印逐渐风格不一,合理的日志输出是监控应用状态、调试代码和跟踪用户行为的重要手段。一个好的日志系统能够帮助开发者快速定位问题,提高开发效率。本文将介绍如何在前端项目中制定日志输出规范。

减少样式计算的范围和复杂度

3 月 31 日
阅读 3 分钟
381
JavaScript通常用来改变页面的视觉效果。比如通过改变style样式或者通过计算后改变页面布局,比如搜索或排序数据。长时间运行的JavaScript可能是导致性能问题的常见原因,应该尽可能地减少它的影响。

提升JavaScript代码质量的最佳实践

3 月 28 日
阅读 4 分钟
279
在JavaScript编程中,代码质量优化是一项重要的技能。它可以帮助我们提高代码的可读性、可维护性和性能。本文将通过一些实际优化过程中的案例,展示如何通过一些技巧和最佳实践,使我们的代码更加优雅。

Puppeteer实践:复杂的问题简单化

3 月 22 日
阅读 3 分钟
649
最近遇到一个需求需要将上千条的数据写入到基于Wordpress搭建的系统中,但是对于底层数据录的写入逻辑不是很清楚,通过sql各种写入也没有完全达到效果。

JavaScript之structuredClone现代深拷贝

3 月 4 日
阅读 3 分钟
997
在JavaScript中,实现深拷贝的方式有很多种,每种方式都有其优点和缺点。今天介绍一种原生JavaScript提供的structuredClone实现深拷贝。

CSS图像边框:Interop 2023的一个重点领域

2 月 27 日
阅读 5 分钟
803
在Interop 2023中,CSS图像边框被确定为一个关键的重点领域。这个特性允许您使用图像来设置元素边框的样式,浏览器已经支持这个特性很多年了。然而浏览器之间的行为差异导致Web开发人员不愿意完全使用此功能。随着Interop 2023中包含图像边框,重新承诺解决行为差异并鼓励广泛采用。这一举措强调了能够创建在不同浏览器...

GIT好习惯助你成为更出色的开发者

2 月 19 日
阅读 3 分钟
2.7k
如果你是一名开发人员,你可能每天都在使用Git版本控制系统。无论是在团队中还是单独工作,使用此工具对于程序的开发过程都很重要。但在实际工作中却经常遇到提交不明确的消息,没有传达有用的信息,以及滥用分支等问题。了解如何正确使用Git并遵循良好的实践对于那些想要在工作中脱颖而出的人来说至关重要。

Nodejs - 9步开启JWT身份验证

2 月 2 日
阅读 8 分钟
1.4k
身份验证是Web开发的重要组成部分。JSON Web令牌(JWT)由于其简单性,安全性和可扩展性,已成为在Web应用程序中实现身份验证的流行方法。在这篇文章中,我将指导你在Node.js应用程序中使用MongoDB进行数据存储来实现JWT身份验证。

18个JavaScript技巧:编写简洁高效的代码

1 月 30 日
阅读 4 分钟
1.4k
本文翻译自 18 JavaScript Tips : You Should Know for Clean and Efficient Code,作者:Shefali, 略有删改。在这篇文章中,我将分享18个JavaScript技巧,以及一些你应该知道的示例代码,以编写简洁高效的代码。让我们开始吧!🚀箭头函数可以使用箭头函数来简化函数声明。 {代码...} Array.from()Array.from()方法可用...

如何在JavaScript中实现主题切换

1 月 29 日
阅读 5 分钟
1k
本文翻译自 How to implement Theme Switcher in JavaScript,作者:Pavel Keyzik, 略有删改。在本文中,您将学习如何在JavaScript中构建主题切换器。这应该是一件很容易的事情,但你也可以从我的代码中学到一些东西。我们需要处理哪些场景?我们应该解决的最基本的场景之一是将主题从亮到暗,反之亦然。我们需要解决的...

放个烟花迎接龙年春节吧

1 月 27 日
阅读 4 分钟
2.2k
不知不觉即将迎来2024龙年春节了。龙的形象在中国传统文化中有着广泛的应用,比如在传统文化中,龙代表着权力、威严、吉祥和神灵的象征,同时也是生命力和繁荣的象征。

每个开发人员都应该知道的13个Nodejs库

1 月 23 日
阅读 5 分钟
1.3k
Node.js被视为许多Web开发人员的理想运行时环境。它是世界上最流行的编程语言之一,Node.js提供了通过JavaScript库重用代码的能力,但是在项目中选择合适的库可能很困难。

JavaScript 的双位非运算(~~)

1 月 22 日
阅读 2 分钟
758
今天介绍JavaScript中双位非运算 ~~, ~~ 操作符是一个强大且经常被忽视的特性。它提供了一种快速、简洁的方式来处理数字和执行类型转换,通常可以被用于数学计算和类型转换。我们先了解一下 ~~ 的基本概念和它的一些应用场景。

炫酷鼠标悬停随机渐变文本动画效果

1 月 2 日
阅读 4 分钟
987
如图所示,这是一个很炫酷的鼠标悬停动画效果,卡片的文字随着鼠标的移动不断变化着,且文字的颜色伴随着渐变色跟随鼠标移动,中心部分是突出的LOGO效果,整个交互效果十分引人注目。原效果来源于 evervault.com/customers 这个网站,有兴趣的可以体验看看~

Vue 发布 3.4 「灌篮高手」版本

2023-12-30
阅读 3 分钟
877
此版本包括一些实质性的内部改进,最值得注意的是重写了模板解析器,速度提高了2倍,以及重构的响应系统,使效果触发更加准确和高效。它还对很多API进行高质量的改进,包括defineModel的稳定性和绑定props时的简写语法。

2024值得关注的技术社区

2023-12-28
阅读 3 分钟
240
我精心挑选了一些我最喜欢的开发者社区,了解这些社区相信会对你有所帮助。下面会列举相关社区链接、描述和站点图片,这样你可以立即对每个社区有一个初步的印象。

2023 年最受欢迎的 12 款 Chrome 浏览器扩展

2023-12-24
阅读 2 分钟
958
谷歌浏览器Chrome是目前最受欢迎的浏览器之一,而浏览器扩展则是为了提升用户体验和功能而开发的插件。2023年谷歌公布了12款最受欢迎的Chrome浏览器扩展。每个都提供独特的功能来增强您的浏览体验。以下是它们的详细介绍:Speechify:将Google文档、PDF、网页或书籍转换成语音,拥有30多种语言的自然发音声音。QuillBot...
封面图

[译]优秀的URL设计

2023-12-21
阅读 2 分钟
730
URL是通用的。它们可以在Firefox、Chrome、Safari、Internet Explorer、cURL、wget、iPhone、Android中使用,甚至可以写在便签上。它们是网络的一种通用语法,但别认为这是理所当然的。

JS获取当前系统电量情况

2023-12-15
阅读 2 分钟
915
首先让我们来看一下如何使用navigator.getBattery()方法来获取电池信息。在JavaScript中,我们可以通过以下代码来获取电池对象:

[译]你应该知道的多个HTML属性

2023-12-08
阅读 3 分钟
347
本文翻译自 13 HTML Attributes You Should Know About,作者:Shefali, 略有删改。在HTML中,属性用于提供有关HTML元素的附加信息。在这篇文章中你将学习多个HTML属性,它们可以增强网站的视觉吸引力。接下来开始吧!🚀Accept 属性您可以将accept属性与<input>元素(仅用于文件类型)一起使用,以指定服务器可以...

[译]你需要知道的CSS属性isolation

2023-12-07
阅读 3 分钟
790
本文翻译自 The CSS property you didn't know you needed 👈,作者:Francesco Vetere, 略有删改。大家好!👋今天我想谈谈一个CSS功能,在我看来没有得到太多的关注。但它应该被关注!我说的就是isolation属性!基本上它提供了更多对元素与文档其他部分交互的控制,并且通常是解决 z-index 问题的一种优雅的解决方案。让...

[译]原生CSS嵌套使用

2023-12-06
阅读 6 分钟
770
今年所有的主流浏览器都支持原生CSS嵌套:Chrome、Firefox和Safari。这是一个重要的CSS功能,这将使编写CSS更加容易。在本文中我将记录到目前为止我所学到的关于CSS嵌套的知识,并与您分享我的发现,包括使用案例和示例。

纯CSS实现炫酷背景霓虹灯文字效果

2023-12-04
阅读 4 分钟
1.1k
如图所示,这是一个很炫酷的霓虹灯文字效果且背景炫酷,就像很多个灯光闪烁着不同的颜色。本次文章将解析如何用CSS代码实现这个效果,根据上面的动图分析出我们要实现的几个主要功能点:整个背景中有平均分布的小点衬托中心区域文字闪烁效果如同霓虹灯一样文字背景呈多个平均分布的亮点背景亮点的颜色整体呈现渐变色变化...