蓦然JL

摘要： 背景 本篇文章整理了一些常见的 JavaScript 语法优化技巧，并标注了每个特性的 ECMAScript 版本，以帮助开发者更好地理解和应用这些特性。 1. 多次解构拿到最终属性值 ES6 (2015) 引入了解构赋值。 const obj = { part: { name: "David", 阅读全文

摘要： 背景 在学习 CSS 时，你可能会忽略一些鲜为人知但实用的功能。下面介绍 几 个 CSS 小技巧，从背景聚焦效果到宽高比控制，让你的页面设计更灵活、更具视觉冲击力！ 1. 父元素聚焦效果：:focus-within 功能介绍：当一个表单输入框获得焦点时，使用 :focus-within 可以让包含这 阅读全文

摘要： 前言 苹果在 WWDC25 发布了全新的液态玻璃（Liquid Glass）设计风格。 根据苹果官方介绍： Liquid Glass 统一了 Apple 平台的设计语言，同时提供更生动、更富表达力的用户体验。 Liquid Glass 是一种半透明材质，采用「反射+折射+动态变形」的复合渲染机制，营 阅读全文

摘要： 一、canvas 简介 ​<canvas> 是 HTML5 新增的，一个可以使用脚本(通常为 JavaScript) 在其中绘制图像的 HTML 元素。它可以用来制作照片集或者制作简单(也不是那么简单)的动画，甚至可以进行实时视频处理和渲染。 ​它最初由苹果内部使用自己 MacOS X WebKit 阅读全文

摘要： 当我第一次看到这动画效果时，还以为是通过 GIF、CSS3 或者 Canvas 制作的。结果出乎意料，居然是用 SVG 实现的！ 也许你对 SVG 动画还不太熟悉，那就让我们一起开启这场奇妙的旅程吧！ 什么是 SVG 动画？ SVG（Scalable Vector Graphics）是一种用于描述二 阅读全文

摘要： 一、Canvas介绍 1. canvas是html5的一个新标签，属于h5的新特性2. canvas标签是一个图形的容器，简单点说就是一块画布，你可以在上画矩形，圆形，三角形，折线等等,也可以用来画logo3. 它是通过javascript来画的，即脚本绘制图形 canvas可以用来干啥呢？1. 制 阅读全文

摘要： 在 JavaScript 中，setTimeout 和 setInterval 是处理异步操作的常用方法，分别用于延迟执行代码和定时执行代码。虽然它们使用起来十分简单，但背后的工作原理和实际应用却有许多值得探讨的细节。 一、setTimeout 和 setInterval 基础用法 1. setTi 阅读全文

摘要： 在前后端分离的开发模式下，跨域问题是一个常见且需要解决的问题。本文将介绍跨域的概念、产生原因以及常用的解决方案。 一、什么是跨域问题 跨域问题是指浏览器出于安全考虑，遵循同源策略（Same-Origin Policy），限制从一个源（协议、域名、端口）对另一个源的资源进行访问。当前端请求的接口与其所 阅读全文

摘要： 在移动端H5项目中，首页白屏时间过长会严重影响用户体验，导致用户流失和跳出率上升。本文将从白屏时间的定义、常见原因、优化方案等方面，详细讲解如何有效缩短H5首页的白屏时间。 一、白屏时间的定义 白屏时间通常指的是用户从点击页面到看到首屏内容所经历的时间，通常包括以下几个关键阶段： DNS解析：浏览器 阅读全文

摘要： 1. 深度选择器的背景 在 Vue 组件的 scoped 样式中，CSS 选择器默认仅作用于当前组件的 DOM 元素，无法直接影响子组件的内容。为了提供一种方法可以“深入”子组件的结构并应用样式，Vue 引入了深度选择器。 2. 何为深度选择器？ 深度选择器用于在 scoped 样式中穿透子组件的样 阅读全文