摘要: 1、transform是什么? 变形,改变 2、transform 常用属性 rotate() / skew() / scale() / translate(,) ,分别还有x、y之分,比如:rotatex() 和 rotatey() ,以此类推 3、分别的意义: rotate():旋转 旋转左10 阅读全文
posted @ 2018-05-12 19:15 蓝色丶格调 阅读(221) 评论(0) 推荐(0) 编辑
摘要: 最近学习了下垂直居中。 需求:将登录框垂直居中在页面中央显示 理解说明: 1、设置absolute 脱离文档流进行绝对定位。 2、这种居中有特点就是必须设置宽高 所以这里设置了300px 3、top left 设置50% 表示将这个盒子进行居中。将盒子的左上角对准了中心点 4、设置margin-to 阅读全文
posted @ 2018-05-10 15:15 蓝色丶格调 阅读(158) 评论(0) 推荐(0) 编辑
摘要: 盒子分别是由margin ,padding,boder以及content 组成 盒子分两种:ie的盒子,W3C的盒子 例:盒子的 margin 为 20px,border 为 2px,padding 为 10px,content 的宽为 200px、高为 50px。 W3C标准的盒子所占空间 wid 阅读全文
posted @ 2018-05-10 15:04 蓝色丶格调 阅读(716) 评论(0) 推荐(0) 编辑
摘要: array 可以模拟栈和队列的数据结构 pop()(删除最后一项并返回)push()(插入数据到最后一项)可以实现先进先出的栈数据结构 unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度。 shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。 pop() 阅读全文
posted @ 2018-05-09 17:02 蓝色丶格调 阅读(173) 评论(0) 推荐(0) 编辑
摘要: node 关系图 常用的节点值: nodeType 元素节点=1,元素表示各种标签元素,例如<p> <body><html>等等 未完待续 每个node 有个childNodes 的子节点集 常见方法: 以下前半段是参与与返回值 注:以下方法都必须有parentNode 属性才能进行操作。 appe 阅读全文
posted @ 2018-05-04 15:44 蓝色丶格调 阅读(173) 评论(0) 推荐(0) 编辑
摘要: 做一个selection 组件进行实战。效果图片如下 以下是模拟的data 数据 以下为子组件伪代码 以下为父组件的关键伪代码 阅读全文
posted @ 2018-04-25 22:40 蓝色丶格调 阅读(235) 评论(0) 推荐(0) 编辑
摘要: 路由API: 1、引入rooter import VRrouter from 'vue-router' 2、使用该组件 Vue.use(VRrouter) Vue.user 的意义:会自动阻止多次注册相同插件,届时只会注册一次该插件。 3、和后台开发一样 new VRrouter 的一个对象出来 并 阅读全文
posted @ 2018-04-24 21:47 蓝色丶格调 阅读(282) 评论(0) 推荐(0) 编辑
摘要: 组件之间是需要通信的,可以理解为子组件是一个空壳,而调用子组件的父组件赋予了它灵魂。 业务逻辑举栗: 使用select 组件 父组件需要往子组件传入数据表示使用哪些select 数据.如{"text":"重庆","v":"cq"} --父传子 当选择重庆后子组件需要返回给父组件一个value-->c 阅读全文
posted @ 2018-04-22 21:50 蓝色丶格调 阅读(613) 评论(0) 推荐(0) 编辑
摘要: 理解图: 以下promise 使用了链式调用的方式 传入一个成功 与失败的函数作为参数使用 1 API实现: 2 //立即执行 简单实例 3 let promise = new Promise(function(resolve, reject) { 4 console.log('Promise'); 阅读全文
posted @ 2018-04-16 22:59 蓝色丶格调 阅读(222) 评论(0) 推荐(0) 编辑
摘要: 关于API的使用步骤 1、在通用的main.js 引入vuex 使用(Vue.use(Vuex))组件并注册该组件到Vue中,使其成为为公用组件 2、可定位全局的store 提供出motations 的相关方法改变状态。例如(add(state,price)) 也可使用getter 属性通过这个获取 阅读全文
posted @ 2018-04-10 22:36 蓝色丶格调 阅读(342) 评论(0) 推荐(0) 编辑