公众号：【前端欧阳】

摘要： 前言 日常开发时有些业务场景功能很复杂，如果将所有代码都写在一个vue组件中，那个vue文件的代码量可能就几千行了，维护极其困难。这时我们就需要将其拆分为多个组件，拆完组件后就需要在不同组件间共享数据和业务逻辑。有的小伙伴会选择将数据和业务逻辑都放到pinia中，这样虽然可以解决问题。但是如果将所有 阅读全文

摘要： 前言 有时出现的线上bug在测试环境死活都不能复现，靠review代码猜测bug出现的原因，然后盲改代码直接在线上测试明显不靠谱。这时我们就需要在生产环境中debug代码，快速找到bug的原因，然后将锅丢出去。 生产环境的代码一般都是关闭source map和经过混淆的，那么如何进行debug代码呢 阅读全文

摘要： 前言 日常开发时有些特殊的场景需要在非 setup 期间调用inject函数，比如app中使用provide注入的配置信息需要在发送http请求时带上传给后端。对此我们希望不在每个发起请求的地方去修改，而是在发起请求前的拦截进行统一处理，对此我们就需要在拦截请求的函数中使用inject拿到app注入 阅读全文

摘要： 前言 在日常开发中vue的模版语法在大多数情况都能够满足我们的需求，但是在一些复杂的业务场景中使用模版语法就有些麻烦了。这个时候灵活的JSX/TSX渲染函数就能派上用场了，大多数同学的做法都是将*.vue文件改为*.tsx或者*.jsx文件。其实我们可以直接在*.vue文件中直接使用JSX/TSX渲 阅读全文

摘要： 前言 最近接到一个需求，需要在一些敏感操作进行前要求输入账号和密码，然后将输入的账号和密码加到接口请求的header里面。如果每个页面都去手动导入弹窗组件，在点击按钮后弹出弹窗。再拿到弹窗返回的账号密码后去请求接口也太累了，那么有没有更简单的实现方式呢？ 函数式弹窗的使用场景 首先我们来看看什么是函 阅读全文

摘要： 介绍 毕业于成都理工电气专业，大学毕业后进入了一家电气公司，月薪2000元。一直对互联网行业感兴趣，但由于没有相关专业背景，所以一直没有勇气转行。 转行契机 公司的书记想搞一个内部生产管理系统，看我们4个应届毕业生每天都在打酱油，就找到我们想让我们研究一下看能不能做出这个系统（公司里面没有搞IT的） 阅读全文

摘要： --{module_name}_binary_host_mirror和--{module_name}_binary_site demo // .npmrc文件 sass_binary_site=https://npmmirror.com/mirrors/node-sass/ nodejieba_bi 阅读全文

摘要： 脚手架 Vite：vite是集成了svelte，初始化的时候选择svelte就行了。 npm init vite SvelteKit：底层基于vite的更上层框架，类似于nextjs。 npm create svelte@latest my-app cd my-app npm install npm 阅读全文

摘要： svelte文件编译为js后的结构 源代码： <script lang="ts"> let firstName = '张' let lastName = '三' let age = 18 function handleChangeName() { firstName = '王' lastName = 阅读全文

摘要： 前言 最近研究了一下css3的3D效果，写了几个demo，写篇博客总结一下实现的经过。PS:如果对transform-origin/perspective/transform-style这些概念还不了解，可以先看看张鑫旭大神写的这篇通俗易懂的文章：好吧，CSS3 3D transform变换，不过如 阅读全文