高效码农

撰写、分享国内外先进的IT技术

分类 前端 下的文章

March 22, 2024

如何简化多个 if 的判断结构

多少算太多?有些人认为数字是_一_,您应该始终用至少一个三元来代替任何单个if语句。我不采取这种坚定的方法,但我想强调一些逃避常见if/else意大利面条代码的方法。我相信很多开发人员if/else很容易陷入陷阱,不是因为其他解决方案的复杂性,而是因为它遵循这样一种自然语言模式: if某事做这个,而else不是做这个。等等,什么是三元?三元数与 an 并不是革命性的区别,if/else因为...
January 12, 2024

揭秘网络推送通知

对于我最近的一日构建:费用跟踪项目,我想在渐进式 Web 应用程序中启用通知。ChatGPT 很难为我生成任何好的代码,我也很难在网上找到任何最简单的清晰解释。这篇博文旨在介绍实现网络推送通知所需的所有部分。我还使用 Node.js 后端创建了一个完整的最小工作示例,供那些喜欢只查看代码的人使用:https://github.com/pqvst/minimal-web-push网络推送如何工...
December 15, 2023

macOS执行yarn install 报错

报错信息npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: undefined@undefined npm ERR! Found: @typescript-eslint/eslint-plugin@4.1.1 npm ERR!...
August 4, 2023

web accessibility Role generic

一、AccessibilityWeb 开发中的可访问性(通常缩写为A11y,如“a”,然后是 11 个字符,然后是“y”)意味着让尽可能多的人能够使用网站,即使这些人的能力在某种程度上受到限制。对于许多人来说,技术让事情变得更容易。对于残疾人来说,技术使一切成为可能。可访问性意味着开发的内容尽可能易于访问,无论个人的身体和认知能力以及他们如何访问网络。“从根本上来说,网络的设计目的是为所有人...
November 24, 2022

React 开发者,学习 Angular

在 Angular 中创建组件假设我们要创建一个CustomButton组件。当我们在 React 中创建这个组件时,它看起来类似于://imports export const CustomButton = () => { const onClick= () => {} return ( <button onClick={onClick...
October 20, 2022

uniapp启动图.9.png制作方法

简介:目前HBuilder|HBuilderX中仅定义几种标准分辨率的启动图配置,而实际上存在很多不同分辨率的手机,导致启动图会进行拉伸或压缩引起变形,Android平台为了解决此问题就出现了可以适配各种尺寸的一种图片格式“.9.png”。这是一种特殊的图片格式,它可以指定特定的区域进行拉伸而不失真。使用.9.png的优点:避免在非标准分辨率手机上缩放变形可以只配置1张或多张图片适配更多分辨...
March 29, 2022

WEB前端基础知识体系图

一、介绍最近公司前端一直找不上人,开始帮助前端团队做一些前端的工作,发现前端知识一直掌握的不好,自己总结了一下;与大家共勉Web前端技术由 html、css 和 javascript 三大部分构成,是一个庞大而复杂的技术体系,其复杂程度不低于任何一门后端语言。而我们在学习它的时候往往是先从某一个点切入,然后不断地接触和学习新的知识点,因此对于初学者很难理清楚整个体系的脉络结构。本文将对Web...