BinbinLiao's Blog

昨天碰到一个很诡异的问题，在客户端使用js将一段html插入一个div(div.innerHTML=html)的时候多出了一个空行。下面在Google chrome里面模拟一下昨天的情况，截图如下：

65279

后来我就获取了这个元素，看了下这个空行是什么，测试流程如下：

65279

当看到比较结果是false的时候被震到了，后来找了下65279的相关资料。65279的十六进制表示为FEFF，它是字节顺序标记（英语：byte-order mark，BOM）是位于码点U+FEFF的统一码字[......]

阅读全文……

没有评论

好久没有写博客了，再不更新博客，我都要忘记了，唉。就把这几天写的输入框自动完成弄上来。

什么是自动完成

通常指浏览器等软件自动跟踪用户最近键入的信息，如 Web 站点地址、表单的中信息以及搜索查询等并在键入新的信息时试图预测用户要键入的信息，并提供可能的匹配内容的功能。(via:wikipedia)

实现方式

可以实现当用户输入的时候去服务器请求数据，或者使用本地给的静态数据，并合并用户历史选择(优先显示)，创建选择列表来方便用户输入。

此实现没有引用任何类库，只提供了一个外部接口给用[......]

阅读全文……

2 条评论

前段时间浏览Nicholas C. Zakas大神的博客，发现一篇很有意思的文章，是Nicholas在看了github上的一个gist（jashkenas对JavaScript使用简洁方式创建类的建议）之后写的，主要内容是介绍了一种通过对象字面量来创建类型的方法，下面来说一下吧。

首先贴上jashkenas的伪代码

[cc lang="js"]
class Color {
constructor(hex) {
…
}

public r = 1;
p[......]

阅读全文……

没有评论

前段时间去上海参加校园招聘会了，就把期间遇到的几个笔试和面试题跟大家分享一下。

证明：如果一个数介于孪生素数之间且大于等于6，则这个数是6的倍数

这个问题面试的时候没想出来，想了很久，后来一次在等地铁的时候突然想到了怎么证明。这个问题的证明其实是很简单的，既然是孪生素数之间的数，那么这个数必然是偶数了。因为这两个素数必然是奇数，而介于两个奇数之间的数肯定是偶数啦，即这个数能被2整除了，接下来就只需要证明这个数能被3整除就可以了。

假设这个数是Y，两个素数分别是X,Z(5<=X<[......]

阅读全文……

5 条评论

前天参加汇顶科技的笔试，最后一道编程题是求一个数的二进制表示反序后的值，例如10的二进制表示是0000 1010，反序后是0101 0000，十进制值是80。题目给的函数签名是：

刚开始想到的肯定是用除2余和除2来算出所有位来咯。不过又想了一下，感觉这样做太水了，就想能不能用位运算来实现，想了一段时间后，终于想到可以用”按位与运算”和”移位运算”来求出某一[......]

阅读全文……

没有评论

今天下午去参加汇顶科技的一面，8个人群面，给了一道题，题目就是文章标题。一开始的时候要求大家用10分钟将自己的想法写在一张纸上面，到时间后就收上去了。然后让我们发表一下各自的思想，并讨论。讨论开始的时候大家意见都很统一，就是用遍历或者递归来解决，很简单的一道题。面试官马上看出了情况，就加上了个条件，不使用递归或者遍历数字来实现。

大家在短暂的思考后，就开始讨论了，各种各样的想法，有些都没听明白，我自己的思想也没表达太清楚，在那里的时候也没想得很透彻，基本上没有解决掉问题。马上面试就结束了。回来[......]

阅读全文……

2 条评论

事件处理程序的浏览器兼容性分析

事件处理程序有好几种，不过常用的就是HTML事件处理程序、DOM0级事件处理程序和DOM2级事件处理程序。对于前两种基本上没有浏览器兼容性问题。但是对于DOM2级事件处理程序，由于IE没有按照DOM2标准走，而是自己实现了类似的方法，所以就有问题了。下面分析一下。

DOM2级事件定义了两个方法，用于处理指定和删除事件处理程序的操作：addEventListener()和removeEventListener()。所有DOM节点都包含这两个方法，并且它们都接受3[......]

阅读全文……

没有评论

需求分析

使用JavaScript做前端开发的时候，经常需要操作DOM和CSS来改变界面，而做简单动画时也必须操作css。

实现方法

以前我一直使用DOM对象的style属性来操作该元素的css，类似下面的代码：
[cc lang="html"]
< !DOCTYPE html>

TITLE

#myDiv{
background-color:blue;
width:100px;
height:200px;
}

window.[......]

阅读全文……

1 条评论

需求分析

随着浏览器端JavaScript编程的流行，经常碰到要分析和获取url上带的参数。

正则表达式实现

先看代码：

[cc lang="js"]
function getUrlParam(name) {
var reg = new RegExp(“[?&]” + name + “=([^?&]*)[&]?”, “i”);
var match = location.search.match(reg);
return match == null ? “”[......]

阅读全文……

2 条评论

时间一旦过去，就会感觉过得非常的快！三年前踏入南昌大学的种种情形还历历在目，两年前加入家园网时的笔试、面试也还清晰的映在脑海中，一年前开始跟家园网同事一起dota的种种情形，无法忘怀。而现在大四，要退出家园网，十分不舍。

还记得三年前刚踏入南昌大学时，对于有点路痴的我来说，这学校都快让我迷路了，感觉就是这学校实在有点大，这路比我们家那边的马路还宽呢！来到新生接待点，碰到一个同专业的新生，我们一起被一个学长带到了宿舍，看宿舍号的时候才知道我们竟然是一个宿舍的，缘份呐，有木有！第一个学期还是认真读[......]

阅读全文……

13 条评论