小小李师傅

前言 Echarts是一款基于JavaScript的数据可视化库，支持各种图表类型，包括折线图（line chart）。要在Echarts中创建一个带有双Y轴的折线图，可以...

多Y轴 多Y轴案例 蓝色的线，对应左Y轴。绿色的线，对应右Y轴 代码示例 特殊配置项 yAxis 当只需要一个Y轴时，Y轴定义为 yAxis: {} 当需要多个Y轴时，yA...

swiftUI中已经提供了很多基础的原生功能，但是还是有很多无法直接通过原生swiftUI来完成的，工程中开发者仍需要在swiftUI中依赖UIKit或AppKit代码。而...

背景 因为最近对UI规范做了改动，所以需要产出一份和UI规范相适配的脚手架，方便各个项目直接接入，脚手架的话并没有从头开始搞，而是在原来的基础上进行改造，把样式进行修改。效...

关于CSS的媒体查询 CSS媒体查询是CSS层叠样式表(Cascading Style Sheets)中的一个核心功能，它使得开发者能够根据不同的设备特性和环境条件来应用不...

我们公司的导航菜单是动态可配置的，有的页面菜单数量比较多，有的比较少。 由于大多页面菜单都是比较少的，因此当菜单非常多时， 我们采用了朴实无华的滚动条：当横向超出的时候，滚...

随着前端技术的不断更新和发展，前端工程化工具也在不断的更新和产生。我们的日常开发中一直有用的包管理工具有npm、yarn、pnpm。这三种先后顺序诞生，但是我们在使用的过程...

详解vue2到vue3的新增特性、不兼容写法和一些删除的API。 一、新增特性 1.组合式API vue2：选项式API vue3：选项式API、组合式API（ 推荐） 为...

数组的基本操作 增删、修改、遍历数组元素的具体操作和方法 push pop shift unshift reverse includes sort concat......

随着TypeScript类型的复杂性增加，TypeScript 错误变得越来越混乱。在某些时候，TypeScript 会给你带来一堆乱七八糟的括号和提示。 这个vscode...

Pinia是什么? 基于 Vue.js 的状态管理库，用于管理应用程序的数据。充分利用了Vue3的响应性系统和Composition Api🔥...

说起JavaScript语言，是一个典型的从弱小到壮大的奋斗史，一开始没有模块机制。社区先出现了CommonJS和AMD规范，后面浏览器跟进实现了ES6 Module。本文...

以下是布局： 首先，container是需要有高度的一个容器，具体怎么设置需要结合布局实际需求，大多数情况可以使用flex:1去设置。 同样的，给container设置di...

接触Vue3有一年的时间，除了刚开始用Vue3做了一个小小的项目，其后一直没有机会在项目中真正使用Vue3，反而一直维护Vue2的老项目。作为一个有追求（wuliao）的前...

element-plus的 `Statistic` 统计组件也有数字滚动的效果，其实就是用vueuse的`useTransition`，实现数字滚动非常简单。...

前言 本文对Vue源码进行解读，主要串联起new Vue()之后，八大生命周期 是如何触发的，以及Vue是如何进行dom更新渲染的。 注：本文结合Vue源码与Vue.js技...

当屏幕尺寸小于等于768px时，我们希望内容是响应式变化的，也就是使用vw为基本单位进行页面渲染；当屏幕尺寸大于768px时，我们则认为网页在Web端进行渲染，希望使用px...

一个npm包要让他人使用起来方便，需要一套完整的流程规范，让我们的包在代码规范、构建、测试以及兼容性等方面都做到充分考量，从而减少bug，提高包的质量和易用性。...

本文记录了我在滴滴从事H5开发工作，到目前为止的这一年里，我所遇到的一些比较经典的问题，主要是样式上的，希望能帮助到大家！...

本文将带你深入了解 Sentry 监控的强大功能，我们将探讨如何集成和配置 Sentry 监控，以及如何利用其捕获、追踪和处理前端错误和异常的能力...