2017年01月_CURRY_zhao

原创 vue项目，在进行点击的时候，如何屏蔽掉一些小的按钮，阻止冒泡

我们在进行表格的可点击时，前面往往带有复选框或者收藏按钮之类的，这时候就需要排除收藏按钮和复选框这些类。那么如何解决呢？采取的思路如下：1.给复选框定义一个类型，type="selection" 2.在点击函数中就可以使用判断条件来进行复选框的阻止冒泡。rowDetailShow(row, event, column) {if(column.type !== 'selection'

2017-01-19 17:51:39 13756

原创对于mock的理解

对于mock的随机数又有了新的理解。开始一直认为mock产生的随机数无法控制。其实只要在信息后面加入随机数，产生id的部分，也可以用id自增，保证id的唯一性就可以了。mock有很多方便的地方，比如可以自动随机产生许多人名、日期等，每次更新，使用mock的数据里面都有相对应的更新变化。例子如下：data: { 'lists|5-20':[{

2017-01-16 17:29:05 1811

原创实现样式的覆盖以及scoped的作用域

先说样式的覆盖吧，在使用框架或者别的官方组件（像饿了吗）时，一些图标还有条形图的样式需要进行样式的覆盖。怎么做呢，下面就讲一个方法吧，要得到效果如下这里用到的是饿了吗的组件，实例如下： title="覆

2017-01-11 10:21:47 7205

原创用vue实现点击按钮，滑出面板（二）完结版

在通信的时候容易出错，或者信息根本传不过来。那么这里就示例一下，怎么通过组件之间的通信完成点击事件。index.vue文件中：点我传递中介引入组件，即是要弹出的组件import addForm from './docsForm'export default {components: {addForm},data() {

2017-01-10 16:57:14 8002

转载 React技术栈

React 是目前最热门的前端框架。Facebook 公司2013年推出现在最好的社区支持和生态圈大量的第三方工具React 的优点组件模式：代码复用和团队分工虚拟 DOM：性能优势移动端支持：跨终端React 的缺点学习曲线较陡峭全新的一套概念，与其他所有框架截然不同只有采用它的整个技术栈，才能发挥最大威力总结：React

2017-01-07 16:07:39 1564

原创用vue实现点击按钮，滑出面板（一）

实现这样的效果，有好多种方法，你可以用CSS里面的动画效果实现。既然接触到了vue，不如就用vue的相关知识。在vue官方文档里，我们可以看到过渡效果这一方面的知识，概述如下：Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。包括以下工具：在 CSS 过渡和动画中自动应用 class可以配合使用第三方 CSS 动画库，如 Animate.css在

2017-01-06 18:32:44 11138

原创使用Vue项目实践手记

从开始学习vue的API到今天的一个小项目，中间走了不少弯路。为何这么说，就觉得对自己的状态还有应该掌握的知识感到不满意，很客观的来说，很不满意。以前有过一点基础，自认为学习能力还是有点的。那就谈谈犯过的错吧一、先说说看官方API，大言不惭，看过好几遍，但是每一个语句的用法及它的含义，没有掌握。这件事你可以说需要项目经验，但是有些东西你就得知道，具体的逻辑还有使用的场景，学习的过程是痛苦的，因

2017-01-04 17:32:32 531

原创使用mock进行数据拦截实战感悟

实现前后端分离，用到mock，那么怎样使用。对于小白来说很难掌握其中的技巧，其实说白了很简单就是虚拟url的拦截。动手能力差，只有理论知识很费劲NA。下面解析一下：一、配置方面自己搞定，直接从mock-data.js文件说起这个里面写的就是你的数据，你需要定义url，用于文件的请求。示例如下： const Mock = require(‘mockjs’) const Random

2017-01-03 17:36:22 6841

curry_zhao的博客