UC 手机浏览器调试经验

更多文章参见: https://github.com/elevenbeans/elevenbeans.github.io

缘起

接了一个业务方的小需求,做一个代替 JS 原生confirm 功能的弹框。

弹框样式 UED 提供,不表,开发过程 easy,不表。

在做视觉还原+多机适配的时候,发现某手机中安装的 UC 浏览器下点击确认/取消/关闭弹框均不消失。于是在众多机器均安装了 UC 回归测试, 定位问题确实出在 UC 上面。

UC 调试环境准备

早前所在部门 App 均采用 UC 内核,有相关调试经验。然而因同属一个集团,相关的 debug 包,调试方法,均有 UC 技术部的支持。

自己尝试,过程如下:

Hello, Ctrip!

新工地第一次发工钱,心情还行。

猴子论

猫厂某前同事有句让我记忆深刻的话:‘测试不会写代码?那算个啥测试!那不就是猴子!’

然后不幸遇见了一只比较懒的。。。

生活本应如此

搬新家

58速运不错。

七个大包,一辆金杯装得满满当当。

由 $(document).ready 发散开去

缘起

上周面了上海一家大型互联网公司,并顺利拿到了达到预期的 Offer。

不过这并不是重点,

CTO 本尊的一个技术问题让我印象深刻:“JQuery 中的 DomReady 在什么时候触发?”。

今天抽空梳理一下。

node 小试牛刀之 mysql 增删改查

node 应该是如今最火热的技术了。

看完了朴灵的《深入浅出 nodejs》,终是要练练手吧。

第一反应是操作数据库,废话不多说,直接开始。

2015-2016 小结

如果没记错的话,最近一次的博客,还是四、五年前上大学的时候在校内网上写的(如果算的话)。

并不是懒,而是常常发现,每当看到个把月前写的文字,往往有想骂自己傻 X 的冲动 /(ㄒoㄒ)/~~

所以,我希望以后的文字,都坚挺起来 ^_^

关于我的 2015 - 2016,挑重点的说吧(其实是能记得住的):

JS 中的小技巧汇总

使用!!操作符转换布尔值

有时候我们需要对一个变量查检其是否存在或者检查其值是否有一个有效值,如果存在就返回true值。可以使用!!前缀做检测,只要变量的值为:0null""undefined或者NaN都将返回的是false,反之返回的是true。如下:

scroll 事件处理之 throttle 和 debounce

概念请点这里

现状描述

天猫几乎所有的频道都有 下拉刷新 的逻辑。其中,品牌特卖和焕新在做下拉刷新的时候均使用了一个叫做 bottomloader 的组件。该组件中采用了 throttle 方法对于连续的scroll事件所触发业务逻辑(包含数据加载)的次数进行了稀释,从原生的像素级别的滑动触发,稀释到了间隔几百毫秒触发一次,从而极大的降低了scroll事件对业务逻辑的高频触发,提高了滑动流畅度以及页面性能。

代码如下:

css 中的垂直居中方法

我们都清楚元素相对其父级元素水平居中展示的方法:对于inline 的元素,我们都会想到为其父级元素设置tex-align : center。对于block 元素,我们会设定其 margin: 0px auto
然而,垂直居中的实现方法,并没有这么简单,以下列出 6 种垂直居中法。

浅析 JavaScript 中的闭包

闭包的概念

Wikipedia):In programming languages, closures (also lexical closures or function closures) are a technique for implementing lexically scoped name binding in languages with first-class functions.

译文:”在编程语言中,闭包(也词法闭包或函数闭包)是结合拥有 First-class function 的语言,实现词法作用域名的一种技术。”