YF小林犟

什么是Vue I18n? Vue I18 n是Vue.js的国际化插件。它可以轻松地将一些本地化功能集成到Vue.js应用程序中。官网： https://vue-i18n.intlify.dev/ 1. 安装npm add vue-i

2023-02-06 笔记

Vue Vue I18n

1. 首屏性能指标 FP First Paint/首次绘制 FCP First Contentful Paint/首内容绘制 FMP First Meaningful&n

2023-02-03 面试题

javascript

React 的代码分割与懒加载通过 React.lazy 和 Suspense 实现动态加载组件，可以有效减少初始加载时间，提高页面的首屏性能。代码分割的核心思想是将大文件拆分为多个小文件，按需加载，从而避免一次性加载过多内容。示例场景

2023-01-18 面试题

React

合理使用useEffect，避免不必要的副作用在 React 中，useEffect 是一个常用的钩子，用于处理副作用（例如数据获取、订阅等）。但是，如果依赖数组配置不当，会导致以下问题：副作用重复执行：依赖数组过大或配置错误时，

2023-01-16 面试题

React

优化图片和资源加载：使用现代图片格式和懒加载提升图片和资源加载性能是前端优化的重要环节，尤其在页面中存在大量图片时。下面是优化的几种方法以及代码示例。优化方式现代图片格式： WebP、AVIF 是现代图片格式，具有更高的压缩率和更小的文

2023-01-15 面试题

React

在优化 React 应用时，有许多具体的细节可以关注，以提升性能、可维护性和用户体验。以下是一些关键的优化细节 1. 使用React.memo对于纯组件（Pure Components），使用 React.memo 包装防止不必要的重

2023-01-14 面试题

React

场景1：移动端项目，有大量的图片需要访问，在4g或者wifi的网络状态下做不同的优化场景2：在后台系统访问，有时候会遇到断网或者网络不好得时候，所以这里需求是在请求发送之前判断网络环境，如果断网给出提示，弱网超过一定时间提示请求超时在面

2023-01-10 笔记

javascript

Nginx转发解决前后端分离项目跨域请求前端使用 vue，后端使用spring boot，前端学习到了发送请求，就测试了一下发送天天基金的接口（接口地址为: http://fundgz.1234567.com.cn/js/001186.js

2022-12-09 nginx

nginx

场景：为方便管理每次打包部署到测试环境，具体是哪条分支、什么时间、打包人… 所以手写一个 webpack 插件：实现打包时生成一个 git 分支版本信息的文件效果图：分析：1、首先获取项目当前所在分支的信息，如：分支名，提交人，时

2022-12-08 笔记

Vue javascript

效果图： <el-form :model="Form" ref="Form" label-width="100px" class="demo-dynamic"> <el-form-item prop="em

2022-12-06 笔记

Vue javascript

场景：同一个页面有多个模块，每个模板又单独使用了一个表单组件，那么我们在点击提交按钮时如何同时校验多个表单，我们可以使用Promise 方案：1、子组件子组件：return 出当前的表单的数据 onSubmit() { l

2022-12-05 笔记

Vue javascript

场景：点击上移或下移按钮进行列表移动，第一行则不能上移，最后一行则不能下移解决方案：<el-button @click="moveUp(index)">上移</el-button> <el-button

2022-12-03 笔记

Vue javascript