- 博客(10)
- 收藏
- 关注
RSS订阅原创 Vue 如何去实现一个封装组件 方便我们进行一个后期维护
使用 v-bind="$attrs" v-on="$listeners"实现了属性和事件的透传，父组件可以像使用原生 el-drawer 一样使用 EdcDrawer 组件。：通过 drawerVisible 计算属性，实现了 visible 属性的双向绑定，当抽屉关闭时会自动通知父组件更新状态。：通过 computedCustomClass 计算属性，将组件默认类名和用户传入的自定义类名合并，方便样式定制。通过这种封装方式，可以统一管理抽屉组件的样式和行为，同时保持了原组件的灵活性和易用性。
2025-07-29 16:42:35
141
原创 前端如何实现二次封装Axios
将我们的response后面加一个.data 意思就是接受我们的数据。将我们的baseURL 设置成我们接口的地址。然后封装接口就可以直接调用了。复制一个Axios 实例。
2025-05-04 21:50:58
172
原创 React Native 实现课程表单 手搓 包含注释
onChangeText={v => setFormData({...formData, author: v})} // 当输入框内容变化时，更新formData的author属性。onChangeText={v => setFormData({...formData, title: v})} // 当输入框内容变化时，更新formData的title属性。<Text style={styles.title}>学习</Text> {/* 使用Text组件显示标题“学习”，并应用title样式 */}
2025-05-04 21:47:31
429
原创 前端实现大文件切片上传以及断点续传
大文件切片上传、断点续传//1.将选择的视频文件转换成字节数组，然后使用 sparkMd5 计算哈希值//2.确定每个切片的大小、以及切片的数量1/如果切片数量超过 188个，再调整每个切片的大小，保证切片数量不超过 10g 个//3.将视频文件进行切片，保存到数组中(File 对象有一个 slice 方法，可以将视频文件进行切片)slice(开始的字节数，结束的字节数)//4.开始上传，遍质切片数组，将每个切片进行上传//5.说明上传完毕，告诉服务器合并切片断点续传在上传切片之前，先请求服务器接口，
2025-04-09 14:59:51
851
原创 React native实现列表上拉刷新下拉加载以及筛选
const getLevelColor = (level: '初阶' | '进阶' | '高阶' | '零基础') => {{['全部课程', '初阶', '进阶', '高阶', '零基础'].map((level) => (level: '初阶' | '进阶' | '高阶' | '零基础';// 限定为特定字面量类型。'初阶': { bg: '#e6f4ff', text: '#1890ff' },'进阶': { bg: '#e8f5e9', text: '#4caf50' },
2025-03-12 22:26:00
1141
1原创 Vue3中Vue-Router的使用
不仅仅是App.vue中需要使用RouterView展现路由页面；所有涉及到父子路由的，在父路由对应的页面中，都需要使用RouterView才能展现子路由对应的页面。Layout.vue作为父路由的页面，需要放入RouterView，才能让它的子路由对应页面显示出来。第三步：在核心的App.vue中使用RouterView组件展现路由页面。第二步：在main.js中引入router对象并放到use上。第一步：创建router对象并导出。第0步：安装vue-router。
2024-08-21 10:47:30
894
原创 Vue3的搭建及「响应式变量」
已有两个button按钮和一个label标签，实现左边按钮点一次，标签上的数字增加1；template上的语法，和vue2中是一样的 --> 绑定点击事件 @click，绑定数据 :num=""Select a variant（选择开发使用的语言，JS或者TS）：选择JavaScript，按下回车。没有pnpm的，先安装pnpm：npm i pnpm -g。绑定交互对应的事件（点击click，change等），事件处理函数在JS中声明。在模板中，使用响应式变量的时候，不需要加.value。
2024-08-21 08:59:07
680
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人