RUBGH的博客

21

需要定义个公共的公共实例文件bus.js，作为中间仓库来传值，不然路由组件之间达不到传值的效果。// 引入公共的bug，来做为中间传达的工具。// 用$on事件来接收参数。2 父组件向子组件传值。

我们的watch只能保证在bannerList变化时创建swiper对象，但是并不能保证此时v-for已经执行完了。假如watch先监听到bannerList数据变化，执行回调函数创建了swiper对象，之后v-for才执行，这样也是无法渲染轮播图图片（因为swiper对象生效的前提是html即dom结构已经渲染好了）。解决方法二：我们可以使用watch监听bannerList轮播图列表属性，因为bannerList初始值为空，当它有数据时，我们就可以创建swiper对象。

防抖： 前面的所有的触发都被取消，最后一次执行在规定的时间之后才会触发，也就是说如果连续快速的触发只会执行一次。节流： 在规定的间隔时间范围内不会审复触发回调，只有大于这个时间间隔才会触发回调，把频繁触发变为少量触发。解决： ladash插件，封装函数的防抖与节流业务（闭包+延迟器）例子：计数器限定一秒内不管用户点击按钮多少次，数值只能加一。例子:输入框搜索 输入完内容之后 一秒后才发送一次请求。解决： _throttle()

踩坑

vue

路由

npm

路由

解决跨越问题

token

eslint

less

node.js

css

ps

清除浮动

<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>doc</title> <style> div{ margin: 200px; } span{ display: inline-block; w

<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>doc</title> <style> div{ margin: 200px; } span{ display: inline-block; w

<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>doc</title> <style> table{ margin: 100px auto; width: 500px; border-collapse: collapse;

<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>doc</title> <style> *{ margin: 0; padding: 0; } body{ padding: 100px;

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>doc</title> <style> input{ color: #999; } </style></head><body> <div>