- 博客(50)
- 收藏
- 关注
原创 什么是盒模型?【标准盒子模型和怪异盒子模型的区别?】
什么是盒子模型? 在我们HTML页面中,没一个元素都可以被看作一个盒子,而这个盒子由:内容区(content)、填充区(padding)、边框区(border)、外边界区(margin)四部分组成。 对于盒模型,分为标准盒模型和怪异盒模型两种。 标准(W3C)盒模型 在标准模式下,一个块的总宽度 = 内容的width + padding(左右) + border(左右) + margin(左右) 怪异盒模型(IE盒子模型) 在怪异模式下,一个块的总宽度 = 内容的width + margin(左右)(这
2020-08-25 19:47:08
1151
原创 1.Git基础(git是什么?git的工作流程是什么?git如何使用?)
一、Git是什么? Git是一个免费的开源 分布式版本控制系统,旨在快速高效地处理从小型到大型项目的所有内容。 Git 易于学习, 占地面积小,具有闪电般的快速性能。它具有Subversion,CVS,Perforce和ClearCase之类的SCM工具,具有廉价的本地分支,方便的暂存区域和 多个工作流等功能。 Git 不仅仅是个版本控制系统,它也是个内容管理系统(CMS),工作管理系统等。 二、Git基本工作流程 Git仓库 暂存区 工作区 用作存放提交记录 临时存放被修改文件 被Git管
2020-08-24 17:12:13
321
原创 React组件的props属性、state属性、refs属性详解
React组件属性 1、props属性 react中说的单向数据流值说的就是props,根据这一特点它还有一个作用:组件之间的通信。props本身是不可变的,但是有一种情形它貌似可变,即是将父组件的state作为子组件的props,当父组件的state改变,子组件的props也跟着改变,其实它仍旧遵循了这一定律:props是不可更改的。 props属性的特点: 每个组件对象都会有props(properties的简写)属性 组件标签的所有属性都保存在props中 内部读取某个属性值:this.prop
2020-07-29 20:13:28
958
原创 vue京东案例 (搜索、详情、购物车、导航栏)
1.nav导航组件 nav导航组件`template`中 <template > <div> <div class="header"> <van-search show-action placeholder="请输入搜索关键词" @click="gotosearch"> <template #action> <div class="iconfont icon-gouwuche1-co
2020-07-26 20:41:17
3647
2
原创 VUE二级导航遍历数据
二级导航遍历数据 先在小黑框下载 axios插件 使用npm: $ npm install axios 在下载vant插件 通过 npm 安装 npm i vant -S 必须在main.js中引入vant和axios插件 完整引入代码如下: import Vue from 'vue' import App from './App.vue' import router from './router' import store from './store' import axios from 'axios
2020-07-08 20:56:59
741
原创 axios使用实例详解
1、基本用法 安装 cnpm i axios --save 在 main.js 中引入axios import axios from 'axios' Vue.prototype.$axios = axios 在组件中使用 axios <script> export default { mounted(){ this.$axios.get('/goods.json').then(res=>{ console.log(res.data); }) } } </scri
2020-07-03 09:27:14
2536
原创 Vue时间戳(年/月/日/时:分:秒and 刚刚/一分钟前···)
<template>里面的内容 <span class="shijian"> {{item.create_at | dateFilters}} </span> item.create_at是axios请求到的数据 dateFilters是调用时间过滤器的方法 <script>中的内容 filters: { dateFilters: function(value) { var year = 24 * 60 * 60 * 100
2020-07-02 20:34:23
1552
原创 Vue进阶 (路由基础、路由进阶、获取路由传递数据、路由元数据、嵌套路由、命名视图)
路由基础 安装Vue-router 一 、使用 Vue-cli 安装时,选中集成 Vue-router 二 、使用 npm 安装 npm install vue-router -s 集成 创建vue-router对象 import Home from "./Home.vue" ;//将路径和组件一一对应,每一个配置项就是一条路由 const routes = [ { path:"/", name:"Home" component:Home }, { },
2020-07-02 19:56:58
382
原创 Vue初级 (vue常用指令和修饰符以及用法、组件传值)
VUE初级 大纲知识点: - Vue指令 - Vue基本属性 - Vue组件通信 Vue 基本属性 data属性 在.vue扩展名文件下,data属性必须定义为函数形式,在普通的Vue对象中,data属性就是一个对象。 相当于react中state,代表了当前组件的状态;组件呈现一个什么样的状态,data属性就必须有什么样的描述。 el属性 Vue 对象/组件将要挂载页面元素,可以使用选择器 类型:string | Element 选择器|HTML元素 限制:只在用 new 创建实例时生效。.
2020-06-29 17:23:00
421
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅