摘要: 1.路由变化页面数据不刷新问题 这种情况一般出现在vue-router的history模式下,初次进入会执行钩子函数,再次进入时则不会。 解决方案: 监听路由变化 2.setInterval路由跳转继续运行并没有及时进行销毁 比如一些弹幕,走马灯文字,这类需要定时调用的,路由跳转之后,因为组件已经销 阅读全文
posted @ 2018-01-18 19:28 尹言覃少 阅读(6728) 评论(0) 推荐(2)
摘要: 背景:影城移动点餐web App增加会员卡支付功能 需求:确认订单页点击会员卡项弹出会员卡列表,多张会员卡依次叠加覆盖上一张80%的高度,点击任意卡片则改卡片置为当前卡片,只有当前卡片显示全部卡片信息。 经过一天的分析和尝试造出了轮子,基本满足需求,核心代码如下: 代码已托管在github,想要看运 阅读全文
posted @ 2017-12-18 10:13 尹言覃少 阅读(6069) 评论(1) 推荐(2)
摘要: 当一个接口需要依赖另一个接口的请求数据时,通常有两种解决方式,一个是将请求数据的接口设为同步,之后调另一个接口,另一个是在请求数据接口的成功回调里调另一个接口。 但是:当一个接口需要依赖很多个接口的请求数据 或者 一个依赖另一个,另一个再依赖另一个 的情况该怎么解决呢? 当然你可以按照单个接口依赖的 阅读全文
posted @ 2017-12-14 14:28 尹言覃少 阅读(7610) 评论(0) 推荐(1)
摘要: 1.<meta charset="utf-8"> 2.<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"> 3.<meta content= 阅读全文
posted @ 2017-12-07 18:10 尹言覃少 阅读(972) 评论(0) 推荐(1)
摘要: 1.首先安装vux:npm install vux 2.安装vux-loader:npm install vux-loader 3.确认是否已安装less-loader:npm install less-loader(需要注意,容易忘记), 4.按照下面代码示例修改webpack.base.conf 阅读全文
posted @ 2017-11-29 17:55 尹言覃少 阅读(1675) 评论(0) 推荐(1)
摘要: 1.创建项目: a.全局安装create-react-app: npm install create-react-app -g b.执行create-react-app my-projectName创建自己的项目,完成之后npm run start即可启动项目。 2.引入组件库、插件配置等: a.执 阅读全文
posted @ 2017-11-19 18:29 尹言覃少 阅读(2537) 评论(0) 推荐(1)
摘要: 预解析的实现: 1. 用meta信息来告知浏览器, 当前页面要做DNS预解析:<meta http-equiv="x-dns-prefetch-control" content="on" /> 2. 在页面header中使用link标签来强制对DNS预解析: <link rel="dns-prefe 阅读全文
posted @ 2017-11-14 11:12 尹言覃少 阅读(1237) 评论(0) 推荐(1)
摘要: 1.单行完整显示,多行省略显示。 .box { width: 100px; //必要 display: -webkit-box; //必要 font-size: 14px; line-height: 20px; text-overflow: ellipsis; //必要 -webkit-line-c 阅读全文
posted @ 2017-11-08 12:45 尹言覃少 阅读(208) 评论(0) 推荐(1)
摘要: 1.适用场景:所有通过router路由的单页应用。 2.示例代码:本文以vue-router为例。 在router.js中: 阅读全文
posted @ 2017-11-07 10:59 尹言覃少 阅读(1102) 评论(0) 推荐(2)
摘要: 1.技术栈:vue vue-router vuex Mint-ui better-scroll; 2.实践总结: a.单页应用不重新渲染组件问题:组件在初次渲染后不会重新渲染,此时当从某个路径返回到此组件对应的路径时,不会执行created或者mounted,也就不会发请求获取新数据。解决方法是监听 阅读全文
posted @ 2017-10-31 16:12 尹言覃少 阅读(449) 评论(0) 推荐(1)