09 2017 档案

vue.js 组件监听
摘要：一、在通过点击事件触发的子组件中： 二、在父组件中 三、在接收的子组件中 原文地址：http://coding.imooc.com/learn/questiondetail/3769.html 阅读全文
posted @ 2017-09-27 15:08 karila 阅读(913) 评论(0) 推荐(0)
vue.js加入购物车小球动画
摘要：生成一个动画小球的div,并且生成五个小球,五个是为了生成一定数量的小球来作为操作使用,按照小球动画的速度,一般来说五个也可以保证有足够的小球数量来运行动画 动画的内容分别是外层和内层,外层控制动画小球的轨道和方向,内层控制动画小球的运行状态 动画使用vue的js钩子实现 因为小球动画只有一个方向( 阅读全文
posted @ 2017-09-27 15:01 karila 阅读(343) 评论(0) 推荐(0)
商品数量编辑按钮3D效果动画
摘要：.move-enter-active transition:all 0.4s linear transform:rotate(180deg).move-leave-active transition:all 0.4s linear transform:rotate(0deg).move-enter, .move-leave-to /* ..move-leave-... 阅读全文
posted @ 2017-09-25 18:15 karila 阅读(140) 评论(0) 推荐(0)
box-sizing 属性
摘要：box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。 例如，假如您需要并排放置两个带边框的框，可通过将 box-sizing 设置为 "border-box"。这可令浏览器呈现出带有指定宽度和高度的框，并把边框和内边距放入框中。 这是由 CSS2.1 规定的宽度高度行为。 宽度和 阅读全文
posted @ 2017-09-25 11:43 karila 阅读(161) 评论(0) 推荐(0)
Vue中better-scroll插件的使用
摘要：实现原理：父容器固定高度，并设置属性overflow: hidden，使得子元素高度超出容器后能被隐藏。better-scroll作用在父容器上。1、npm安装better-scroll插件。npm install--save better-scroll2、在文件中引入better-scroll。i 阅读全文
posted @ 2017-09-22 17:00 karila 阅读(307) 评论(0) 推荐(0)
显示从右滑进，隐藏向左滑出效果
摘要：显示从右滑进，隐藏向左滑出效果 阅读全文
posted @ 2017-09-22 15:59 karila 阅读(464) 评论(0) 推荐(0)
设置宽高等比的盒子
摘要：父元素 子元素 阅读全文
posted @ 2017-09-22 15:51 karila 阅读(188) 评论(0) 推荐(0)
star组件
摘要：一、star组件 二、图片背景引用 三、引用 四、注册 五、应用 阅读全文
posted @ 2017-09-20 18:12 karila 阅读(182) 评论(0) 推荐(0)
添加模糊效果demo
摘要：添加模糊效果demo: 阅读全文
posted @ 2017-09-20 18:07 karila 阅读(173) 评论(0) 推荐(0)
设置背景模糊效果
摘要：只能IOS适配 设置模糊效果 阅读全文
posted @ 2017-09-20 17:51 karila 阅读(422) 评论(0) 推荐(0)
vue 动画过渡
摘要：html 样式 阅读全文
posted @ 2017-09-20 17:44 karila 阅读(127) 评论(0) 推荐(0)
sticky footer
摘要：sticky footer: 清除浮动 阅读全文
posted @ 2017-09-20 11:25 karila 阅读(120) 评论(0) 推荐(0)
设置最低高度为100%
摘要：设置最低高度为100% wrap与footer平行 阅读全文
posted @ 2017-09-19 16:57 karila 阅读(145) 评论(0) 推荐(0)
Vue.js系列之vue-resource（6）
摘要：网址：http://blog.csdn.net/u013778905/article/details/54235906 阅读全文
posted @ 2017-09-14 18:00 karila 阅读(92) 评论(0) 推荐(0)
Vue系列：通过vue-router如何传递参数
摘要：（1） 设置好路由配置 router.map({ '/history/:deviceId/:dataId': { name: 'history', // give the route a name component: { ... } } }) 这里有2个关键点： a）给该路由命名，也就是上文中的 阅读全文
posted @ 2017-09-14 13:52 karila 阅读(258) 评论(0) 推荐(0)
vue常用事件
摘要：一、事件监听 1、 2、 二、filters 阅读全文
posted @ 2017-09-13 15:37 karila 阅读(211) 评论(0) 推荐(0)
CSS中!important的使用
摘要：CSS的原理： 我们知道，CSS写在不同的地方有不同的优先级， .css文件中的定义 < 元素style中的属性，但是如果使用!important，事情就会变得不一样。 首先，先看下面一段代码： 虽然元素的style中有testClass类的定义，但是在上面的css定义中的用!important限定 阅读全文
posted @ 2017-09-11 17:32 karila 阅读(157) 评论(0) 推荐(0)
利用babel自动编译es6文件
摘要：一、检查File-Watchers中Babel的Arguments，有一项presets的设置，把他更改为=es2015,详细设置如下： $FilePathRelativeToProjectRoot$ --out-dir dist --source-maps --presets=es2015 二、把 阅读全文
posted @ 2017-09-07 01:52 karila 阅读(389) 评论(0) 推荐(0)
vue项目搭建
摘要：VUE项目搭建 # 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 webpack 模板的新项目 $ vue init webpack my-project # 安装依赖，走你 $ cd my-project $ npm install $ 阅读全文
posted @ 2017-09-06 22:50 karila 阅读(149) 评论(0) 推荐(0)
webstorn中的vue文件识别es6代码
摘要：webstorn中的vue文件识别es6代码 1.webstorm中es6语法报错，解决方法： 打开 Settings => Languages & Frameworks => Javascript把 Javascript Language version 改为 ECMAScript 6 这样做所有 阅读全文
posted @ 2017-09-05 11:17 karila 阅读(248) 评论(0) 推荐(0)
如何为WebStorm设置SASS的File Watchers？
摘要：Webstorm是一个很牛叉的IDE，现在工作每天都是用它了。 最近开始用SASS，LESS等来写CSS，而在Webstorm中，它自带一个File Watchers功能，设置一下，即可实时编译SASS，LESS等。 LESS的实时编译很简单，在node平台安装一下即可。 而在折腾SASS在Webs 阅读全文
posted @ 2017-09-04 18:32 karila 阅读(405) 评论(0) 推荐(0)
如何在vue中使用sass
摘要：创建一个基于 webpack 模板的新项目 全局安装 vue-cli 创建一个基于 webpack 模板的新项目 安装依赖 为了使用sass，我们需要安装sass的依赖包 修改style标签 打开src目录下的components目录中的Hello.vue文件。然后修改 style标签如下 然后运行 阅读全文
posted @ 2017-09-04 13:47 karila 阅读(658) 评论(0) 推荐(0)
Webstorm 添加新建.vue文件功能并支持高亮vue语法和es6语法
摘要：添加新建.vue文件功能 ①Webstorm 右上角File-Plugins 搜索vue如果没有就去下载 点击serch in repositories ②点击安装vue.js ③安装成功后点击右下角Apply 提示重启webstorm 重启完成后 Setting-Editor-File and C 阅读全文
posted @ 2017-09-04 11:28 karila 阅读(317) 评论(0) 推荐(0)
如何在vue2.0项目中引用element-ui和echart.js
摘要：1 项目中怎样添加elment-ui 和 echart.js 1.1直接在packjson 里面的 dependencies 配置 "element-ui": "^1.3.3", "echarts": "^3.5.3", 然后在npm install。 或者直接npm install element 阅读全文
posted @ 2017-09-04 10:19 karila 阅读(744) 评论(0) 推荐(0)