Li的BLOG-CSDN博客

原创 vite 和 vite preview的区别？

搭建vue+vite 项目，pnpm dev 和 pnpm preview有什么不同？2、vite preview 是启动本地 web 服务器，是预览打包后的dist文件。3、所以在运行vite preview 之前先运行build构建生成dist文件。1、vite 是使用HMR启动本地 web 服务器进行开发。

2024-06-19 10:38:33 423

原创前端性能优化

什么叫关键css，怎么提取关键 css，webpack-css-extra-plugin、webpack-prerender-plugin 将提取到的 css 内联插入到节点。这些性能监听或者上报的代码，我们通常只会写一次，web-tracker。是什么原因导致首屏加载慢？预加载：preload。

2024-06-18 17:10:13 439

在node开发中使用npm init 会生成一个 pageage.json 文件，这个文件是用来记录项目的详情信息，它会将我们项目总所用到的包，以及项目的详细信息等记录。方便以后项目的版本迭代和项目迁移，也是防止在后期的项目维护中误删除一个包导致项目不能正常运行。使用npm init 初始化项目还有一个好处就是在进行项目传递的时候不需要将项目依赖包一起发送给对方，对方在接受到项目之后，直接执行npm install 就可以将项目中使用的依赖包全部下载到项目中。3、npm install 包名 -g。

2024-04-10 18:04:17 1316 1

原创前端登陆流程

5、前端每次向后端请求接口时都要携带token，在项目中通常封装在请求拦截器中，后端判断请求头中是否存在token，有则验证该token，验证成功就会正常地返回数据，验证失败，比如过期，就会返回相应的错误码，前端拿到相关错误信息清除token，并且再回退到登录页。2、后端接收到请求后，会验证账号和密码，如果验证失败，返回相关错误信息，前端会在页面中提示相应的错误信息；如果验证成功，就会生成当前账户所对应的一个token值，并把token反给前端；

2024-03-29 14:08:39 327 1

原创父组件给子组件传值，子组件数据不更新，什么问题，怎么解决

2、可以给子组件动态绑定唯一标识key，如果数据发生变化时，同时更改下key值，这样就会重新渲染下子组件。1、利用watch监听数据的方式，如果数据发生变化，调用视图渲染方法。1、父组件没有把值传过去，子组件没有获取到最新的值。2、子组件接收到最新的值，但是没有实时渲染到视图上。

2024-03-28 17:29:36 4324 1

原创 Vue组件传值（通信）方式

2.子组件直接获取父组件的数据，也可以直接修改父组件的数据，通过this.$parent.xxx。3.依赖注入，父组件通过provide 添加依赖项，使用组件直接通过inject获取。2.父组件直接获取子组件的数据，父组件通过this.$refs.child.xxx。1.子组件可以通过this.$emit(“自定义事件名称”,数据)传值给父组件。优势：父组件可以直接向某个后代组件传值，不需要一级一级的传递数据。1.通常新建bus.js文件来做,实例一个对象，全局使用。缺点：不太确定从哪个父组件传值过来的。

2024-03-28 15:25:05 253

weixin_38662465的博客

原创 vite 和 vite preview的区别？

原创前端性能优化

原创 npm init 初始化项目

原创前端登陆流程

原创父组件给子组件传值，子组件数据不更新，什么问题，怎么解决

原创 Vue组件传值（通信）方式

原创谈谈对vue的理解

原创 VUE或JS的浮点型除法无法精确计算

原创 vuex中state对象中的值更新后getters没有监听到state数据的改变的问题，state数据跟新页面不刷新问题

空空如也

空空如也