一月内热门-前端技术文章-Golang学习网

分类:

最新
热门

一月内

三天内一周内一月内三月内

HTML中标签的使用与技巧

wbr标签用于在HTML中指定长字符串的换行点，仅在需要时生效且不显示连字符。它适用于超长URL、无空格技术标识符及特定语言复合词等场景，在逻辑断点插入<wbr>可提升可读性与布局适应性；不同于CSS的word-break或overflow-wrap，wbr提供语义化的精细控制，不影响屏幕阅读器朗读，兼容性良好；其使用应限于必要情况，如处理无法用CSS解决的特定长文本换行问题，避免常规文本中冗余添加。

文章 · 前端 | 5天前 | 476浏览收藏
JavaScript动态操作表格行技巧

动态添加或删除HTML表格行的核心在于DOM操作。1.添加行：通过document.getElementById()获取表格元素，使用insertRow()在指定位置（如末尾或特定索引）插入新行，再用insertCell()依次创建单元格并填充内容；若表格无tbody需先创建。2.删除行：通过按钮点击事件定位到对应行元素，利用confirm提升用户体验后调用removeChild()移除该行。3.插入位置控制：insertRow()接受index参数，0表示最前，省略或超过行数则插入末尾。4.事件监听优化

文章 · 前端 | 5天前 | 476浏览收藏
JS对象属性变化监听方法全解析

监听JavaScript对象属性变化的核心方法是Proxy和Object.defineProperty；2.Proxy是现代首选方案，能拦截属性的读取、设置、删除及数组方法等几乎所有操作；3.Object.defineProperty仅能监听已存在的属性，无法监听新增属性或数组变异方法，适用于属性固定的简单场景；4.Proxy通过get和set拦截实现深度监听时需递归代理嵌套对象，但存在性能开销、循环引用、对象身份变化、序列化等问题；5.数组监听在Proxy中天然支持push、pop等方法，因其内部操作会

文章 · 前端 | 3天前 | 476浏览收藏
Web组件详解：自定义元素与影子DOM应用

WebComponent的核心作用是实现组件化，让开发者创建可复用的自定义HTML元素。1.它依赖三大技术：CustomElements用于定义新标签，ShadowDOM提供样式和结构的封装，HTMLTemplates声明可复用的模板内容。2.使用步骤包括：定义继承自HTMLElement的类以设定行为，通过customElements.define()注册自定义标签，最后在HTML中像原生标签一样使用。3.属性通过observedAttributes和attributeChangedCallback监听

文章 · 前端 | 3天前 | 组件化自定义元素 ShadowDOM WebComponent HTMLTemplates 476浏览收藏
JS数组转字符串的实用方法

JavaScript中，toLocaleString方法不能直接本地化纯字符串数组，它仅对数组中的数字、日期等支持本地化格式化的数据类型生效，而对普通字符串无效；1.当数组包含数字或日期时，toLocaleString会调用各元素自身的toLocaleString方法，按指定语言环境格式化并用本地化分隔符连接；2.对于纯字符串数组，由于String.prototype.toLocaleString与toString行为一致，结果仅为逗号分隔的字符串，无实际本地化效果；3.若字符串表示数字或日期，需先通过p

文章 · 前端 | 2天前 | 476浏览收藏
事件循环如何优化I/O密集型应用性能？

事件循环优化I/O密集型应用的核心是：1.使用异步编程模型（如async/await、Promise、asyncio）替代同步阻塞调用，让CPU在I/O等待期间处理其他任务；2.理解并依赖事件循环机制，将I/O操作交由操作系统或线程池执行，主线程只负责调度和回调执行；3.设计时隔离CPU密集任务、完善错误处理与回压机制，调试时借助异步堆栈、日志和性能监控工具保障系统健壮性，最终实现高并发低资源消耗的完整解决方案。

文章 · 前端 | 3小时前 | 476浏览收藏
事件循环优化与缓存策略实现方法

传统缓存策略可能成为性能瓶颈，因其常含同步阻塞操作（如磁盘I/O、网络请求或复杂失效逻辑），会冻结主线程，尤其在高并发下导致服务卡顿；2.在Node.js中应利用事件循环优化缓存读写，通过异步I/O（如Redis客户端）、setImmediate/process.nextTick延迟非关键任务、worker_threads处理CPU密集型操作，确保主线程流畅；3.缓存失效与更新需协同事件循环，采用后台定时分批清理过期项、事件驱动失效（如RedisPub/Sub）及stale-while-revalidat

文章 · 前端 | 1星期前 | 475浏览收藏
JS中some()方法用法详解及示例

some方法用于检查数组中是否存在至少一个满足条件的元素，返回布尔值。1.它具有“短路”特性，一旦找到符合条件的元素就立即返回true；2.与every方法的区别在于some是“或”逻辑，只要有一个元素满足条件即可，而every是“与”逻辑，要求所有元素都必须满足条件；3.常见应用场景包括表单验证、权限检查、数据存在性判断、购物车状态检测等；4.使用时需注意空数组始终返回false、避免在回调中产生副作用、正确使用thisArg、处理稀疏数组时跳过空洞以及保持回调函数简洁可读。

文章 · 前端 | 1星期前 | 475浏览收藏
HTML中keygen标签作用及使用场景

keygen标签在HTML5中用于生成密钥对并提交公钥到服务器，但因浏览器支持不一致、安全漏洞、缺乏标准化以及更优替代方案的出现而被废弃。1.它曾设想用于在线银行、数字证书申请和受保护内容访问等场景，但未被广泛采用；2.现代替代方案包括：WebAuthn（提供基于硬件的安全身份验证）、PKCS#12标准格式结合JavaScript库管理密钥、或在服务器端生成密钥对；3.检测支持性可通过JavaScript判断input元素是否包含keygen属性；4.移除旧代码的步骤为：查找所有keygen标签、选择合适

文章 · 前端 | 1星期前 | Keygen 安全身份验证废弃 WebAuthn 475浏览收藏
CSS替代表格的优势与实现方法解析

用CSS替代HTML表格的传统属性，不仅能提升网页的响应性和可维护性，还标志着设计哲学的转变。1.CSS将布局和样式控制从HTML中分离，使HTML专注于语义化结构；2.Flexbox和Grid等现代CSS布局模块，提供了比传统表格布局更强大、灵活的设计能力；3.对于数据表格，CSS通过border、padding、background-color等属性替代HTML的border、cellpadding、bgcolor等属性，实现更精细的样式控制；4.语义化HTML提升了SEO和可访问性，让屏幕阅读器等辅

文章 · 前端 | 1星期前 | 475浏览收藏
HTML5WebXR技术详解与VR/AR开发教程

WebXR是一套统一Web上VR/AR开发的API，其核心在于提供统一接口访问各类设备，并包含1.XRSystem（入口点）、2.XRSession（活动会话）、3.XRFrame（渲染帧）、4.XRReferenceSpace（坐标系）、5.XRView（渲染视图）、6.XRWebGLLayer（WebGL关联）等关键概念；开发流程依次包括检查支持、请求会话、配置WebGL、创建参考空间、渲染循环、处理输入；常用框架有Three.js、Babylon.js、A-Frame、ReactThreeFiber

文章 · 前端 | 5天前 | 框架 VR/AR 沉浸式体验 WebGL WebXR 475浏览收藏
HTMLSVG怎么用？5种嵌入优化技巧

SVG的使用方法有五种：1.直接内联，优点是便于用CSS和JavaScript控制SVG属性，缺点是HTML文件臃肿；2.作为<img>标签的源，优点是简单易用，缺点是无法控制SVG内部元素；3.作为CSS背景图片，优点是可利用CSS背景属性控制显示效果，缺点同上；4.使用<object>标签，优点是可以设置备用内容，缺点是使用复杂；5.使用<iframe>标签，优点是隔离样式和脚本，缺点不利于SEO。SVG优化技巧包括精简代码、使用矢量图形编辑器、使用SVGO压缩工具

文章 · 前端 | 2天前 | html 动画优化 SVG 矢量图形 475浏览收藏
ReactContext传递用户ID解决登录跳转问题

本文旨在解决React应用中用户登录后，如何在不同组件间共享用户ID，并实现页面跳转时传递用户ID的问题。通过使用ReactContext，我们可以方便地在组件树中传递用户ID，避免繁琐的props传递，并实现用户登录状态下的个性化页面展示。文章将提供详细的代码示例和步骤，帮助开发者快速掌握ReactContext的使用方法。

文章 · 前端 | 2天前 | 475浏览收藏
CSS卡片阴影实现技巧

drop-shadow的优势在于能根据元素实际形状投射阴影，适用于透明或不规则元素。1.优势包括：跟随元素形状、支持SVG；2.劣势包括：性能开销大、兼容性较差、功能较简单；3.选择方案时应考虑：矩形阴影用box-shadow，不规则形状用drop-shadow，SVG需用drop-shadow，复杂效果需结合其他技术，兼容性需注意旧浏览器支持情况。

文章 · 前端 | 3星期前 | 性能兼容性 box-shadow CSS阴影 drop-shadow 474浏览收藏
Vue防止点击劫持的几种有效方法

在Vue.js中防止点击劫持的方法是通过设置HTTP响应头。具体方法包括：1.设置X-Frame-Options头，值可选DENY、SAMEORIGIN或ALLOW-FROMuri，示例代码为在Express.js中使用app.use((req,res,next)=>{res.setHeader('X-Frame-Options','DENY');next();})。2.设置Content-Security-Policy头，示例代码为app.use((req,res,next)=>{res.s

文章 · 前端 | 3星期前 | 474浏览收藏

1 21 22 23 367

查看更多

课程推荐

前端进阶之JavaScript设计模式

设计模式是开发人员在软件开发过程中面临一般问题时的解决方案，代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景，打造一站式知识长龙服务，适合有JS基础的同学学习。

542次学习
GO语言核心编程课程

本课程采用真实案例，全面具体可落地，从理论到实践，一步一步将GO核心编程技术、编程思想、底层实现融会贯通，使学习者贴近时代脉搏，做IT互联网时代的弄潮儿。

511次学习
简单聊聊mysql8与网络通信

如有问题加微信：Le-studyg；在课程中，我们将首先介绍MySQL8的新特性，包括性能优化、安全增强、新数据类型等，帮助学生快速熟悉MySQL8的最新功能。接着，我们将深入解析MySQL的网络通信机制，包括协议、连接管理、数据传输等，让

498次学习
JavaScript正则表达式基础与实战

在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。

487次学习
从零制作响应式网站—Grid布局

本系列教程将展示从零制作一个假想的网络科技公司官网，分为导航，轮播，关于我们，成功案例，服务流程，团队介绍，数据部分，公司动态，底部信息等内容区块。网站整体采用CSSGrid布局，支持响应式，有流畅过渡和展现动画。

484次学习
Golang深入理解GPM模型

Golang深入理解GPM调度器模型及全场景分析，希望您看完这套视频有所收获；包括调度器的由来和分析、GMP模型简介、以及11个场景总结。

474次学习

查看更多

AI推荐

千音漫语

千音漫语，北京熠声科技倾力打造的智能声音创作助手，提供AI配音、音视频翻译、语音识别、声音克隆等强大功能，助力有声书制作、视频创作、教育培训等领域，官网：https://qianyin123.com

113次使用
MiniWork

MiniWork是一款智能高效的AI工具平台，专为提升工作与学习效率而设计。整合文本处理、图像生成、营销策划及运营管理等多元AI工具，提供精准智能解决方案，让复杂工作简单高效。

106次使用
NoCode

NoCode (nocode.cn)是领先的无代码开发平台，通过拖放、AI对话等简单操作，助您快速创建各类应用、网站与管理系统。无需编程知识，轻松实现个人生活、商业经营、企业管理多场景需求，大幅降低开发门槛，高效低成本。

126次使用
达医智影

达医智影，阿里巴巴达摩院医疗AI创新力作。全球率先利用平扫CT实现“一扫多筛”，仅一次CT扫描即可高效识别多种癌症、急症及慢病，为疾病早期发现提供智能、精准的AI影像早筛解决方案。

117次使用
智慧芽Eureka

智慧芽Eureka，专为技术创新打造的AI Agent平台。深度理解专利、研发、生物医药、材料、科创等复杂场景，通过专家级AI Agent精准执行任务，智能化工作流解放70%生产力，让您专注核心创新。

122次使用