所谓前端

用气泡框图片直接插入即可，但是，图片每次都需要加载，可以用CSS来实现！ 首先，得弄明白，气泡框是怎么实现的。知道了原理之后就可以无限变通啦！！！！ 先来一个基本的气泡框图！ 第一步，首先要有个框！很

一般做商城类的项目，为了商品促销，都会有优惠券的需求，如果有UI组可以切图那能省不少功夫，如果没有，那么我们自己也可使用CSS画出这些仿淘宝、京东的优惠券样式。 radial-gradient() 使

1. 状态管理 （1）Pinia Pinia 是最新一代的 Vue 轻量级状态管理库。它适用于 Vue 2.x 和 Vue 3.x。它是 Vue 官方成员在2019年11月重新设计的一个状态存储库，它

生成随机16进制颜色 检测元素是否处于焦点 activeElement 属性返回文档中当前获得焦点的元素。 检查设备类型 使用navigator.userAgent 判断是移动设备还是电脑设备： 文字

前言 Pinia.js 是新一代的状态管理器，由 Vue.js团队中成员所开发的，是Vue3的官方状态管理库。 Pinia.js 有如下特点： 完整的 typescript 的支持； 足够轻量，压缩后

在产品发布新版本或者有新功能上线时，经常需要新手引导功能来引导用户了解应用。下面就来分享几个开箱即用的新手引导组件库，帮你快速实现新手引导功能！ Intro.js Intro.js 是一个使用广泛的产

有一天, 你对框架很无感. 对 css 预处理也无感时, 而是更关心JS和浏览器本身. 你就已经从一个Vue工程师升级成为前端工程师. 有一天, 当你能很好的使用Ts的类型约束、lint、单元测试去帮

在看任何开源库的源码之前，必须先了解它有哪些功能，这样才能针对性地分模块阅读源码。根据 @vue/cli 的文档，它大体上分为两块功能： 项目模板生成 npm 包 @vue/cli 是这个功能的入口包

Chrome DevTools 提供了很多实用功能来调试源代码、捕获元素状态、更新和测试元素属性、模拟各种设备环境等。本文分享几个超实用的chrome调试技巧 1. 选择和检查 DOM 元素 在 Ch

在 CSS 中很多隐藏元素的方法，但这些方法的可访问性、布局、动画、性能和事件处理的方式有所不同。 动画： 一些CSS隐藏元素的方法一般是全有或者全无，元素要么是完全可见，要么是完全不可见，并且没有中

Linux 命令是在命令行（CLI）上运行的程序。命令行是接受文本行并将其处理成计算机指令的界面。任何图形用户界面 (GUI) 都是命令行程序的抽象。通过 GUI 进行多步骤处理的任务有时候可以通过在

随着前端变革，Nginx也成为了前端开发工程师必不可少应该具备的一项技能了，那nginx到底起的是吗作用？其实Nginx一直跟我们息息相关，它既可以作为 Web 服务器，也可以作为负载均衡服务器，具备

本文基于一些高频出现在设计稿中的，使用 CSS 实现稍微有点难度和技巧性的按钮，讲解使用 CSS 如何实现各种形状的按钮 先让我们来看看这些经常会出现的按钮形状： 矩形与圆角按钮 正常而言，我们遇到的

作为前端开发，我们会经常使用 console.log() 来调试程序中的问题。虽然这种方式也能解决一部分问题，但是它的效率不如能执行逐步调试的工具。本文就来学习一下如何使用 Google Chrome

前言 重排、重绘、合成是什么？总的来说，它们都是浏览器渲染页面进程中的一个小小的环节，正是这些小环节按照一定的规则有条不紊的运作，才保证了我们能正常、顺畅地网上冲浪。 本文主要介绍了重排、重绘、合成的

高手区别于普通人的重要一点是，他们善于利用工具，把更多的时间留给了规划和思考。写代码也是同样的道理，工具用好了，你就有更多的时间来规划架构和攻克难点。今天就给大家分享一下当前最流行的 js 工具库，如

箭头函数给我们的工作带来了极大的方便，但是它们有什么缺点呢？我们应该一直使用箭头函数吗？我们应该在哪些场景中停止使用箭头函数？今天这篇文章，我就跟大家汇总了4种场景下，不建议使用箭头函数的情况，希望对

dayjs简介 体积小： 仅有2kb，下载、解析和执行更少的 JavaScript 易上手： 一个轻量的处理时间和日期的 JavaScript 库，和 Moment.js 的 API 设计保持完全一样

今天来分享 Chrome DevTools 中一些非常实用的功能和调试技巧！ 1. 保留日志 当我们刷新完页面之后，通常控制台的 Console 面板就会被清空。如果想保留控制台的日志，就可以在设置中