摘要: 1、子组件接收父组件的参数,要在子组件的componentDidMount函数中更改当前组件的state,若写在componentWillMount函数中,则会导致初始化界面UI的时候不能得到预期的效果。这是因为willMount方法会在dom还没有渲染完成的时候就会触发,而这时父组件传给子组件的界 阅读全文
posted @ 2018-06-01 13:58 keang 阅读(4523) 评论(0) 推荐(0) 编辑
摘要: 最近主导的PC客户端网站重构工程告一段落,下一阶段开始给公司APP开发H5页面,技术栈是react。最近碰到一个需求:需要在H5页面上添加身份证照片,预览并上传。因为要兼容安卓4.4以下版本的手机,所以连html5的新属性formData都用不了,纯原生js实现。 首先获取input输入框,并给其注 阅读全文
posted @ 2018-05-29 21:06 keang 阅读(3944) 评论(0) 推荐(0) 编辑
摘要: 最近在主导重构公司一款国际化产品,需要进行埋点统计,具体需求是工程里面的事件分析根据国内/国外进行统计,海外版的使用谷歌统计,国内版的采用百度统计。采用的是同一套工程代码,所以只需要写一个方法,里面根据配置文件的平台属性来做区分是百度统计还是谷歌统计,代码总结如下: 阅读全文
posted @ 2018-04-26 15:09 keang 阅读(682) 评论(0) 推荐(0) 编辑
摘要: 为了实现如图所示的树状结构图,并使列表项可拖动到盒子里,研究了ztree这个插件的使用,并仔细研究了列表项的拖动事件。完成了预期需求,对jQuery的运用得到了提高。这个插件的功能非常强大,除了基本的简单树结构外,还支持自定义图标、自定义字体、单击节点控制、异步加载节点数据等多种扩展功能。本文只介绍 阅读全文
posted @ 2017-03-22 17:12 keang 阅读(2191) 评论(0) 推荐(0) 编辑
摘要: 需求:需要实现纵向列表左边的一条时间轴,时间轴中间除穿插具体的时间节点外不可间断,单击右边信息盒子里的图标,向下弹出子盒子并撑开列表,时间轴相应的延长。再单击图标,子盒子隐藏,时间轴收缩。看图来直观的了解一下这个需求,为便于观察,使用了醒目的红色线段和紫色边框如图a、图b所示: 图a 初始状态下的时 阅读全文
posted @ 2017-02-24 21:45 keang 阅读(538) 评论(0) 推荐(0) 编辑
摘要: 在使用highcharts画图过程中,经常查阅图表选项设置,现将画图过程中设置过的选项收集记录如下留待以后参考: 折线图 饼状图 柱状图 阅读全文
posted @ 2017-02-24 17:19 keang 阅读(692) 评论(0) 推荐(0) 编辑
摘要: 移动端弹窗上滑动时候,底层body元素也跟着滚动,简称为滚动穿透问题。 网上查询了下解决方案,方案很多,大多数搞得很复杂,有判断滑动方向的,有禁用touchmove事件的等等,简单使用一下几步解决这个问题: 1.弹出遮罩的时候,设置body元素的俩属性overflow为hidden,position 阅读全文
posted @ 2017-02-16 10:48 keang 阅读(418) 评论(0) 推荐(0) 编辑
摘要: 在做移动端业务开发时,经常碰到fixed元素和输入框同时存在的情况。在手机软键盘唤起的情况下,会造成原本fixed定位的元素跟随软键盘而上浮,对整体布局造成冲击。来看这样一个栗子直观的感受一下这个bug。 问题描述: 开发一个创业板转签页面,预期效果图是这样的。 红色矩形区域为使用fixed布局的内 阅读全文
posted @ 2017-01-13 22:08 keang 阅读(3947) 评论(0) 推荐(0) 编辑
摘要: 在写表单时,经常要用到select元素,这个元素相较于其他文本框标签而言有不同。最近在写一个页面表单时需要对select进行各种操作,现将其用法收集并总结如下: HTML元素: required 一般用在做校验判断当前选项内容是否为必填,加了required后页面会有相应的验证。 对其进行各种操作的 阅读全文
posted @ 2017-01-13 13:25 keang 阅读(1082) 评论(0) 推荐(0) 编辑
摘要: 在开发移动端APP页面时,对各操作系统各种型号的手机进行适配是必须的。然鹅,上周在开发完一个落地页后,被测试给打了回来,其中列出了一个在我看来很小的问题:单击进入页面的时候,页面还没加载完的时候字体显得特别大,整个页面不美观,网速快的时候还好网速慢的时候这种现象可能会停留1s到2s,等页面加载完就恢 阅读全文
posted @ 2017-01-08 19:21 keang 阅读(1792) 评论(0) 推荐(0) 编辑