摘要: Bug描述:使用mint ui的picker组件时,datepicker和picker在ios的webview(bug是在Hybrid App发现的)中会出现滑动穿透的现象,导致弹层后面的页面也会滚动,这使得用户体验很不好。 方案1:由于picker组件的滚动是用touch事件 + translat 阅读全文
posted @ 2018-11-24 12:01 奔跑的瓜牛 阅读(1700) 评论(0) 推荐(0) 编辑
摘要: ES6可谓是对JS语言的一个颠覆性改变,增加了Module改善JS一直被诟病的模块化、Promise解决异步函数的回调地狱、Class的面相对象编程... 在学习ES6的过程中,大家或多或少都有看过阮一峰老师的《ECMAScript 6 入门》。这本书把ES6的所有知识点都讲解的很详细,如果有时间, 阅读全文
posted @ 2018-11-17 22:48 奔跑的瓜牛 阅读(5001) 评论(0) 推荐(0) 编辑
摘要: 公司有在做一个类似qq空间的开发,发表说说避免不了的要有图片展示。 产品提出的空间缩略图的展示类似 信朋友圈那种效果——图片不变形、能看到中间部分。 这里给出3种解决方案(jsbin地址失效时可复制代码到jsbin.com看效果): 1、 img + position + translate jsb 阅读全文
posted @ 2018-11-03 12:36 奔跑的瓜牛 阅读(3119) 评论(0) 推荐(0) 编辑
摘要: 在我印象里,“全栈工程师”这个词是NodeJS诞生后才逐渐火起来的,因为NodeJS赋予了JS服务器开发的能力。下面开始从一个小白的角度进军NodeJS... 前言:在学习NodeJS之前是需要安装的,安装方法很easy。安装好之后,安装路径会自动写到环境变量path路径中,所以我们可以直接cmd去 阅读全文
posted @ 2018-10-27 22:00 奔跑的瓜牛 阅读(466) 评论(0) 推荐(0) 编辑
摘要: 在学习移动端布局的时候,你肯定听说过"viewport"这个词,然后去问度娘或谷歌。你会惊奇的发现,这个viewport不简单,居然有那么多兄弟——layout viewport、visual viewport、ideal viewport。这些都是什么鬼,然后就硬着头皮去发现他们的不同,找了很多资 阅读全文
posted @ 2018-10-21 22:21 奔跑的瓜牛 阅读(688) 评论(2) 推荐(1) 编辑
摘要: 看过很多setTimeout、Promise执行顺序的面试题,一直不明白为啥都是异步操作,Promise就牛×些呢?直到了解了macrotask和micromask才恍然大悟... 先来一道面试题助助兴: 我们都知道JavaScript是一门单线程的语言,这也就意味着 JS 无法进行多线程编程,但是 阅读全文
posted @ 2018-10-07 19:46 奔跑的瓜牛 阅读(279) 评论(0) 推荐(0) 编辑
摘要: 愉快的时光总是飞快,七天小长假已接近尾声,抓住假期的尾巴,再学个新知识点——css的background-clip: text属性...会不会有种陌生的感觉,毕竟在我们的印象里,background-clip只有padding-box、border-box、content-box三个属性,这个tex 阅读全文
posted @ 2018-10-05 16:48 奔跑的瓜牛 阅读(720) 评论(0) 推荐(0) 编辑
摘要: 九月已成历史,十月如期而至...可能是九月工作比较清闲,周记就没怎么写,十月决不能这么堕落,立贴为证,至少保证5篇博客!!!如果没学到什么新知识,就对以往的那些工作中常用到的知识点做个总结...话不多说,今天就来谈谈移动端的rem适配...本文将从rem是什么、为什么要用rem适配、怎么用rem来讲 阅读全文
posted @ 2018-10-02 22:19 奔跑的瓜牛 阅读(1506) 评论(0) 推荐(2) 编辑
摘要: 记录一些小零碎知识点,以便日后查看~ 1、随机撒花特效 教师节快到了,公司的产品提出一个需求:在IM(即时聊天)聊天界面弹出教师节的祝福“广告”,用户点击“发送祝福”按钮,聊天界面会随机撒花。这里的重点是随机撒花,下面会附上随机撒花的代码: 2、修改伪元素样式 修改伪元素样式的方式有俩种:1、动态修 阅读全文
posted @ 2018-09-09 15:53 奔跑的瓜牛 阅读(1025) 评论(0) 推荐(0) 编辑
摘要: 又是一个周五,又一周要过去了...很开心,这周遇到了vue中的一个比较常见的坑,网上随便一搜就有了很多解决方案...“幸运”的是,我选了一个带坑的方案...所以我觉得有必要记录一下这个“坑中坑”... 事情是这样的: <img :src="item.img ? item.img : '../imag 阅读全文
posted @ 2018-08-24 17:26 奔跑的瓜牛 阅读(2247) 评论(0) 推荐(0) 编辑
摘要: 上班之余,记录一下工作中遇到的有趣问题... 事情是这样的...在做一个内嵌H5的app时,有一个“个人名片”页面...要求:如果后台接口有给头像的图片链接就用他们给的,如果没给,前端给个默认头像...测试过程中发现,接口的图片链接有可能是无效的,就像这样一个链接http://www.test.co 阅读全文
posted @ 2018-08-21 15:56 奔跑的瓜牛 阅读(12022) 评论(5) 推荐(7) 编辑
摘要: 平时做图片上传预览时如果没有特殊的要求就直接先把图片传到后台去,成功之后拿到URL再渲染到页面上。或者使用前端插件。这篇博客使用的是HTML5的新特性——FileReader。由于兼容性,这种方法不适合pc端...FileReader具体的兼容性点这里:FileReader兼容性。 自从有了HTML 阅读全文
posted @ 2018-08-19 16:39 奔跑的瓜牛 阅读(370) 评论(0) 推荐(0) 编辑
摘要: 这周在做空间(“类似”qq空间)项目。首页是好友发表的说说,可以针对每条说说进行评论,评论框吸附固定在屏幕底部。此时,Bug来了...在ios上,软键盘弹出后fixed属性失效了。后来发现,ios绝大部分情况把fixed变成了absolute。为什么说是绝大部分情况下而不是100%,后面会提到。下面 阅读全文
posted @ 2018-08-19 12:50 奔跑的瓜牛 阅读(1457) 评论(0) 推荐(0) 编辑
摘要: 转眼又到了周末,转眼又要上班,转眼...大概这就是一眼万年的意思吧。 这周继续IM(即时聊天),项目用的是LayIM移动端改装的,仅仅“借用”了一个聊天窗口。由于是内嵌App的页面,自然少不了Android和iOS的兼容问题,这次要谈的就是日期格式在iOS的bug。 一般我们在页面渲染时间的时候都是 阅读全文
posted @ 2018-08-12 10:40 奔跑的瓜牛 阅读(3732) 评论(0) 推荐(0) 编辑
摘要: 一周复一周,时间过得飞快,每个周末都是很开心却又很彷徨。开心的是不用工作,彷徨的是自己这周学到了什么、自身的技能有没有提高、如何应对这个日新月异的社会... 本周的工作的开发IM(即时聊天)模块,要用到的技术是WebSocket。由于刚接触WebSocket,自己也是边摸索边做... 1、Webso 阅读全文
posted @ 2018-07-29 10:10 奔跑的瓜牛 阅读(445) 评论(0) 推荐(0) 编辑
摘要: 布局方面,css有那么几个比较热衷的问题。其中,移动端1px边框问题的讨论不亚于垂直居中。那么移动端1px边框问题是如何产生的呢?由于现在的手机几乎都是retina屏,css设置的1px会被渲染成2px的物理像素(针对像素比等于2的屏幕),因此看起来会比较粗。既然知道了问题的产生原因,那么我们就开始 阅读全文
posted @ 2018-07-22 15:56 奔跑的瓜牛 阅读(1073) 评论(4) 推荐(5) 编辑
摘要: 最近在工作中遇到一些问题,大致是关于js执行问题的。由于没搞清执行顺序,导致出现了一些奇怪的bug。 所以这里整理一些有关异步执行的知识(冰山一角角)... 大家都知道js是单线程的,执行起来是顺序的,在顺序的业务逻辑中当然没有问题。如果遇到可以并发执行的业务逻辑,再排队就很低级了,所以需要异步执行 阅读全文
posted @ 2018-07-15 16:41 奔跑的瓜牛 阅读(1383) 评论(0) 推荐(0) 编辑
摘要: 我们知道,CSS3新增的很多简洁优美的属性,比如border-radius、box-shadow、border-image、gradients、RGBA...因为这些属性的出现,我们可以很方便的就写会很多好看的页面。但是,IE8对于CSS3的属性来说是个坎,IE8及其以下不支持CSS3属性。因此,我 阅读全文
posted @ 2018-01-24 18:04 奔跑的瓜牛 阅读(398) 评论(0) 推荐(0) 编辑
摘要: 需求:现在在做一个项目,要求一个页面内嵌Bing和Baidu俩个iframe,载入页面后,从url中拿数据进行搜索。 问题:完全载入页面后,会跳转到百度页面。 问题来源:百度代码中有 if (top.location != self.location) {top.location=self.loca 阅读全文
posted @ 2018-01-11 15:40 奔跑的瓜牛 阅读(6137) 评论(0) 推荐(0) 编辑
摘要: 自CSS3以来,主流网站开始偏向于扁平风格和动画效果,这时就可以jQuery的动画就可以发挥其长处了,灵活的应用其动画API,让我们可以设计出很多绚丽的效果。下面,让我们来列举一些jQuery常用的动画API。 1、show()和hide()方法 (注:传入参数后,.show()和.hide()方法 阅读全文
posted @ 2017-08-16 22:33 奔跑的瓜牛 阅读(332) 评论(0) 推荐(0) 编辑