蓦然JL

摘要： 先比较一下 三者都是侦听工具，实现的是观察者模式，所以我们可以把三者放在一起，做一下横向对比，辅助大家理解。 对比依据 computed watch watchEffect 是否自动收集依赖（1） 自动 需要指定依赖对象 自动 有无返回值 有 无 有 是否可以赋值 可以 不能 不能 使用场景 简单情 阅读全文

摘要： 对uniapp开发map进行的说明，(uniapp是一个使用vue.js开发所有前端应用的框架，开发者编写一套代码，可以发布到ios，android，web以及各种小程序，快应用等多个平台),并对uniapp使用map组件的基本使用方法做了详细的介绍，并对地址搜索、获取附近动态，地图上标注附近的人， 阅读全文

摘要： 今天推荐一个专为Vue 3设计的轻量方案——vfit，通过“全局缩放管理+组件化定位”的思路，让适配工作变得简单可控。 为什么需要vfit？ 传统适配方案（如rem、vw/vh）的痛点在于： 仅能处理“大小”适配，难以保证“位置”在不同分辨率下的一致性； 需手动维护基准值，缩放逻辑与业务代码耦合； 阅读全文

摘要： 背景 本文将深入讲解如何使用 snapdom 和 jsPDF 实现高质量的 HTML 转 PDF 功能，并通过一个完整的消息列表导出案例，带你掌握这套方案的核心技术。 为什么 HTML 转 PDF 如此重要？ 在现代 Web 应用中，HTML 转 PDF 是一个非常常见的需求场景： 客服系统：导出聊 阅读全文

摘要： 不是什么奇技淫巧，但是一行css代码可能让你省下js代码，作为前端的你变得更加专业： 1. 阻止鼠标选择文本 .no-select { user-select: none } 阻止用户在页面上选择文本。 2. 响应式文字大小 /* Fixed minimum value below the mini 阅读全文

摘要： 一、前言 async/await是什么？为什么会有它？ 我们先说结论： async/await 是 JavaScript 中处理异步操作的一种语法糖。它基于Promise，但让异步代码写起来更像同步，读起来更清晰。 那问题来了：为啥需要它？Promise 不香吗？ 1. 为什么会有 async/aw 阅读全文

摘要： 背景 本篇文章整理了一些常见的 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 阅读全文