- 博客(64)
- 收藏
- 关注
RSS订阅原创 vue3第二十三节（全局属性方法应用）
vue3中全局方法使用，provide | inject 依赖注入法，globalProperties全局属性对象
2024-04-25 21:20:07
109
原创 vue3第二十二节（defineOptions用途）
vue3中新增加的 defineOptions() 用于设置父子组件属性的透传，以及设置组件的name属性
2024-04-19 21:12:47
536
1
原创 vue3第二十一节（新增编译宏defineExpose）
vue3 中新增编译宏 defineExpose() 用于父子组件之间通讯，子组件通过defineExpose()抛出可以让，父组件链式调用子组件中的属性方法
2024-04-17 21:38:23
320
原创 vue3第二十节（新增编译宏defineModel）
vue3中新增编译宏 defineModel()，使用注意事项，解决父子组件之间数据双向绑定
2024-04-17 21:17:33
404
原创 vue3第十九节（编译宏defineProps与defineEmits）用法注意事项
vue 中如何使用 defineProps() 和 defineEmits()编译宏，以及对应的注意事项
2024-04-15 22:19:52
418
原创 vue3第十八节（diff算法）
vue 项目中diff的用途，以及vue3项目相比较 vue2中diff做了那些优化提升，及vue3新增加的特性，使得vue3加载更快、编译更快、算法的效率提升更高
2024-04-11 23:50:19
636
2
原创 vue3第十六节（keep-alive 内置组件）
keep-alive是vue中的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM；keep-alive 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们
2024-04-09 21:39:12
571
原创 vue3第十五节（Suepense）
suepense是先渲染的默认插槽中的内容，而在默认插槽渲染的进程中，如果遇见异步加载的组件或数据，则会渲染。提供了更平滑的解决方案，使UI加载更加流畅，有助于用户体验的提升，避免了加载过程中的空白或闪烁问题。插槽中的 加载中 数据会自动消失，进而渲染为默认插槽中的数据；包裹这些组件，直到所有需要的数据加载完成后再渲染。可以提供一个加载中状态，告诉用户内容正在加载中。使用，实现路由级别的懒加载，优化应用的启动速度。可以处理组件加载过程中的各种状态，提升应用性能。可以等待数据加载完成之后，再进行组件的渲染。
2024-04-07 21:45:34
312
1
原创 学习vue3第十三节（组件之间传参通讯：props/$emit/$on/provide/inject/$attrs/$parent/pinia）
vue3项目中组件之间传参，事件触发：常用的六中方式：props 、$emit、$on、provide、inject、$attrs、$parent、pinia、defineExpose
2024-04-01 21:19:01
620
原创 学习vue3第十二节（组件的使用与类型）
vue2、vue3中组件的类型，以及组件的注意事项，特别是递归组件的使用，动态组件的用法，全局组件、局部组件各有自己的优点
2024-03-28 22:48:26
1086
3
原创 学习vue3第十一节（依赖注入：provide/inject）
vue 项目中，组件直接的通讯之依赖注入：provide/inject；全局依赖注入，父子祖孙之间通讯
2024-03-25 23:00:26
912
原创 学习vue3第九节（新加指令 v-pre/v-once/v-memo/v-cloak ）
vue3中新添加指令如： v-pre/v-once/v-memo/v-cloak
2024-03-20 17:28:59
514
原创 学习vue3第七节其他常用api
vue3项目中常用api、如：readonly()、isReadonly()、shallowReadonly()、isProxy()、toRaw()、markRaw()
2024-03-18 21:09:51
379
原创 学习vue3第六节（vue3 中 computed watch watchEffect）
vue 项目中 computed() 、watch() 、watchEffect()的使用以及注意事项
2024-03-15 21:49:18
552
原创 学习vue3第五节（reactive 及其相关）
vue3中响应式api的使用，以及注意事项 reactive()、 ref()、toRefs()、toRef()、isReactive()、 shallowReactive()使用
2024-03-13 22:05:22
555
2
原创 学习vue3第四节（ref以及ref相关api）
vue3 中ref以及ref相关内容，isRef 、unref、shallowRef、triggerRef、customRef
2024-03-12 22:07:25
932
原创 TypeScript 中for in遍历，元素隐式具有 “any“ 类型,因为类型为 “string“ 的表达式不能用于索引类型
vue ts中遍历对象时： 元素隐式具有any类型，因为类型为 string 的表达式不能用于索引类型
2023-11-01 09:25:19
407
原创 微信小程序自定义头部状态栏
1、自定义状态中包含a、返回按钮；b、home-icon;c、定位信息；废话不多说直接上代码：本次书写第一次使用uni-app:有错误地方感谢批评指出2、DOM结构<template> <view> <view class="head_nav" :style="{'height':navBarHeight+'px', 'background-color':barBgColor}"> <view class="status-bar" :s
2020-05-09 15:32:34
629
原创 微信小程序购物车商品单选、多选、数量变化、结算等
1、本文只是提供一种思路，具体实现因原型各异；2、首先是购物车中商品单选、全选、反选（1）、假设后台提供的数据结构如下：dataList: [ { id: "01fedabc742d42938061b6599798651e", image: "https://jianyouquan.oss-cn-beijing.aliyuncs.com/timg (4).jpg...
2020-04-01 10:24:03
4724
原创 小程序多规格商品
1、数据结构 （后台提供的）goodsBaseInfo: { // 单个商品 goodsId: "", "skuNameList":[ // 最多三个，最少一个； {//规格名称 "id":"3333",//id "name":"颜色",//名字 //"specific...
2020-03-31 17:46:56
1434
2
原创 微信小程序突破页面层级限制
笨重的方法1、首先自定义头部导航组件 相关DOM结构；<view class="head_nav"> <view style="width:100%;height:{{statusBarHeight}}px;background-color:{{barBgColor}};" class="top_bar"></view> <view class...
2020-03-31 16:48:40
1574
原创 记录一些遗忘
记录一、前端主流性能优化方式有哪些？如：a/页面级优化；b/代码级优化；1、页面级优化；(1)、减少HTTP请求数；a/设计的时候简化页面；b/合理设置HTTP缓存；如：很少变化的资源可以通过HTTP Header中的Expires设置一个长时间的过期头；变化不频繁的而又会变化的资源可以使用Last-Modifed进行请求验证，比如：协商缓存、强制缓存；c/资源进行合并；d/...
2020-02-25 16:49:55
96
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人