笔记
一代码神
stay foolish,stay hungry
展开
-
Vue组件的抽离和封装
1.背景 日常开发中,有时候有些组件是功能类似甚至完全相同的情况,这个时候我们完全没必要再重新写一个,可以抽离复用可以减少大量的时间,案例: 像一些App底部的标签页,在进行一些标签的跳转时,底部的只是变化选中时的字体颜色和图标,大部分的元素都相同。2.抽离思路2.1先抽出一个大的可以装里面小组件的大容器TabBar<div class='tabBar'> <tab-bar-item v-for="(val,index) in navBar" :path='val原创 2021-07-25 22:24:55 · 1966 阅读 · 0 评论 -
前端常见问题及技巧
1.margin-top失效代码如下: //html <div class="wrapper"> <div class="outer"> <div class="main"></div> </div> </div> </div> //css.wrapper { width: 400px; height: 400px; bo原创 2021-07-24 14:36:52 · 196 阅读 · 0 评论 -
git操作
将本地已创建的项目,上传至gitee1.现在gitee创建一个仓库,并配置好邮箱和密码2.初始化本地仓库 将项目文件上传至本地的git仓库$ git init$ git add .$ git commit -m 'xxxx'3.将本地代码库与远程代码库相关联$ git remote add origin https://gitee.com/httpxiaobocom/jdPage.git4.强制把远程仓库的代码跟新到当前分支上面。ps:如果仓库为空这一步可以跳过$ git pull原创 2021-06-14 21:22:12 · 251 阅读 · 0 评论 -
Promise在异步函数的运用
Promise在异步函数的运用1.Promise的定义 1.1 Promise 是表示异步操作最终完成或失败的对象。2.使用方法–MDN官方图解3.使用示例–Resolve function ajax() { return new Promise((resolve, reject) => { setTimeout(() => resolve(), 1000) }) } ajax().then(() =>原创 2021-06-20 20:43:15 · 287 阅读 · 0 评论 -
Vue中组件的通信
vue中组件的通信1.父子组件的通信1.1在子组件使用props接受父组件的数据,用this.$emit发送数据给父组件Parent.Vue<template> <div> <Child v-bind:msg="'from parent'" ></Child> </div></template><script>//引入子组件import Child from "./Child.vue";e原创 2021-07-07 21:02:46 · 62 阅读 · 0 评论