mfind_千一-优快云博客

原创 Vue插槽详解-作用域插槽

前言在Vue的官方文档中对于插槽的描述比较凝练不容易理解，作者在刚开始接触插槽时也是一头雾水，在实践中好像也可以简单的使用，但是想把插槽用的得心应手就比较困难了。最近因为工作需求需求手动封装一个类似ElementUI的级联选择器的组件，在开发过程中一直不太明白它的自定义节点功能：<el-cascader :options="options"> <template slo...

2019-09-30 17:39:21 2571

原创 Vue父组件异步获取数据传值给子组件

问题背景近期做项目时需要父组件在created()钩子函数中异步获取数据然后传给子组件，子组件在created()钩子函数中获取传过来的props，并进行初始化，发现子组件在created()钩子函数中获取不到props。问题原因首先解释一下Vue的生命周期函数，以及组件嵌套时父子组件生命周期的触发顺序。大家都知道，在单个组件加载的过程中生命周期的发生顺序是这样的：关于生命周期钩子的详...

2019-07-20 18:56:25 5805

原创前端优化-滚轮事件

1.滚轮相关事件事件类型事件对象是否标准化兼容性mousewheelMouseWheelEvent非标准化只有Firefox不支持DOMMouseScrollMouseScrollEvent非标准化只有Firefox支持wheelWheelEventDOM Level 3Firefox 17+/ie9+wheel事件详细内容：wheel...

2019-04-08 15:12:05 1223

原创饿了么慕课网学习手记（三）加入购物车动画

1.加入购物车按钮组件将加入购物车按钮部分抽离成一个组件，因为会多次复用到，即：//carControl.vue&lt;template&gt;&lt;div class="car-control"&gt; &lt;!-- 动画名称为move --&gt; &lt;transition name="move&

2018-12-17 19:32:59 469

简介BetterScroll 是一款重点解决移动端各种滚动场景需求的开源插件（GitHub地址），有下列功能支持滚动列表，下拉刷新，上拉刷新，轮播图，slider等功能。为了满足这些功能，better-scroll通过使用惯性滚动、边界回弹、滚动条淡入淡出来确保滚动的流畅。同时还支持很多API和事件，具体支持的事件可以查看官网讲的非常详细。由于它基于原生JavaScript 实现，不依赖任何...

2018-12-15 15:04:05 436

转载 Promise使用详解（转）

2015年6月， ES2015（即 ECMAScript 6、ES6）正式发布。其中 Promise 被列为正式规范，成为 ES6 中最重要的特性之一。1.then()方法简单来讲，then 方法就是把原来的回调写法分离出来，在异步操作执行完后，用链式调用的方式执行回调函数。而 Promise 的优势就在于这个链式调用。我们可以在 then 方法中继续写 Promise 对象并返回，然后继...

2018-12-14 13:29:04 2302

转载 js异步回调Async/Await与Promise区别

Promise，我们了解到promise是ES6为解决异步回调而生，避免出现这种回调地狱，那么为何又需要Async/Await呢？你是不是和我一样对Async/Await感兴趣以及想知道如何使用，下面一起来看看这篇文章：Async/Await替代Promise的6个理由。什么是Async/Await?async/await是写异步代码的新方式，以前的方法有回调函数和Promise。asyn...

2018-12-14 13:26:21 309

原创 Fetch Vue-Resource axios

1.Fetchfetch安装为了解决 fetch 的兼容性，我们使用 Fetch Polyfill 的版本 whatwg-fetch。npm install --save whatwg-fetchimport 'whatwg-fetch'webpack 项目增加（加不加都可以）entry: ['whatwg-fetch', ...]也可以用另一个 fetch 版本npm in...

2018-12-14 11:42:25 559

原创饿了么慕课网学习手记（一）Vue-router

1.安装直接引入<script src="vue.js"></script><script src="vue-router.js"></script>npm下载npm install vue-router如果在一个模块化工程中使用它，必须要通过 Vue.use() 明确地安装路由功能：import Vue from 'vue'im...

2018-12-11 13:57:55 260

原创块级元素、内联元素、行内块元素

1.共同点：块级元素与内联元素都是盒模型，都具有height、width、padding、margin、border等属性，但是二者的表现不同，一般不提倡在内联元素中使用这些属性。2.块级元素特征：总是在新行开始，独占一行高度、行高以及内边距和外边距都可控制宽度总是和父级元素宽度一样，与内容无关可以容纳内联元素和其他块元素3.内联元素特征和其它元素在一行内高度、行高以及内边距...

2018-12-10 14:17:26 322

weixin_40923809的博客