蓦然JL

摘要： 前言 苹果在 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 样式中穿透子组件的样 阅读全文

摘要： JavaScript 真是一个特殊的语言, 其他语言都只有一个表示 "无" 的值, 比如 Java 语言用的是 null, C 语言用的是 NULL, Python 语言用的是 None, Ruby 语言用的是 nil. 只有 JS 里面表示 "空" 的有两个, 一个是 undefined, 一个是 阅读全文

摘要： 先有问题再有答案 滚动的前提是什么 浏览器提供了哪些滚动api scroll, scrollTo, scrollBy, scrollIntoView 有什么区别？ 这些api具体如何使用 这些api在使用上有什么问题 如何实现一个smooth效果的scrollTo api？ offsetTop、of 阅读全文