- 博客(11)
- 资源 (1)
- 收藏
- 关注
原创 使用render函数实现一个组件在不同环境的不同样式
背景: 一个项目对接多个渠道,需求要求的是根据不同的渠道显示不同的样式(例如颜色,文案),由于只上线一套代码,所以在开发时,对于不同渠道我们必须整合样式的显示。对于一个按钮根据不同的渠道显示不同的颜色,我们可以这样做<template> <div> <div v-if="channel == 'a'"> <button class="channela">Channel-a</button> </div>
2020-05-21 16:13:34 520
原创 父组件与子组件生命周期先后顺序
项目中,有时在业务层面会出现接口调用顺序的限制,如果后台规定必须先调用a,再调用b,而代码层面b接口是在一个子组件中调用,a接口在父级页面调用。这时我们就得弄清楚 父与子的生命周期先后顺序 ,这里我用现有的项目做一个demo父级页面子组件运行项目 打印出来如下如下父:beforecreate父:created子:beforeCreate子: beforeMount子:mounted父:mounted由此可见 父页面调用a,子组件调用b,都放在mounted里面执行,便会出现错误,
2020-05-18 15:50:00 1126
原创 vue前端文案管理
在项目里我们可能会碰到很多文案,而且页面多,要是有需求改文案,普通的一个个的修改给代码维护增加了压力,为了减轻工作量,在代码设计的角度做了一个文案的集中管理页面。怎么做呢,其实也很简单,引入与导出,把内容文件集中在一个文件,然后通过export default导出给Vue函数添加一个原型属性,最后通过Vue.use()注册全局。如下,同级目录h5content.jsconcordance.js(名字自取)h5content.js内容export default { doc4repayAdva
2020-05-15 11:20:28 647
原创 关于vue在oppo手机bug,cannot read propoerty ‘*’ of undefined
环境描述:vue项目放在app里面 ,用的是webview内嵌。机型 :oppo A73在使用module.exports语法导出模板,再用import引入是会出现引入对象没定义的问题 (紧紧针对 oppo A73,其他机型正常)项目里导出的是一个用于环境打包的对象 sitapp里面抓包报错如下解决方法 使用export default 替换module.exports的语法导出,当然这...
2019-07-26 14:17:31 1060
原创 js表情校验
需求背景输入框禁止输入表情,这里的方法是先校验表情,如有表情则替换为空。代码 // utf8mb4 正则 const utf8mb4Reg = /[^\u0000-\uFFFF]/g; // emoji 表情正则 const emojiReg = /(\ud83c[\udf00-\udfff])|(\ud83d[\udc00-\ude4f])...
2019-07-24 16:08:46 1458
原创 function of repeat is not defined兼容性问题
开发完vue项目,本地运行正常,却在很少的一部分低版本的手机里出现了repeat is not defined的报错(抓包)然后查了原因 最终在MDN找到了解决方法主要原因是此方法已添加到ECMAScript 2015规范中,并且可能尚未在所有JavaScript实现中可用,所以这里我们需要做一下扩展if (!String.prototype.repeat) { String.prot...
2019-07-17 18:02:56 413
原创 Do not use v-for index as key on
// An highlighted block<template> <div class="text"> <transition-group tag="ul" :name="scrollType"> <li v-for="(item, index) in dataList" :key="index"...
2019-06-27 10:32:44 816 1
原创 关于javascript在魅族手机的特殊bug
现在在做一个app内嵌的h5页面需求,然后很奇怪的发现在测试app里,js加载异常的情况,导致接口无法请求。开始以为是app的webview适配的问题,然后仔细查看后发现并不是这样。异常如下:测试结果如下 ios手机正常,安卓手机 :魅族每一部都有js异常乐视部分手机(版本过低4.0)也有异常vivo部分手机(版本过低因为不是测试机版本号未知)开始还特地问了老手async能不能写在这个...
2018-11-16 11:16:52 691
原创 h5页面短信验证点击倒计时方法,随取随用
h5页面短信验证相信大家已经做的很多其中除了调取接口最关键的在于倒计时,该怎么做看代码吧html<div class="form" id="form"> <div class="con"> <div class="input-item"> <input type=&q
2018-09-28 11:06:19 2019
原创 js流量分发,权重概率分配业务,按概率跳转
1.开始 最近接到这样一个需求,一个点击按钮,按照概率分配不同的链接。也就说点击同一个按钮,举个例子:50%的概率跳转到百度,30%概率跳到谷歌,20%概率跳到天猫。归根到底,这其实是一个权重分配的问题。大的思路是先解决概率分配,然后动态赋值跳转。 2.html页面<a href="javascript:;" id="applyBtn">按流量跳转</a&...
2018-08-28 11:50:48 1685
原创 前端页面业务中的埋点统计数据
1.背景 在H5的页面中有很多业务需要统计按钮的点击数与页面的打开数量统计以及客户是谁(多数是获取用户手机号),而统计数量的逻辑一般来说是在接口里进行以保证后台系统的查询,所以前端主要的方法便是用户点击或页面打开后调用后台的接口。但是为了方便跳转,所以按钮一般用a标签的形式,以一个简单的代码为例,上代码 2.html页面 <!--简单例子 a标签按钮--...
2018-08-27 18:16:46 4406
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人