博客园 - 奔走_在路上
uuid:24b78886-0ed1-41c2-8670-e3f31dcf42c4;id=27636
2020-04-01T09:29:04Z
奔走_在路上
https://www.cnblogs.com/DivHao/
feed.cnblogs.com
https://www.cnblogs.com/DivHao/p/12614069.html
VUE组件data为什么必须是函数 - 奔走_在路上
我们都知道,VUE的data实例必须是函数,那么有没有与之相反的情况呢?答案是肯定的,因为VUE的根实例就没有“必须是函数”这个限制。 我们需要考虑“VUE组件data对象实例” 与 “VUE的根实例”。 在源码中找答案: src\core\instance\state.js - initData(
2020-04-01T09:29:00Z
2020-04-01T09:29:00Z
奔走_在路上
https://www.cnblogs.com/DivHao/
【摘要】我们都知道,VUE的data实例必须是函数,那么有没有与之相反的情况呢?答案是肯定的,因为VUE的根实例就没有“必须是函数”这个限制。 我们需要考虑“VUE组件data对象实例” 与 “VUE的根实例”。 在源码中找答案: src\core\instance\state.js - initData( <a href="https://www.cnblogs.com/DivHao/p/12614069.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/DivHao/p/11806322.html
VUE源码——事件机制 - 奔走_在路上
VUE是怎么样处理事件的 在日常的开发中,我们把 @click 用的飞起,组件自定义事件实现父子组件之间的通信,那我们有想过其中的实现原理是什么呢?接下来我们将探索原生事件和自定义事件的奥秘。带着疑问开始撸源码。 首先来点儿测试代码,在测试代码中,我们包含了原生的事件,和自定义事件 在Vue 挂载之
2019-11-06T08:47:00Z
2019-11-06T08:47:00Z
奔走_在路上
https://www.cnblogs.com/DivHao/
【摘要】VUE是怎么样处理事件的 在日常的开发中,我们把 @click 用的飞起,组件自定义事件实现父子组件之间的通信,那我们有想过其中的实现原理是什么呢?接下来我们将探索原生事件和自定义事件的奥秘。带着疑问开始撸源码。 首先来点儿测试代码,在测试代码中,我们包含了原生的事件,和自定义事件 在Vue 挂载之 <a href="https://www.cnblogs.com/DivHao/p/11806322.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/DivHao/p/11805829.html
VUE源码——初始化流程 - 奔走_在路上
初始化流程 Vue的初始化流程,是从 new Vue() 开始的,从以下的图中可以看知道。在 new Vue()后,会执行init,再 $mount实现挂载,再到编译compile,生成render函数,接下来是响应式依赖收集,通过pach实现异步更新 。render function 会被转化为V
2019-11-06T07:58:00Z
2019-11-06T07:58:00Z
奔走_在路上
https://www.cnblogs.com/DivHao/
【摘要】初始化流程 Vue的初始化流程,是从 new Vue() 开始的,从以下的图中可以看知道。在 new Vue()后,会执行init,再 $mount实现挂载,再到编译compile,生成render函数,接下来是响应式依赖收集,通过pach实现异步更新 。render function 会被转化为V <a href="https://www.cnblogs.com/DivHao/p/11805829.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/DivHao/p/11451422.html
== vs === 区别 - 奔走_在路上
对于 == 来说,如果双方的类型不一样的话,就会进行类型转换。 加入我们需要对比 x 和 y 是否相等,就会进行一下判断流程: 更多详细请参考这篇 文章
2019-09-03T02:17:00Z
2019-09-03T02:17:00Z
奔走_在路上
https://www.cnblogs.com/DivHao/
【摘要】对于 == 来说,如果双方的类型不一样的话,就会进行类型转换。 加入我们需要对比 x 和 y 是否相等,就会进行一下判断流程: 更多详细请参考这篇 文章 <a href="https://www.cnblogs.com/DivHao/p/11451422.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/DivHao/p/11426770.html
字符串方法,slice(),substring(), substr() - 奔走_在路上
在传递给这些方法的参数为负数的情况下就不一样了
2019-08-28T13:56:00Z
2019-08-28T13:56:00Z
奔走_在路上
https://www.cnblogs.com/DivHao/
【摘要】在传递给这些方法的参数为负数的情况下就不一样了 <a href="https://www.cnblogs.com/DivHao/p/11426770.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/DivHao/p/10781053.html
关于this - 奔走_在路上
this 是很多人会混淆的概念,但是其实它一点都不难,只是网上很多文章把简单的东西说复杂了。在这一小节中,你一定会彻底明白 this 这个概念的。 我们先来看几个函数调用的场景 接下来我们一个个分析上面几个场景 对于直接调用 foo 来说,不管 foo 函数被放在了什么地方,this 一定是 win
2019-04-27T15:22:00Z
2019-04-27T15:22:00Z
奔走_在路上
https://www.cnblogs.com/DivHao/
【摘要】this 是很多人会混淆的概念,但是其实它一点都不难,只是网上很多文章把简单的东西说复杂了。在这一小节中,你一定会彻底明白 this 这个概念的。 我们先来看几个函数调用的场景 接下来我们一个个分析上面几个场景 对于直接调用 foo 来说,不管 foo 函数被放在了什么地方,this 一定是 win <a href="https://www.cnblogs.com/DivHao/p/10781053.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/DivHao/p/10172626.html
call(),apply(),bind()区别? - 奔走_在路上
在上面例子中,callSum1在执行sum()函数传入了this值(因为是在全局作用域中调用的,所以传入的就是window对象)和arguments对象。callSum2同样也调用了sum()函数,但传入的是this 和一个参数数组。 call()方法和apply()方法的作用相同,它们的区别仅在于
2018-12-25T02:49:00Z
2018-12-25T02:49:00Z
奔走_在路上
https://www.cnblogs.com/DivHao/
【摘要】在上面例子中,callSum1在执行sum()函数传入了this值(因为是在全局作用域中调用的,所以传入的就是window对象)和arguments对象。callSum2同样也调用了sum()函数,但传入的是this 和一个参数数组。 call()方法和apply()方法的作用相同,它们的区别仅在于 <a href="https://www.cnblogs.com/DivHao/p/10172626.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/DivHao/p/10152755.html
JS 基础知识点 - 奔走_在路上
最近发现一个好东西,掘金小册,觉得里面的东西挺不错的,准备仔细阅读一下,提升下自己。 记录一下,随便加深点儿印象,主要内容源自于小册。 原始类型 原始类型也成为基本数据类型 boolean null undefined number string symbol 原始类型存储的都是值,是没有函数可以调
2018-12-20T14:02:00Z
2018-12-20T14:02:00Z
奔走_在路上
https://www.cnblogs.com/DivHao/
【摘要】最近发现一个好东西,掘金小册,觉得里面的东西挺不错的,准备仔细阅读一下,提升下自己。 记录一下,随便加深点儿印象,主要内容源自于小册。 原始类型 原始类型也成为基本数据类型 boolean null undefined number string symbol 原始类型存储的都是值,是没有函数可以调 <a href="https://www.cnblogs.com/DivHao/p/10152755.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/DivHao/p/9916716.html
vue在html中出现{{}}原因及解决办法 - 奔走_在路上
在刚开始接触vue的时候,我们都是直接用<script>引入vue.js使用。没有借助vue-cli脚手架来构建项目。 对于一个初学者来说,跟着文档慢慢搬砖,使用vue进行数据绑定。 记得在最开始使用vue写公司项目的时候,在页面初始化化是,THML会闪现出{{}},当时测试问我有没有解决办法,我理
2018-11-06T09:41:00Z
2018-11-06T09:41:00Z
奔走_在路上
https://www.cnblogs.com/DivHao/
【摘要】在刚开始接触vue的时候,我们都是直接用<script>引入vue.js使用。没有借助vue-cli脚手架来构建项目。 对于一个初学者来说,跟着文档慢慢搬砖,使用vue进行数据绑定。 记得在最开始使用vue写公司项目的时候,在页面初始化化是,THML会闪现出{{}},当时测试问我有没有解决办法,我理 <a href="https://www.cnblogs.com/DivHao/p/9916716.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/DivHao/p/7822796.html
双飞翼布局和圣杯布局的理解 - 奔走_在路上
在很久以前,有了解过双飞翼布局,但那是仅仅只是了解,当时知道怎么样去布局,但是在后来的实际项目中没有用到,就往了怎么回事了; 前不久去面试,有被问到了这个问题,当时只记得听过,但是具体怎么实现的就全然不知了,所以特地了解了下,并理解了实现原理。 其实最重要的就是利用 float 属性,使盒子脱离文档
2017-11-12T12:40:00Z
2017-11-12T12:40:00Z
奔走_在路上
https://www.cnblogs.com/DivHao/
【摘要】在很久以前,有了解过双飞翼布局,但那是仅仅只是了解,当时知道怎么样去布局,但是在后来的实际项目中没有用到,就往了怎么回事了; 前不久去面试,有被问到了这个问题,当时只记得听过,但是具体怎么实现的就全然不知了,所以特地了解了下,并理解了实现原理。 其实最重要的就是利用 float 属性,使盒子脱离文档 <a href="https://www.cnblogs.com/DivHao/p/7822796.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/DivHao/p/7778992.html
ios端阻止页面滚动露底 - 奔走_在路上
转自 http://www.eboy.me/archives/129; 在IOS端的微信中使用H5页面,页面滑动到底部时,再向上拉或页面在顶部时下拉,总会露出微信自带的底色;总是会让人不爽。 以下是一个相对完美的解决办法;原来是先禁止body的滚动事件,再允许内部div滚动; 一、设置body的cs
2017-11-03T08:50:00Z
2017-11-03T08:50:00Z
奔走_在路上
https://www.cnblogs.com/DivHao/
【摘要】转自 http://www.eboy.me/archives/129; 在IOS端的微信中使用H5页面,页面滑动到底部时,再向上拉或页面在顶部时下拉,总会露出微信自带的底色;总是会让人不爽。 以下是一个相对完美的解决办法;原来是先禁止body的滚动事件,再允许内部div滚动; 一、设置body的cs <a href="https://www.cnblogs.com/DivHao/p/7778992.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/DivHao/p/7712398.html
微信网页授权实现方法 - 奔走_在路上
使用方法 localStore('bbb', { b: 2 }, 3); 这是存数据, 取数据 localStore(bbb“”) 如果在设置的时间内,那就直接返回的存的数据,如果过了时间就会直接返回 undefined ;
2017-10-22T14:39:00Z
2017-10-22T14:39:00Z
奔走_在路上
https://www.cnblogs.com/DivHao/
【摘要】使用方法 localStore('bbb', { b: 2 }, 3); 这是存数据, 取数据 localStore(bbb“”) 如果在设置的时间内,那就直接返回的存的数据,如果过了时间就会直接返回 undefined ; <a href="https://www.cnblogs.com/DivHao/p/7712398.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/DivHao/p/7495599.html
浅谈vuex使用方法(vuex简单实用方法) - 奔走_在路上
Vuex 是什么? Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension,提供了诸如零配置的 time-travel
2017-09-08T09:24:00Z
2017-09-08T09:24:00Z
奔走_在路上
https://www.cnblogs.com/DivHao/
【摘要】Vuex 是什么? Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension,提供了诸如零配置的 time-travel <a href="https://www.cnblogs.com/DivHao/p/7495599.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/DivHao/p/7245202.html
vue router 修改title(IOS 下动态改变title失效) - 奔走_在路上
在ios下app 设置document.title = "titleName" 失效,原因是在IOS webview中网页标题只加载一次,动态改变是无效的。 在路由配置中添加 meta对象 如: 在路由配置js里面添以下代码 在static下添加一个空页面 完美解决问题; 摘抄自 :https://
2017-07-27T07:40:00Z
2017-07-27T07:40:00Z
奔走_在路上
https://www.cnblogs.com/DivHao/
【摘要】在ios下app 设置document.title = "titleName" 失效,原因是在IOS webview中网页标题只加载一次,动态改变是无效的。 在路由配置中添加 meta对象 如: 在路由配置js里面添以下代码 在static下添加一个空页面 完美解决问题; 摘抄自 :https:// <a href="https://www.cnblogs.com/DivHao/p/7245202.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/DivHao/p/7122511.html
微信小程序之初探(常见语法 VS vue)常见问题(点击不生效,数据绑定) - 奔走_在路上
最近在调研微信小程序开发,对于一个前端小白来说,在各种框架都还用不熟的情况下,再来开发小程序确实还是不容易。 小程序出来之初,听过演讲,看过一点点儿视频,感觉和angular语法有点相似(PS:那是也是只了解一点点儿angular语法); 近两天开始尝试开发小程序,讲真,语法和angular和vue
2017-07-05T10:13:00Z
2017-07-05T10:13:00Z
奔走_在路上
https://www.cnblogs.com/DivHao/
【摘要】最近在调研微信小程序开发,对于一个前端小白来说,在各种框架都还用不熟的情况下,再来开发小程序确实还是不容易。 小程序出来之初,听过演讲,看过一点点儿视频,感觉和angular语法有点相似(PS:那是也是只了解一点点儿angular语法); 近两天开始尝试开发小程序,讲真,语法和angular和vue <a href="https://www.cnblogs.com/DivHao/p/7122511.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/DivHao/p/7092926.html
使用css实现无滚动条滚动+使用插件自定义滚动条样式 - 奔走_在路上
使用css实现无滚动条滚动,摘抄自:曹小萌博客 使用css实现无滚动条滚动,大体思路是在div外面再套一个div。这个div设置overflow:hidden。而内容div设置 overflow-x: hidden;overflow-y: scroll;然后再设置外层div的width小于内容div
2017-06-29T02:01:00Z
2017-06-29T02:01:00Z
奔走_在路上
https://www.cnblogs.com/DivHao/
【摘要】使用css实现无滚动条滚动,摘抄自:曹小萌博客 使用css实现无滚动条滚动,大体思路是在div外面再套一个div。这个div设置overflow:hidden。而内容div设置 overflow-x: hidden;overflow-y: scroll;然后再设置外层div的width小于内容div <a href="https://www.cnblogs.com/DivHao/p/7092926.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/DivHao/p/7088409.html
vue+webpack+vue-cli获取URL地址参数 - 奔走_在路上
在没有使用webpack+vue router开发中,想要获取RUL传的参数地址,直接通过一个函数就可以获得。 比如在 www.test.com/test.html?sign=test 地址中,想要获取sign的值,通常的方法是用一个函数, var getUrlStr = function(name
2017-06-28T01:58:00Z
2017-06-28T01:58:00Z
奔走_在路上
https://www.cnblogs.com/DivHao/
【摘要】在没有使用webpack+vue router开发中,想要获取RUL传的参数地址,直接通过一个函数就可以获得。 比如在 www.test.com/test.html?sign=test 地址中,想要获取sign的值,通常的方法是用一个函数, var getUrlStr = function(name <a href="https://www.cnblogs.com/DivHao/p/7088409.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/DivHao/p/6888421.html
iframe跨域 - 奔走_在路上
转:http://www.cnblogs.com/fangjins/archive/2012/08/17/2643461.html iframe跨域 最近做的一个项目中需要ajax跨域取得数据,如果是在本域中确实没有问题,但是放到二级域和其他域下浏览器直接就弹出提示框:“该页正在访问其控制范围之外的
2017-05-22T02:50:00Z
2017-05-22T02:50:00Z
奔走_在路上
https://www.cnblogs.com/DivHao/
【摘要】转:http://www.cnblogs.com/fangjins/archive/2012/08/17/2643461.html iframe跨域 最近做的一个项目中需要ajax跨域取得数据,如果是在本域中确实没有问题,但是放到二级域和其他域下浏览器直接就弹出提示框:“该页正在访问其控制范围之外的 <a href="https://www.cnblogs.com/DivHao/p/6888421.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/DivHao/p/6866399.html
有关swiper动态改变数据遇到的坑(不能自动滚动,自动跟新数据,切换不正常) - 奔走_在路上
以前都觉得swiper的使用很简单,那是因为使用swiper时都是写的数据,按照官网上介绍直接初始化swiper,随便丢一个地方初始化就ok了,但是在很多需求中,我们都需要动态的改变数据,这样可能就会遇到很多问题。 以下简单说说最近遇到的问题: 开发需求是需要通过接口请求来动态的改变swiper数据
2017-05-17T02:51:00Z
2017-05-17T02:51:00Z
奔走_在路上
https://www.cnblogs.com/DivHao/
【摘要】以前都觉得swiper的使用很简单,那是因为使用swiper时都是写的数据,按照官网上介绍直接初始化swiper,随便丢一个地方初始化就ok了,但是在很多需求中,我们都需要动态的改变数据,这样可能就会遇到很多问题。 以下简单说说最近遇到的问题: 开发需求是需要通过接口请求来动态的改变swiper数据 <a href="https://www.cnblogs.com/DivHao/p/6866399.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/DivHao/p/6812412.html
vue2.0用组件实现选项卡 - 奔走_在路上
HTML JavaScript 使用 $emit(eventName) 触发事件,在组件内部绑定点击事件,每个独立组件之间发生点击事件触发外层函数,实现选项卡功能
2017-05-05T04:33:00Z
2017-05-05T04:33:00Z
奔走_在路上
https://www.cnblogs.com/DivHao/
【摘要】HTML JavaScript 使用 $emit(eventName) 触发事件,在组件内部绑定点击事件,每个独立组件之间发生点击事件触发外层函数,实现选项卡功能 <a href="https://www.cnblogs.com/DivHao/p/6812412.html" target="_blank">阅读全文</a>