2020年10月_chuck-Gemini

原创 Vue进阶知识（二）------制作商城TabBar

目录一、思路二、App.vue三、TabBar四、TabBarIterm一、思路步骤：骨架：在app.vue的根组件构建基本的html，添加CSS构建基本的显示效果抽离：根据上一步的代码膨胀量，抽取相应功能模块到子组件中，根组件只保留子组件的标签，1、2步循环完善：根据逻辑，补充子组件的JS，包括父子组件之间的数据传递项目目录结构项目公共组件：assets，注意按功能再细分文件夹，例如TabBar页面组件：views，注意按路由再细分文件夹，例如category 最终达到的

2020-10-30 17:02:22 192

原创 Vue进阶知识（一）------项目初始化

目录一、CSS初始化一、CSS初始化位置：/src/assets/css/normalize.css：获得方法：github上搜normalize.css，找到相应仓库中的normalize.css功能：对所有浏览器的默认样式进行重置base.css：功能：自定义私人CSS设置内容：如下，解释见参考链接@import './normalize.css'; /* 这里是导入 normalize.css方法 */body,p,h1,h2,h3,h4,h5,h6,u

2020-10-28 15:33:26 274 1

原创 Vue3.0组合式API（四）-----组件化开发

目录生命周期函数<script>export default { name: 'Shopping', created() { console.log('在组件被创建时候执行'); }， mounted() { console.log('在组件被挂载到dom上后执行'); }, updated() { console.log('当页面更新的话执行'); }}</script>上一篇：Vue学习手册（二）-----前端路由下一篇：

2020-10-15 15:32:17 1338 1

原创 Vue3.0组合式API（二）-----前端路由

一、App.vue文件1.1默认表现形式原文件：<template> <div id="app"> // main.js中的挂载点#app // 标签行，相当于a标签，点"首页"会跳转到"/"路由相对应的组件，默认会自动跳转/路由（index.js） <router-link to="/">首页</router-link> <router-link to="/shopping">购物车&lt

2020-10-10 10:31:41 1193

原创 Vue3.0组合式API（六）-----数据共享pinia

目录一、使用场景二、基本用法三、并发请求四、全局配置一、使用场景功能：用于前端向后端请求数据二、基本用法安装axios,npm install axios,注意，要有node环境以下写在HTML的script标签里import axios from 'axios' // 后面引号内的是路径axios({ // axios是使用promise语法的 url: 'http://192.168.1.123:3000/home/data', // 接口网址

2020-10-09 16:43:15 1542

原创 Git极简使用流程

一、下载查看是否安装：git --version下载：进入下载页面win10 ：下载安装即可mac:二、环境设置1.全局配置用户名：git config --global user.name 'git的用户名'邮箱：git config --global user.email 'git的邮箱'三、常用命令git init # 在当前文件夹生成本地仓库文件夹.git git add . # 将当前文件夹内文件添加到暂存区，并监控暂存区

2020-10-09 14:11:54 189

原创 CSS精简笔记（四）------布局

布局

2020-10-09 12:02:24 272

chucksun0426的博客