摘要：
方案1：position 元素已知宽度 父元素设置为：position: relative; 子元素设置为：position: absolute; 距上50%，据左50%，然后减去元素自身宽度的距离就可以实现 示例 2： <div class="box"> <div class="content"> 阅读全文
摘要：
DOM 事件模型 DOM 事件模型 DOM 事件模型 DOM 事件模型 DOM（Document Object Model 文件对象模型） DOM将用例如XML、HTML等标记语言写成的结构化文档看成一颗树，该树上的节点也即是文档内的节点。简单来说，DOM是一组API，可以使用户通过任何实现了DOM 阅读全文
摘要：
content-box和border-box的区别 2018年02月27日 22:20:16 sulingliang 阅读数：8011 content-box和border-box的区别 2018年02月27日 22:20:16 sulingliang 阅读数：8011 content-box和bo 阅读全文
摘要：
法一：左侧float:left;右侧margin-left; html <div class="left">left</div> <div class="right">right</div> css body,div{padding: 0 ;margin:0;} .left,.right{heigh 阅读全文
摘要：
1. 使用绝对定位 对这三栏都实现绝对定位，其中中间绝对定位的位置是上下两栏的高度，内容超出则中间部分出现流动条； 代码实现： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>绝对定位实现</title> < 阅读全文
摘要：
1.flex布局 思路：将父元素box设为display:flex;可将box设置为弹性盒模型进行布局（如果对flex不了解，可点击打开链接学习） <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style t 阅读全文
摘要：
vue 生命周期 详解 详解Vue Lifecycle 先来看看vue官网对vue生命周期的介绍 Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。 阅读全文
摘要：
2017-08-07 发布 vue组件之间的通信 node.js html5 css html javascript 28k 次阅读 · 读完需要 13 分钟 2017-08-07 发布 vue组件之间的通信 node.js html5 css html javascript 28k 次阅读 · 读 阅读全文
摘要：
一、vue中路由的使用 1、定义组件 2、配置路由文件 3、配置路由插座<router-view></router-view> 4、路由文件注入到main.js文件中 二、配置路由的跳转 路由的跳转使用标签router-link1、知道路径的跳转 2、to是通过绑定数据到上面 三、定义子路由 1、定 阅读全文
摘要：
Vuex 模块化 (2.0) Vuex 强调使用单一状态树，即在一个项目里只有一个 store，这个 store 集中管理了项目中所有的数据以及对数据的操作行为。但是这样带来的问题是 store 可能会非常臃肿庞大不易维护，所以就需要对状态树进行模块化的拆分。 首先贴出一个逻辑比较复杂的H5项目：源 阅读全文
摘要：
对象属性监听的两种方法： 1.普通的watch 2.对象属性的watch tips: 只要bet中的属性发生变化（可被监测到的），便会执行handler函数；如果想监测具体的属性变化，如pokerHistory变化时，才执行handler函数，则可以利用计算属性computed做中间层。事例如下： 阅读全文