博客园 - 小坦克-攻城狮
uuid:24b78886-0ed1-41c2-8670-e3f31dcf42c4;id=115605
2018-04-03T01:23:52Z
小坦克-攻城狮
https://www.cnblogs.com/xiaotanke/
feed.cnblogs.com
https://www.cnblogs.com/xiaotanke/p/8706161.html
vue.js自定义指令详解 - 小坦克-攻城狮
写在文本前:相信在做vue的项目,你肯定接触了指令,我们常用vue内置的一些指令,比如v-model,v-text,v-if,v-show等等,但是这些内置指令不在本文的讲解范畴,本文想说的是其自定义指令。思考一下,自定义指令我们用在哪里?是不是一下子想不出来,感觉做一般的项目很少用到指令呢,想不到
2018-04-03T01:21:00Z
2018-04-03T01:21:00Z
小坦克-攻城狮
https://www.cnblogs.com/xiaotanke/
【摘要】写在文本前:相信在做vue的项目,你肯定接触了指令,我们常用vue内置的一些指令,比如v-model,v-text,v-if,v-show等等,但是这些内置指令不在本文的讲解范畴,本文想说的是其自定义指令。思考一下,自定义指令我们用在哪里?是不是一下子想不出来,感觉做一般的项目很少用到指令呢,想不到 <a href="https://www.cnblogs.com/xiaotanke/p/8706161.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xiaotanke/p/7484322.html
vue input输入框联想 - 小坦克-攻城狮
以下是示例,样式可以自己修改。最后是效果图,其实也挺简单的,主要是用了watch监控input输入值的变化,如果数据是请后端请求可以,先请求数据。
2017-09-06T05:17:00Z
2017-09-06T05:17:00Z
小坦克-攻城狮
https://www.cnblogs.com/xiaotanke/
【摘要】以下是示例,样式可以自己修改。最后是效果图,其实也挺简单的,主要是用了watch监控input输入值的变化,如果数据是请后端请求可以,先请求数据。 <a href="https://www.cnblogs.com/xiaotanke/p/7484322.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xiaotanke/p/7448383.html
export ,export default 和 import 区别 以及用法 - 小坦克-攻城狮
首先要知道export,import ,export default是什么 ES6模块主要有两个功能:export和import export用于对外输出本模块(一个文件可以理解为一个模块)变量的接口 import用于在一个模块中加载另一个含有export接口的模块。 也就是说使用export命令定
2017-08-29T07:17:00Z
2017-08-29T07:17:00Z
小坦克-攻城狮
https://www.cnblogs.com/xiaotanke/
【摘要】首先要知道export,import ,export default是什么 ES6模块主要有两个功能:export和import export用于对外输出本模块(一个文件可以理解为一个模块)变量的接口 import用于在一个模块中加载另一个含有export接口的模块。 也就是说使用export命令定 <a href="https://www.cnblogs.com/xiaotanke/p/7448383.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xiaotanke/p/7442543.html
vue.js关于路由的跳转 - 小坦克-攻城狮
1、路由demo示例 2、路由的跳转 router-link是一个组件,默认被渲染成一个带有链接的a标签,通过to属性指定链接地址。 注意:被选中的router-link将自动添加一个class属性值 .router-link-active 1、router-link的to属性 这是一个必须设置的属
2017-08-28T01:49:00Z
2017-08-28T01:49:00Z
小坦克-攻城狮
https://www.cnblogs.com/xiaotanke/
【摘要】1、路由demo示例 2、路由的跳转 router-link是一个组件,默认被渲染成一个带有链接的a标签,通过to属性指定链接地址。 注意:被选中的router-link将自动添加一个class属性值 .router-link-active 1、router-link的to属性 这是一个必须设置的属 <a href="https://www.cnblogs.com/xiaotanke/p/7442543.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xiaotanke/p/7427636.html
vue.js 兄弟组件传值 - 小坦克-攻城狮
1、兄弟之间传递数据需要借助于事件车,通过事件车的方式传递数据 2、创建一个Vue的实例,让各个兄弟共用同一个事件机制。 3、传递数据方,通过一个事件触发bus.$emit(方法名,传递的数据)。 4、接收数据方,通过mounted(){}触发bus.$on(方法名,function(接收数据的参数
2017-08-25T05:40:00Z
2017-08-25T05:40:00Z
小坦克-攻城狮
https://www.cnblogs.com/xiaotanke/
【摘要】1、兄弟之间传递数据需要借助于事件车,通过事件车的方式传递数据 2、创建一个Vue的实例,让各个兄弟共用同一个事件机制。 3、传递数据方,通过一个事件触发bus.$emit(方法名,传递的数据)。 4、接收数据方,通过mounted(){}触发bus.$on(方法名,function(接收数据的参数 <a href="https://www.cnblogs.com/xiaotanke/p/7427636.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xiaotanke/p/7169096.html
初识vuex vuex 的基本用法 - 小坦克-攻城狮
Vuex 是什么? 官方是这么说的:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 一个完整的store包含 state, getters, actions, mutations这4项,但是
2017-07-14T03:16:00Z
2017-07-14T03:16:00Z
小坦克-攻城狮
https://www.cnblogs.com/xiaotanke/
【摘要】Vuex 是什么? 官方是这么说的:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 一个完整的store包含 state, getters, actions, mutations这4项,但是 <a href="https://www.cnblogs.com/xiaotanke/p/7169096.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xiaotanke/p/7160962.html
Vue修饰符 - 小坦克-攻城狮
事件修饰器 Vue.js 为 v-on 提供了 事件修饰符。通过由点(.)表示的指令后缀来调用修饰符。· .stop .prevent .capture .self 按键修饰符 在监听键盘事件时,我们经常需要监测常见的键值。 Vue 允许为 v-on 在监听键盘事件时添加按键修饰符: 记住所有的 k
2017-07-13T07:51:00Z
2017-07-13T07:51:00Z
小坦克-攻城狮
https://www.cnblogs.com/xiaotanke/
【摘要】事件修饰器 Vue.js 为 v-on 提供了 事件修饰符。通过由点(.)表示的指令后缀来调用修饰符。· .stop .prevent .capture .self 按键修饰符 在监听键盘事件时,我们经常需要监测常见的键值。 Vue 允许为 v-on 在监听键盘事件时添加按键修饰符: 记住所有的 k <a href="https://www.cnblogs.com/xiaotanke/p/7160962.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xiaotanke/p/7159898.html
hightcharts 如何修改legend图例的样式 - 小坦克-攻城狮
正常情况下hightcharts 的legend图形是根据他本身默认的样式来显示,如下图 这几个图形的形状一般也是改不了的,只能根据图表的类型显示默认的。但是我们可以通过修改默认的样式来展示一些可以实现的形状。 如下图: 查看源代码如下图, 找到class,是highcharts-graph,我们可
2017-07-13T05:04:00Z
2017-07-13T05:04:00Z
小坦克-攻城狮
https://www.cnblogs.com/xiaotanke/
【摘要】正常情况下hightcharts 的legend图形是根据他本身默认的样式来显示,如下图 这几个图形的形状一般也是改不了的,只能根据图表的类型显示默认的。但是我们可以通过修改默认的样式来展示一些可以实现的形状。 如下图: 查看源代码如下图, 找到class,是highcharts-graph,我们可 <a href="https://www.cnblogs.com/xiaotanke/p/7159898.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xiaotanke/p/7159860.html
vue2.0父子组件通信的方法 - 小坦克-攻城狮
vue2.0组件通信方法:props传值和emit监听。(.sync方法已经移除。详情请点击)(dispatch-和-broadcast方法也已经废弃) props方法传值:Props 现在只能单项传递。为了对父组件产生反向影响,子组件需要显式地传递一个事件而不是依赖于隐式地双向绑定。props方法
2017-07-13T04:47:00Z
2017-07-13T04:47:00Z
小坦克-攻城狮
https://www.cnblogs.com/xiaotanke/
【摘要】vue2.0组件通信方法:props传值和emit监听。(.sync方法已经移除。详情请点击)(dispatch-和-broadcast方法也已经废弃) props方法传值:Props 现在只能单项传递。为了对父组件产生反向影响,子组件需要显式地传递一个事件而不是依赖于隐式地双向绑定。props方法 <a href="https://www.cnblogs.com/xiaotanke/p/7159860.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xiaotanke/p/7151041.html
hightcharts在移动端运用 FastClick后苹果上legend点击失效的解决办法 - 小坦克-攻城狮
问题:在移动端做图表运用了hightcharts,引用了fastclick来消除300ms的延迟,但是发现苹果(安卓正常)上hightcharts的legend点击不起作用了,必须长按才行。 使用fastclick库,其实现思路是,取消 click 事件(参看源码 164-173 行),用 touc
2017-07-11T08:04:00Z
2017-07-11T08:04:00Z
小坦克-攻城狮
https://www.cnblogs.com/xiaotanke/
【摘要】问题:在移动端做图表运用了hightcharts,引用了fastclick来消除300ms的延迟,但是发现苹果(安卓正常)上hightcharts的legend点击不起作用了,必须长按才行。 使用fastclick库,其实现思路是,取消 click 事件(参看源码 164-173 行),用 touc <a href="https://www.cnblogs.com/xiaotanke/p/7151041.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xiaotanke/p/5161118.html
文本溢出显示省略号(…) - 小坦克-攻城狮
单行文本时:用text-overflow:ellipsis属性来实现单行文本的溢出显示省略号(…),但是部分浏览器还需要加宽度width属性。 overflow: hidden; text-overflow: ellipsis; white-space: nowrap;但是这个属性并不支持多行...
2016-01-26T09:30:00Z
2016-01-26T09:30:00Z
小坦克-攻城狮
https://www.cnblogs.com/xiaotanke/
【摘要】单行文本时:用text-overflow:ellipsis属性来实现单行文本的溢出显示省略号(…),但是部分浏览器还需要加宽度width属性。 overflow: hidden; text-overflow: ellipsis; white-space: nowrap;但是这个属性并不支持多行... <a href="https://www.cnblogs.com/xiaotanke/p/5161118.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xiaotanke/p/5148712.html
IE6/IE7下:inline-block解决方案 - 小坦克-攻城狮
IE6/IE7下对display:inline-block的支持性不好。 1、inline元素的display属性设置为inline-block时,所有的浏览器都支持; 2、block元素的display属性设置为inline-block时,IE6/IE7浏览器是不支持的; 对象呈递为内联对象,但是
2016-01-21T08:26:00Z
2016-01-21T08:26:00Z
小坦克-攻城狮
https://www.cnblogs.com/xiaotanke/
【摘要】IE6/IE7下对display:inline-block的支持性不好。 1、inline元素的display属性设置为inline-block时,所有的浏览器都支持; 2、block元素的display属性设置为inline-block时,IE6/IE7浏览器是不支持的; 对象呈递为内联对象,但是 <a href="https://www.cnblogs.com/xiaotanke/p/5148712.html" target="_blank">阅读全文</a>