博客园 - susanws
uuid:24b78886-0ed1-41c2-8670-e3f31dcf42c4;id=85153
2018-02-28T07:27:46Z
susanws
https://www.cnblogs.com/susanws/
feed.cnblogs.com
https://www.cnblogs.com/susanws/p/8483858.html
vue中axios调用接口和用node.js跨域 - susanws
<script>const API_PROXY = 'https://bird.ioliu.cn/v1/?url='import axios from 'axios'export default { name: 'hello', data () { return { msg: 'vue调用网易云接口
2018-02-28T07:25:00Z
2018-02-28T07:25:00Z
susanws
https://www.cnblogs.com/susanws/
【摘要】<script>const API_PROXY = 'https://bird.ioliu.cn/v1/?url='import axios from 'axios'export default { name: 'hello', data () { return { msg: 'vue调用网易云接口 <a href="https://www.cnblogs.com/susanws/p/8483858.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/susanws/p/7771979.html
chrome 插件地址 知乎 - susanws
chrome运行内存过大:https://www.zhihu.com/question/20061319 chrome扩展程序:https://www.zhihu.com/question/19594682
2017-11-02T06:03:00Z
2017-11-02T06:03:00Z
susanws
https://www.cnblogs.com/susanws/
【摘要】chrome运行内存过大:https://www.zhihu.com/question/20061319 chrome扩展程序:https://www.zhihu.com/question/19594682 <a href="https://www.cnblogs.com/susanws/p/7771979.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/susanws/p/7657415.html
dropload.js下拉加载更多 - susanws
项目中有用到下拉加载更多的地方,去网上找了一个插件,地址:http://ons.me/526.html总体还是不错的,可能自己不是特别了解这个插件,做项目时,也是遇到了无数问题。项目中要用的是两个tab,原作者给的例子,不是特别符合我的实际情况,所以我就进行了改造。改造后,总是遇到,如果tab1有1
2017-10-12T09:59:00Z
2017-10-12T09:59:00Z
susanws
https://www.cnblogs.com/susanws/
【摘要】项目中有用到下拉加载更多的地方,去网上找了一个插件,地址:http://ons.me/526.html总体还是不错的,可能自己不是特别了解这个插件,做项目时,也是遇到了无数问题。项目中要用的是两个tab,原作者给的例子,不是特别符合我的实际情况,所以我就进行了改造。改造后,总是遇到,如果tab1有1 <a href="https://www.cnblogs.com/susanws/p/7657415.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/susanws/p/7657296.html
zepto中的tap穿透 - susanws
有一个项目,浮层上是有点击的按钮,但是用tap就会穿透,触发浮层下的页面的点击事件。后来问同事和经过自己尝试,发现用click就可以解决这个问题。
2017-10-12T09:40:00Z
2017-10-12T09:40:00Z
susanws
https://www.cnblogs.com/susanws/
【摘要】有一个项目,浮层上是有点击的按钮,但是用tap就会穿透,触发浮层下的页面的点击事件。后来问同事和经过自己尝试,发现用click就可以解决这个问题。 <a href="https://www.cnblogs.com/susanws/p/7657296.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/susanws/p/7657273.html
zepto与jquery冲突 - susanws
公司项目中一直用的都是zepto,但是jQuery扩展的插件比较多。 jQuery有一个方法noConflict(),可以把jQuery的$改掉。var aa = $.noConflict();就用aa来替代$了。 window.$$=window.Zepto = Zepto 在zepto里加入这一
2017-10-12T09:36:00Z
2017-10-12T09:36:00Z
susanws
https://www.cnblogs.com/susanws/
【摘要】公司项目中一直用的都是zepto,但是jQuery扩展的插件比较多。 jQuery有一个方法noConflict(),可以把jQuery的$改掉。var aa = $.noConflict();就用aa来替代$了。 window.$$=window.Zepto = Zepto 在zepto里加入这一 <a href="https://www.cnblogs.com/susanws/p/7657273.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/susanws/p/7656783.html
跑马灯效果 - susanws
新做的一个活动需要用到跑马灯的效果,拿了一个别人写的,没想到测试环境中是没有发现bug,发布到生产后,就出现了问题,加急修复呀。找了几个网上的例子,一直都没有改成自己希望的样子。后来找了一个liMarquee,说是默认无缝轮播的,但是放到我的项目中,还是无缝的,但是这个兼容性挺好的,所以我就采用了。
2017-10-12T08:37:00Z
2017-10-12T08:37:00Z
susanws
https://www.cnblogs.com/susanws/
【摘要】新做的一个活动需要用到跑马灯的效果,拿了一个别人写的,没想到测试环境中是没有发现bug,发布到生产后,就出现了问题,加急修复呀。找了几个网上的例子,一直都没有改成自己希望的样子。后来找了一个liMarquee,说是默认无缝轮播的,但是放到我的项目中,还是无缝的,但是这个兼容性挺好的,所以我就采用了。 <a href="https://www.cnblogs.com/susanws/p/7656783.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/susanws/p/7452225.html
vuex 开始 - susanws
每一个vuex的应用的核心都是store(仓库),store基本上就是一个容器,它包含着你的应用中大部分的状态(state),vuex和单纯的全局对象有以下两点不同: 1,vuex的状态存储是响应式的。当vue组件从store中读取状态的时候,若store中的状态发生变化,那么相应的组件也会相应的得
2017-08-30T03:26:00Z
2017-08-30T03:26:00Z
susanws
https://www.cnblogs.com/susanws/
【摘要】每一个vuex的应用的核心都是store(仓库),store基本上就是一个容器,它包含着你的应用中大部分的状态(state),vuex和单纯的全局对象有以下两点不同: 1,vuex的状态存储是响应式的。当vue组件从store中读取状态的时候,若store中的状态发生变化,那么相应的组件也会相应的得 <a href="https://www.cnblogs.com/susanws/p/7452225.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/susanws/p/7452093.html
vuex 定义 - susanws
vuex是什么? vuex是一个专为vue.js应用程序开发的状态管理模式,它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex也集成到vue的官方调试工具devtools extension ,提供了诸如零配置的time-travel调试、状态快照导
2017-08-30T03:07:00Z
2017-08-30T03:07:00Z
susanws
https://www.cnblogs.com/susanws/
【摘要】vuex是什么? vuex是一个专为vue.js应用程序开发的状态管理模式,它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex也集成到vue的官方调试工具devtools extension ,提供了诸如零配置的time-travel调试、状态快照导 <a href="https://www.cnblogs.com/susanws/p/7452093.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/susanws/p/7448004.html
vue 单元测试 - susanws
单元测试 配置和工具 任何兼容基于模块的构建系统都可以正常使用,但如果你需要一个具体的建议,可以使用Karma进行自动化测试。它有很多社区版的插件,包括对webpack和browserify的支持。 简单的断言 在测试的代码结构方面,你不必为了可测试在你的组件中做任何特殊的操作。只要导出原始设置就可
2017-08-29T06:13:00Z
2017-08-29T06:13:00Z
susanws
https://www.cnblogs.com/susanws/
【摘要】单元测试 配置和工具 任何兼容基于模块的构建系统都可以正常使用,但如果你需要一个具体的建议,可以使用Karma进行自动化测试。它有很多社区版的插件,包括对webpack和browserify的支持。 简单的断言 在测试的代码结构方面,你不必为了可测试在你的组件中做任何特殊的操作。只要导出原始设置就可 <a href="https://www.cnblogs.com/susanws/p/7448004.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/susanws/p/7447271.html
Vue 状态管理 - susanws
类flux状态管理的官方实现 由于多个状态分散的跨越在许多组件和交互间的各个角落,大型应用复杂度也经常逐渐增长。 为了解决这个问题,vue提供了vuex:我们有收到elm启发的状态管理库,vuex甚至集成到vue-detools。无须配置即可访问时光旅行。 简单状态管理起步使用 经常被忽略的是,Vu
2017-08-29T03:04:00Z
2017-08-29T03:04:00Z
susanws
https://www.cnblogs.com/susanws/
【摘要】类flux状态管理的官方实现 由于多个状态分散的跨越在许多组件和交互间的各个角落,大型应用复杂度也经常逐渐增长。 为了解决这个问题,vue提供了vuex:我们有收到elm启发的状态管理库,vuex甚至集成到vue-detools。无须配置即可访问时光旅行。 简单状态管理起步使用 经常被忽略的是,Vu <a href="https://www.cnblogs.com/susanws/p/7447271.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/susanws/p/7444898.html
vue 路由 - susanws
官方路由 对于大多数单页面应用,都推荐vue-router库。 从零开始简单的路由 如果只需要非常简单的路由而不需要引入整个路由库,可以动态渲染一个页面级的组件像这样: const NotFound = {template:'<p>page not found</p>'} const Home =
2017-08-28T09:38:00Z
2017-08-28T09:38:00Z
susanws
https://www.cnblogs.com/susanws/
【摘要】官方路由 对于大多数单页面应用,都推荐vue-router库。 从零开始简单的路由 如果只需要非常简单的路由而不需要引入整个路由库,可以动态渲染一个页面级的组件像这样: const NotFound = {template:'<p>page not found</p>'} const Home = <a href="https://www.cnblogs.com/susanws/p/7444898.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/susanws/p/7444786.html
Vue 生产环境部署 - susanws
生产环境部署提示 开启生产环境模式 开发时,vue会提供很多警告来帮你解决常见的错误与陷阱。生产时,这些警告却没有用,反而增加你的载荷量。再次,有些警告检查有小的运行时开销,生产环境模式下,是可以避免的。 不用打包工具 如果用vue完整独立版本,(直接用<script>元素引入vue),生产时应该用
2017-08-28T09:24:00Z
2017-08-28T09:24:00Z
susanws
https://www.cnblogs.com/susanws/
【摘要】生产环境部署提示 开启生产环境模式 开发时,vue会提供很多警告来帮你解决常见的错误与陷阱。生产时,这些警告却没有用,反而增加你的载荷量。再次,有些警告检查有小的运行时开销,生产环境模式下,是可以避免的。 不用打包工具 如果用vue完整独立版本,(直接用<script>元素引入vue),生产时应该用 <a href="https://www.cnblogs.com/susanws/p/7444786.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/susanws/p/7443931.html
vue 单文件组件 - susanws
在很多vue项目中,我们使用vue.component来定义全局组件,紧接着用new Vue({el:'#container'})在每个页面内指定一个容器元素 这种方式在很多中小规模的项目中运作的很好,在这些项目里javascript只被用来加强特定的视图。但当在更复杂的项目中,或者你的前端完全有j
2017-08-28T07:09:00Z
2017-08-28T07:09:00Z
susanws
https://www.cnblogs.com/susanws/
【摘要】在很多vue项目中,我们使用vue.component来定义全局组件,紧接着用new Vue({el:'#container'})在每个页面内指定一个容器元素 这种方式在很多中小规模的项目中运作的很好,在这些项目里javascript只被用来加强特定的视图。但当在更复杂的项目中,或者你的前端完全有j <a href="https://www.cnblogs.com/susanws/p/7443931.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/susanws/p/7442917.html
vue 插件 - susanws
开发插件 插件通常会为vue添加全局功能,插件的范围没有限制--一般有下面几种: 1,添加全局方法或者属性,例:vue-coustom-element 2,添加全局资源:指令、过滤器,、过渡等,如vue-touch; 3,通过全局mixin方法添加一些组件选项,如:vue-router; 4,添加v
2017-08-28T03:14:00Z
2017-08-28T03:14:00Z
susanws
https://www.cnblogs.com/susanws/
【摘要】开发插件 插件通常会为vue添加全局功能,插件的范围没有限制--一般有下面几种: 1,添加全局方法或者属性,例:vue-coustom-element 2,添加全局资源:指令、过滤器,、过渡等,如vue-touch; 3,通过全局mixin方法添加一些组件选项,如:vue-router; 4,添加v <a href="https://www.cnblogs.com/susanws/p/7442917.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/susanws/p/7429256.html
Vue 混合 - susanws
混合(mixins)是一种分发vue组件中可复用功能的非常灵活的方式。混合对象可以可以包含任意组件选项。以组件使用混合对象时,所有混合对象的选项将被混合到该组件本身的选项。 //定义一个混合对象 var myMixins = { created:function(){ this.hello(); }
2017-08-25T10:12:00Z
2017-08-25T10:12:00Z
susanws
https://www.cnblogs.com/susanws/
【摘要】混合(mixins)是一种分发vue组件中可复用功能的非常灵活的方式。混合对象可以可以包含任意组件选项。以组件使用混合对象时,所有混合对象的选项将被混合到该组件本身的选项。 //定义一个混合对象 var myMixins = { created:function(){ this.hello(); } <a href="https://www.cnblogs.com/susanws/p/7429256.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/susanws/p/7428096.html
vue 自定义指令 - susanws
除了默认设置的核心指令(v-model和v-show),vue也允许注册自定义指令。在vue2.0版本中,代码复用的主要形式和抽象是组件--然而,有的情况下,你仍然需要对DOM元素进行底层操作,这时候就会用到自定义指令。 当页面加载时,元素将获得焦点(注意:autoFocus在移动版safari中不
2017-08-25T07:02:00Z
2017-08-25T07:02:00Z
susanws
https://www.cnblogs.com/susanws/
【摘要】除了默认设置的核心指令(v-model和v-show),vue也允许注册自定义指令。在vue2.0版本中,代码复用的主要形式和抽象是组件--然而,有的情况下,你仍然需要对DOM元素进行底层操作,这时候就会用到自定义指令。 当页面加载时,元素将获得焦点(注意:autoFocus在移动版safari中不 <a href="https://www.cnblogs.com/susanws/p/7428096.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/susanws/p/7427729.html
vue render函数 函数组件化 - susanws
之前创建的锚点标题组件是比较简单,没有管理或者监听任何传递给他的状态,也没有生命周期方法,它只是一个接受参数的函数 在这个例子中,我们标记组件为functional,这意味它是无状态(没有data),无实例(没有this上下文) 一个函数化组件就像这样: Vue.component('my-comp
2017-08-25T05:56:00Z
2017-08-25T05:56:00Z
susanws
https://www.cnblogs.com/susanws/
【摘要】之前创建的锚点标题组件是比较简单,没有管理或者监听任何传递给他的状态,也没有生命周期方法,它只是一个接受参数的函数 在这个例子中,我们标记组件为functional,这意味它是无状态(没有data),无实例(没有this上下文) 一个函数化组件就像这样: Vue.component('my-comp <a href="https://www.cnblogs.com/susanws/p/7427729.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/susanws/p/7424401.html
vue render函数 - susanws
基础 vue推荐在绝大多数情况下使用template来创建你的html。然而在一些场景中,你真的需要javascript的完全编程能力。这就是render函数。它比template更接近编译器 <h1> <a name="hello-world" href="#hello-world"> Hello
2017-08-24T10:04:00Z
2017-08-24T10:04:00Z
susanws
https://www.cnblogs.com/susanws/
【摘要】基础 vue推荐在绝大多数情况下使用template来创建你的html。然而在一些场景中,你真的需要javascript的完全编程能力。这就是render函数。它比template更接近编译器 <h1> <a name="hello-world" href="#hello-world"> Hello <a href="https://www.cnblogs.com/susanws/p/7424401.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/susanws/p/7422229.html
vue 过渡状态 - susanws
vue的过渡系统提供了非常多简单的方法设置进入、离开和列表的动效。那么对于数据元素本身的动效呢,例: 数字和运算 颜色的显示 svg节点的位置 元素的大小和其他的属性 所有的原始数字都被事先存储起来,可以直接转换到数字。做到这一步,我们就可以结合vue的响应式和组件系统,使用第三方库来实现切换元素的
2017-08-24T03:41:00Z
2017-08-24T03:41:00Z
susanws
https://www.cnblogs.com/susanws/
【摘要】vue的过渡系统提供了非常多简单的方法设置进入、离开和列表的动效。那么对于数据元素本身的动效呢,例: 数字和运算 颜色的显示 svg节点的位置 元素的大小和其他的属性 所有的原始数字都被事先存储起来,可以直接转换到数字。做到这一步,我们就可以结合vue的响应式和组件系统,使用第三方库来实现切换元素的 <a href="https://www.cnblogs.com/susanws/p/7422229.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/susanws/p/7421857.html
vue 过渡效果-列表过渡 - susanws
到目前为止,关于过渡我们已经讲到, 单个节点 同一时间渲染多个节点的一个 那么怎么同时渲染整个列表,比如使用v-if?在这种场景下,使用<transition-group>组件,在我们深入例子之前,先了解关于这个组件的几个特点: 不同于<transition>,它会以一个真实元素呈现,默认为一个<s
2017-08-24T02:48:00Z
2017-08-24T02:48:00Z
susanws
https://www.cnblogs.com/susanws/
【摘要】到目前为止,关于过渡我们已经讲到, 单个节点 同一时间渲染多个节点的一个 那么怎么同时渲染整个列表,比如使用v-if?在这种场景下,使用<transition-group>组件,在我们深入例子之前,先了解关于这个组件的几个特点: 不同于<transition>,它会以一个真实元素呈现,默认为一个<s <a href="https://www.cnblogs.com/susanws/p/7421857.html" target="_blank">阅读全文</a>