Royalphone

前言 最近在协助小伙伴解决问题时，在项目中都会遇到一些 “砍树型” 的写法，这些写法容易让后续 简单 的需求变得 复杂，都说 "前人栽树后人乘凉"，但项目中有些写法是真的让...

引入 打开 Vue3 的官方文档，它首先会告诉你，Vue 的组件可以按两种不同的风格书写：选项式 API 和组合式 API。文档为我们提供一系列两种风格的代码参考，供我们按...

又看到一个谈 ref 和 reactive 的文章，文章举了一堆似是而非的例子说明 reactive 不好。 作为一个坚定的 reactive 拥护者和使用者，我觉得是时候...

困扰着前端人自适应大屏适配的噩梦可能要被这短短的几行代码破解了，难道这就是大屏适配的最优解？快来看看这款名为autofit的小工具，用了都说好！...

要引入一张文件名为动态的本地图片 原来使用vue-cli 或者 webpack 构建的vue程序 使用require就可以很好的解决 但是require这个东西是webpa...

首先安装相关依赖postcss-px-to-viewport-8-plugin或者postcss-px-to-viewport都可以 npm install postcss...

我正在参加「掘金·启航计划」 `tailwindcss` 和 `UnoCSS` 都是原子化CSS模式实现的一种，为什么现在我更推荐 `UnoCSS`...

总览 最近完成了一个公司内部的网站，开发使用 vue3 和 vite 的全新的 web 框架 vitesse。本文会对使用的整体框架进行分析，以及实现的功能点的介绍。...

分享一些自己常用的js简写技巧，使自己的代码更简洁、优雅~ If-Else 用 || 或 ?? 运算符进行简化 逻辑或操作符||这里要注意的是0和''也会认为是false ...

组件是前端框架的基本构建块。把它们设计得更好会使我们的应用程序更容易改变和理解。在这节课中，分享一下在过去几年中工作中学到的 9 个技巧。 1. 你可能不需要创建一个组件 ...

通过在uniapp中使用better-scroll，聊一下renderjs的一些细节，包含一些官方文档中没有的东西...

vue-cron 插件的使用 最近项目中用到这个，然后自己找了一些插件，发现还是这个好用，也兼容vue,记录一下！...

你是否遇到过写css没灵感，写不出酷炫的效果，那这篇文章你一定要看完。知道这几个开源库，它能让你写出炸天的效果并且有效地增加你的摸鱼时长。 1.CSS Inspiratio...

遇到屎山代码，大多数人第一反应就是这谁写的代码这么差，其实大多数公司大多数人至少曾经都写过一些屎山代码，有屎山代码很正常，问题在于怎么快速梳理出业务逻辑，防止在迭代新需求时...

pinia-plugin-persistedstate 适用于 Pinia 的持久化存储插件 简单易用 高度可定制性 随处可用...

vue + vite + typescript项目 首先，安装unplugin-vue-define-options依赖 然后，配置vite.config.ts 接着，在t...

Hooks是React等函数式编程框架中非常受欢迎的工具，合理使用可以为业务开发带来很多便利，在组合式API推出后，在vue之中也可以使用hook...

Jenkins是开源CI&CD软件领导者， 提供超过1000个插件来支持构建、部署、自动化， 满足任何项目的需要。...

tsc tsc tsc 命名默认会编译整个项目所有的ts文件,但是也可以自己指定文件名,例如tsc test.ts,但是编译的文件默认和源文件在同一文件夹下，这是因为tsc...

作为一名前端程序媛👨🏻‍💻，对npm和yarn这两个包管理器一定不陌生，那么你听说过pnpm么？它到底是个什么东西？和npm还有yarn有什么区别，又有什么作用呢？本...