xiaoweibaba-CSDN博客

原创使用vue-cli打包项目

检查是否安装node，npm，vue（出现相应版本号，即已安装完成）若没有出现正确版本号，可去官网下载node官网vue官网安装vue-cli项目初始化...

2018-10-31 15:01:51 697

原创非父子组件之间的传值（Bus/总线/发布订阅模式/观察者模式）

效果图（点击一个数据A，数据B会变成数据A）$emit, $on代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>4.5非父子组件之间的传值（Bus/总线/发布订阅模式/观察者模式）&lt

2018-10-30 11:47:27 397

原创父子组件传递数据

效果（输入数据，点击按钮提交。点击数据可删除）父-子：父组件通过v-band绑定数据，子组件props接收数据子-父：子组件通过$emit触发父组件的自定义事件并且传递数据，父组件通过监听事件接收。代码&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head

2018-10-25 15:34:53 578

原创有vue写简单的todolist

1，打开vue官网，引入Vue.js2，所有的dom操作都由vue处理v-on:事件绑定v-model：数据双向绑定v-for：根据一组数组的选项列表进行渲染3，push方法push() 方法可把它的参数顺序添加到 arrayObject 的尾部。它直接修改 arrayObject，而不是创建一个新的数组。4，html代码&amp;amp;lt;!DOCTYPE html&amp;amp;...

2018-10-25 11:30:49 339

原创 windows下的cd命令

cd命令：change directory，改变目录首先进入cmdwin+R，输入cmd，点击entercd … 跳转到上一级目录cd / 跳转到根目录cd path 跳转到指定目录cd d: 无法切换到d盘正确切换d盘，直接d:help cd 查看cd命令的详细信息...

2018-10-21 09:28:29 74828 2

原创用JavaScript写可移动小块

01 JavaScript 可移动的div如何插入一段漂亮的代码片思路分析图如何插入一段漂亮的代码片思路我们最终要改变的是box的top和left，（一）所以如何计算box的top和left呢。步骤一）首先在鼠标按下时，获取到鼠标点击位置与小块的边的距离(这个数值在在本次移动中保持不变): divX ,divY- 项目获取到鼠标点击位置与小块的边的距离(这个数值在...

2018-09-19 09:56:41 695

原创 px,em,rem区别

px,em,rem区别pxpx像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。emem是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸(默认1em=16px)。em的值并不是固定的;em会继承父级元素的字体大小。body选择器中声明Font-size=62.5%；将你...

2018-09-04 15:25:33 148

原创圣杯布局与双飞翼布局

圣杯布局和双飞翼布局01圣杯布局　先简单设置header和footer（蓝色）width:100%;height:100px;设置父容器container（黄色），不设置width middle，left，right 均设置为float：left； middle（红色）设置width：100%；left(绿色)设置margin-left:-100%; rig...

2018-09-02 21:43:05 211

xiaowei的博客