前端
C大大
这个作者很懒,什么都没留下…
展开
-
15-Vuex基础
Vue之vuex状态管理Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。这个Vuex包含以下几个属性部分:Action:和mutation的功能大致相同State:vuex的基本数据,用来存储变量Mutation:提交更新数据的方法,必须是同步的(如果需要异步使用action)。每个 mutation 都有一个字符串 的 事件类型 (type) 和 一个...原创 2019-12-18 11:05:19 · 110 阅读 · 0 评论 -
16-Vue之混入mixins(非完整版)
Vue之混入mixins(非完整版)一、mixins基础介绍(不使用cli版本)1.首先我们看一下vue官网对mixin的介绍:混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。这里先列出一个小小的栗子我们来看一下<!DOCTYPE html...原创 2019-12-17 09:21:40 · 168 阅读 · 0 评论 -
Vue.js部分理解1.0
vue.js1.引包、留坑、实例化、插值表达式{{}}引包确认已经下载了node,然后执行命令 npm install vue (如需下载自己要的版本在vue后面加上@版本号)页面引入刚下载的包<script type="text/javascript" src="vue.js"></script>留坑 即留一个vue模板插入的地方或者是vu...原创 2019-02-27 16:23:17 · 148 阅读 · 0 评论 -
盒子模型详细讲解(图码交融)
HTML基础知识总结1.盒子模型我们常说的盒子模型一般有四个属性Border 值为边框的宽度,相当于现实中盒子的包装。Padding 值为内边距,指盒子内容距离盒子边框的距离Content 值为盒子的主要内容Margin 值用于盒子与盒子之间,表示盒子与盒子之间的距离真实占有宽度 = 左border + 左padding + width + 右padding + 右border...原创 2019-02-28 14:51:27 · 1524 阅读 · 0 评论 -
webpack个人理解(新手)
typora-copy-images-to: picwebpack1.webpack定义##2.webpack的安装与初级配置npm init -y初始化形成json文件npm install webpack webpack-cli --save-dev安装本地的而非全局方便更新打包默认entry入口文件 src/index.js,默认output出口 dist/mai...原创 2019-02-28 14:55:36 · 190 阅读 · 0 评论 -
文档流、Position、float介绍
文档流、Position介绍一、文档流1.首先我们要了解什么是标准文档流 HTML页面的标准文档流(默认布局)是:从上到下,从左到右,遇块(块级元素)换行。2.然后我们要知道块级元素和行内元素有哪些块级元素独占一行,不能与其他元素共处一行。可以宽和高。如果不设置宽度,那么宽度将默认变为父亲的100%,即和父亲一样宽 。div, form, table, p, pre, h1...原创 2019-03-03 17:03:13 · 213 阅读 · 0 评论 -
vue组件化开发改造List Item
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2019-03-19 20:54:46 · 1296 阅读 · 0 评论 -
Vue的生命周期钩子函数
Vue的生命周期钩子生命周期函数就是vue实例在某一时间点会自动执行的函数Vue生命周期图示我们首先来看前面4个beforeCreatecreatedbeforeMountmounted这是我们的效果图,后面我会再贴出全部函数的代码<!DOCTYPE html><html lang="en"><head> &...原创 2019-03-21 12:26:30 · 132 阅读 · 0 评论