- 博客(7)
- 收藏
- 关注
RSS订阅原创 nuxt3 学习笔记
在nuxt3中为默认缓存所有数据到payload中，但是从后端传回的数据会有冗余的字段，所以可以通过Pick字段来设置需要的字段，例如：pick: ['id', 'name'] 等，需要注意的是Pick只能从数据源是对象的结构里面去寻找。如果返回的是数组，或者其他格式，那么会直接报500的错误。2.动态路由的形式为 文件夹及文件名已中括号的形式生成，例如： user-[group]/[id].vue，跳转路径为 user-admin/2 即可，获取动态参数的方式为 $route.params.group。
2024-07-13 17:16:44
187
转载 JavaScript的代码整洁之道
将源自 Robert C. Martin 的Clean Code的软件工程原则适配到 JavaScript。这不是一个代码风格指南， 它是一个使用 JavaScript 来生产 可读的， 可重用的， 以及可重构的软件的指南。这里的每一项原则都不是必须遵守的， 甚至只有更少的能够被广泛认可。这些仅仅是指南而已， 但是却是Clean Code作者多年经验的结晶。我们的软件工程行业只有短短的 50 年， 依然有很多要我们去学习。当软件架构与建筑架构一样古老时， 也许我们将会有硬性的规则去遵守。
2024-06-27 17:09:02
167
1
原创 前端页面布局建议
建议必填表单无须设置clearable属性。对于动态内容，使用min-width/height、max-width/height等限制合理的宽度或者高度，避免影响整体的布局。8.建议项目采用系统自带的字体，且控制字体类型的数量（尽量不要引入额外中文字体，有特殊场景需让UI单独筛一下使用到的字符）8.抽屉或弹窗的表单，关闭时需增加二次确认校验，表单的提交需要处理重复提交的问题，节流或者增加loading状态。1.建议布局支持响应式，设置最小宽度/高度，小于最小值时出现横/纵向的滚动，避免式样错乱。
2024-06-27 14:09:23
272
原创 前端杂七杂八笔记(不定期更新)
2.import().then里面去执行代码,这样打包的时候会被识别到然后进行一个代码准确的分割。1.requestAnimationFrame不会阻塞主线程,是在下一次重绘前执行。
2024-06-27 13:43:57
85
原创 react细节笔记(不定期更新)
8.redux 实际上也是单例模式的一种,核心是订阅模式的方式来实现,以store为数据中心,使用dispatch修改数据,使用subscribe 订阅数据. 修改数据的时候就会通知对应的订阅。17.useMemo和useCallback的区别是一个是直接返回的运行结果,一个是返回的函数.useMEmo是只有当依赖发生变化的时候才会执行.是用函数闭包来做缓存。15.高阶组件HOC的含义是.入参是组件,出参也是组件.可以用来实现例如 公共模块抽象,提升复用性,权限控制,捕获异常等.
2024-06-27 13:42:04
219
原创 vue细节笔记注意(不定期更新)
4、watch可以更精确的控制你想要响应的某个依赖回调并且能拿到新旧值做对比,不会立即执行,除非手动设置immediate, watchEffect 传入的函数也是依赖的收集源,会被动追踪函数里面的全部依赖,并且立即执行更新,从实现上来说,watchEffect(fn) == watch(fn, fn, { immediate: true })，底层源码上来讲 watchEffect 是不传第二个参数的,因为fn即当执行函数也当依赖函数。3、路由不能使用异步组件，但可以异步加载。
2024-06-27 13:20:17
146
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人