获得徽章 1
#青训营笔记创作活动#
1.27 Day11
学习内容：Pnpm在monorepo项目使用起来会更加方便，同时效率更高，避免了非访问安全问题
1.27 Day11
学习内容：Pnpm在monorepo项目使用起来会更加方便，同时效率更高，避免了非访问安全问题
评论
点赞
赞了这篇沸点
#青训营笔记创作活动#
1.26 Day10
今日学习：学习了Js写图片在移动端和客户端的预览功能，还复习了一些Js事件
1.26 Day10
今日学习：学习了Js写图片在移动端和客户端的预览功能，还复习了一些Js事件
评论
点赞
#青训营笔记创作活动#
1.22 Day9
今日学习内容：Console除了加log，assert,error,warn 还有多种。还有断点包括直接断点，VS断点等多种断点
1.22 Day9
今日学习内容：Console除了加log，assert,error,warn 还有多种。还有断点包括直接断点，VS断点等多种断点
评论
点赞
#青训营笔记创作活动#
1.21 补充Day7
今日学习：使用Ant 框架的时候会遇到一些问题，这篇文章很好的解决了这些问题
1.21 补充Day7
今日学习：使用Ant 框架的时候会遇到一些问题，这篇文章很好的解决了这些问题
评论
点赞
#青训营笔记创作活动#
1.20 Day8
今日学习：二十个开源代码项目有H5 等各种类型的框架 使开发变得更加容易 美美收藏了
1.20 Day8
今日学习：二十个开源代码项目有H5 等各种类型的框架 使开发变得更加容易 美美收藏了
评论
点赞
赞了这篇沸点
#青训营笔记创作活动#
1月15日 打卡day33
今日学习
Store应该存储可以在整个应用中访问的数据，如导航栏中显示的用户信息，以及需要通过页面保存的数据，如非常复杂的多步骤表单。应该避免在存储中包含本可以托管在组件中的本地数据，如页面元素的可见性。
Pinia核心概念：
store：状态仓库
state：状态，和vuex保持一致
getters：类似组件的计算属性，和vuex的getters保持一致
actions：和vuex的actions保持一致，可以处理逻辑并修改状态
一个登录案例
1.mock
npm i -D vite-plugin-mock mockjs
webpack中通常会配置NODE_ENV。而Vite中defineConfig函数的config参数包含一个command属性，执行vite（开发）命令时值为serve，执行 vite build（构建）命令时值为build。mock插件有一个配置项可以决定是否开启服务，默认开启。结合command属性可以动态切换状态：
import {viteMockServe} from 'vite-plugin-mock'
plugins:[viteMockServe({localEnabled:command==='serve' })]
mock插件默认读取根目录下mock文件夹作为mock server。新建一个模拟用户接口的服务/mock/user.js，它导出一个数组，每一项模拟一个接口：
export default [{url:"/api/login",method:"post",response:()=>{return{code:0,message:'success',data:{token:"",username:"kw"}} }}]
2.使用
创建pinia
注册pinia
创建store
抽离需要管理的数据作为state，声明getters状态读取，声明actions处理业务逻辑
在需要的地方导入和使用store
3.状态持久化
Pinia数据是存在内存中的，页面刷新数据就会丢失。对于一些重要数据，需要持久化到本地存储，简单的数据可以直接调用Storage API。也可以使用持久化插件pinia-plugin-persistedstate。
1月15日 打卡day33
今日学习
Store应该存储可以在整个应用中访问的数据，如导航栏中显示的用户信息，以及需要通过页面保存的数据，如非常复杂的多步骤表单。应该避免在存储中包含本可以托管在组件中的本地数据，如页面元素的可见性。
Pinia核心概念：
store：状态仓库
state：状态，和vuex保持一致
getters：类似组件的计算属性，和vuex的getters保持一致
actions：和vuex的actions保持一致，可以处理逻辑并修改状态
一个登录案例
1.mock
npm i -D vite-plugin-mock mockjs
webpack中通常会配置NODE_ENV。而Vite中defineConfig函数的config参数包含一个command属性，执行vite（开发）命令时值为serve，执行 vite build（构建）命令时值为build。mock插件有一个配置项可以决定是否开启服务，默认开启。结合command属性可以动态切换状态：
import {viteMockServe} from 'vite-plugin-mock'
plugins:[viteMockServe({localEnabled:command==='serve' })]
mock插件默认读取根目录下mock文件夹作为mock server。新建一个模拟用户接口的服务/mock/user.js，它导出一个数组，每一项模拟一个接口：
export default [{url:"/api/login",method:"post",response:()=>{return{code:0,message:'success',data:{token:"",username:"kw"}} }}]
2.使用
创建pinia
注册pinia
创建store
抽离需要管理的数据作为state，声明getters状态读取，声明actions处理业务逻辑
在需要的地方导入和使用store
3.状态持久化
Pinia数据是存在内存中的，页面刷新数据就会丢失。对于一些重要数据，需要持久化到本地存储，简单的数据可以直接调用Storage API。也可以使用持久化插件pinia-plugin-persistedstate。
展开
评论
7
#青训营笔记创作活动#
1.16 Day6
学习内容：文章有大概九个Css属性，其中很多原本是Js才能实现的效果，现在却能用一行Css代码直接实现
1.16 Day6
学习内容：文章有大概九个Css属性，其中很多原本是Js才能实现的效果，现在却能用一行Css代码直接实现
评论
点赞
#青训营笔记创作活动#
1.15 day 5
学习内容：Vite项目配置起来比Webpack方便很多，可以采用这两种屏幕适配的方案配置Vite，使我学习Vite更加快速。美美收藏
1.15 day 5
学习内容：Vite项目配置起来比Webpack方便很多，可以采用这两种屏幕适配的方案配置Vite，使我学习Vite更加快速。美美收藏
评论
点赞
#青训营笔记创作活动#
1.13 打卡Day4
学习内容：之前开发的时候页面上的图片加载都很慢，学了这个之后，可以提高开发质量啦，马上就去试试！
1.13 打卡Day4
学习内容：之前开发的时候页面上的图片加载都很慢，学了这个之后，可以提高开发质量啦，马上就去试试！
评论
点赞
#青训营笔记创作活动#
1.11 打卡Day3
学习内容：学习了很多Css的动态效果，博主整理归纳总结的学习方式值得我借鉴，美美收藏了这些干货，后续开发就方便了
1.11 打卡Day3
学习内容：学习了很多Css的动态效果，博主整理归纳总结的学习方式值得我借鉴，美美收藏了这些干货，后续开发就方便了
评论
点赞