摘要: 下面是自己参考 vuex 官网,画的一份关于 vuex 状态管理的图,仅供参考。 阅读全文
posted @ 2018-09-28 13:40 狸子同学 阅读(131) 评论(0) 推荐(0)
摘要: 闭包 全局变量在函数内部可以访问。 函数内部定义的变量,外部无法访问。 外部访问函数内定义的变量。在函数里再定义一个函数。 特点:f2在f1里面定义的,f1需要返回f2 用途:1. 读取函数内部的变量; 2. 让变量保留在内存中。 优缺点: 优点: 有利于封装 可以访问局部变量 缺点: 内存占用严重 阅读全文
posted @ 2018-09-20 12:12 狸子同学 阅读(141) 评论(0) 推荐(0)
摘要: UI 图: 一、详情弹窗 1)新增 html 代码 2)新增 detail 变量 和 showDetail 方法 注意:组件的 data 必须是一个函数 参考 官网 或 vue组件data为什么必须是函数 二、Sticky Footer 意思就是,将 footer 固定在页面底部,可参考 stick 阅读全文
posted @ 2018-08-30 16:24 狸子同学 阅读(455) 评论(0) 推荐(0)
摘要: 先贴一张 header 的 UI 图 一、header 组件 1)传入 seller 数据 2)header 组件接收 seller 属性 3)拆分 header 组件 4)添加样式 效果图如下: 5)为满减 折扣等图标添加动态class 5.1 先添加相应class的样式 5.2 在 html 元 阅读全文
posted @ 2018-08-27 17:04 狸子同学 阅读(496) 评论(0) 推荐(0)
摘要: 一、Vue Resource 1)安装 Vue Resource github:https://github.com/pagekit/vue-resource 查看github上关于 Vue Resource 的安装方式,选择 yarn 或者 npm 安装。 2)注入 Vue Resource 3) 阅读全文
posted @ 2018-08-26 21:52 狸子同学 阅读(563) 评论(0) 推荐(0)
摘要: 一、Vue Router 可参考vue-router官网和github 官网:https://router.vuejs.org/zh/ github:https://github.com/vuejs/vue-router 1)给tab添加路由导航 参考官网: 在项目中增加商品、评论、商家的导航 2) 阅读全文
posted @ 2018-08-25 13:12 狸子同学 阅读(367) 评论(0) 推荐(0)
摘要: 要模仿的界面如下: 一、组件拆分 1)重设css 在static中新增css/reset.css,样式参考:https://github.com/lwl0812/vue-sell/tree/master/static/css 在index.html中引入reset.css 2)设置移动端的viewp 阅读全文
posted @ 2018-08-25 10:07 狸子同学 阅读(388) 评论(0) 推荐(0)
摘要: 注:此处vue用的是2.0以上版本 一、Vue CLI 项目启动之前,建议先去了解下 Vue CLI 官网:https://cli.vuejs.org/zh/guide/ 1) 全局安装 Vue CLI 2) 通过 Vue CLI 生成项目 3)进入项目,安装依赖 安装比较慢,趁这个时候,可以去官网 阅读全文
posted @ 2018-08-24 15:26 狸子同学 阅读(333) 评论(0) 推荐(0)
摘要: 之前有段时间在研究 CSS3 的动画,正好看到有个立体照片墙轮播的实现效果,感觉还不错,就收藏了下来,不过一直没时间去整理,现在总算有空了,把代码贴出来,供大家参考学习。 上代码前,还是先看下效果图吧~ 怎么样?还不错吧! 下面上代码: HTML: CSS: JS: CSS 代码中涉及了很多 CSS 阅读全文
posted @ 2017-01-18 15:00 狸子同学 阅读(2335) 评论(0) 推荐(0)
摘要: 昨天同事遇到一个问题,点击 <input type="checkbox"> 这个元素,无法选中。 我看他找了半天都没找到原因,突然想到,可能是阻止了点击事件,全文档查询 return false,果然,有一行代码是这样的: 所以,友情提示下,尽量不要在document上阻止事件的触发,否则,自己挖的 阅读全文
posted @ 2016-11-24 09:42 狸子同学 阅读(133) 评论(0) 推荐(0)