博客

【招聘】蚂蚁集团-高级H5前端开发工程师/专家-蚂蚁财富 杭州/北京/上海

博客分类: 

我们是蚂蚁集团-数字金融线-财富技术部,负责的业务有:余额宝、基金、理财、证券等等。通过技术的力量为用户的上万亿资产交易保驾护航。分分钟上亿交易的技术挑战,你敢应战吗?

 
我们前端团队使用国际上较前沿的H5技术,拥有国内顶级流量的Nodejs服务和支付宝小程序业务线,是热门开源项目(Antd-mobile)的维护者,创新自研了H5与Native统一的图形引擎,以及2D和3D移动互动引擎。其他创新技术正在路上,等你来一起共创出炉。
 

VirtualBox安装WindowsXP网卡的问题

博客分类: 

最近在Mac上使用VirtualBox安装windows XP遇到网卡的问题。

进入XP系统无法检测到网卡设备。

解决办法:

1. 下载VboxGuestAdditions

http://download.virtualbox.org/virtualbox/4.3.28/VBoxGuestAdditions_4.3.28.iso

2. 在XP虚拟机里通过cd-rom加载该iso文件,然后安装。

3. 安装之后在VirtualBox设置网卡NAT,然后Advance里选择适配类型:PCnet-FAST III (Am79C973)

重新启动XP,就能有新硬件的提示了。

游泳心得

博客分类: 

本文旨在分享小白下水学习游泳心得,希望对不会游泳但渴望学会的小白们有帮助。

当我还是小白时经常就听会游泳的人说:游泳很好学的,把你往水里一推,扑腾几次你就学会了。那时候我听到这句就觉得是在扯淡,现在想想其实……真的还是扯淡,哈哈。学游泳还是需要注重方式方法的,这样学起来也不痛苦效果也不错。

好吧,现在介绍下我的情况:

体型描述:身高 178cm,体重78公斤,属偏胖型。(一直以为这么快学会也归功于自己的体型,排水大,浮力大 :p)

学会时间:经历三次下水,从小白到学会游泳,第四次下水学会换气。

游泳动作:蛙泳的腿蹬 + 腿拍水 + 手臂划水

游泳装备:泳衣(男性泳裤一条即可,女性的自己看着办哈)+ 泳帽 + 泳镜

PS:

JS启示录《JavaScript Enlightenment》阅读分享与延伸

博客分类: 

这本书基本上都在说JS的基础知识,对于有经验的JS工程师来说,很多内容说得有点啰嗦了,他总是遵循:由浅入深,循序渐进的教学方式,同时会在不同的地方对重要的观点重复阐述。(重要的话说三遍)

基础部分

基础这部分简单点讲下,对有经验的JS工程师肯定都看过《JavaScript权威指南》或者《JavaScript高级编程》等,所以基础部分不过多描述。如下主要从基础数据类型切入,逐个大致说说。

Amazon EC2 配置Ubuntu(HVM) + php-fpm + MySQL

博客分类: 

博客是放在Amazon的EC2.

全程参考:http://imcn.me/html/y2012/11870.html

 

其中遇到文件权限的问题:

默认EC2的nginx和php-fpm的用户和用户组是www-data。但是我ubuntu的文件权限是quentin,所以php写文件没权限了。

所以为了使php-fpm和文件权限一致,配置如下:

修改php-fpm配置:sudo vi /etc/php5/fpm/pool.d/www.conf

user = www-data 改成 user = ubuntu

修改nginx配置:sudo vi /etc/nginx/nginx.conf 

user www-data 改成 user ubuntu

Mac下MySQL 无法启动的问题

博客分类: 

最近遇到一个低级问题,希望可以帮助跟我一样的同学:

问题描述:

本地环境是XAMPP,内置MySQL以前是好的,好久没用了,最近启动MySQL时提示如下错误:

ERROR 2002 (HY000): Can't connect to local MySQL server through socket '/Applications/XAMPP/xamppfiles/var/mysql/mysql.sock'

 

当时我以为是本地MySQL出问题了。经过环境变量,权限等排查仍然找不到原因。

其中也试过了:locate mysql | grep sock

结果:/Applications/XAMPP/xamppfiles/include/mysql/psi/mysql_socket.h
也找不到mysql_socket.sock。

最终,发现其实mysql是好的,只是mysql.server没启。
执行下面命令即可:
sudo /Applications/XAMPP/xamppfiles/bin/mysql.server start

Linux下查看电脑硬件配置

博客分类: 

Linux下查看电脑硬件配置

系统

# uname -a               # 查看内核/操作系统/CPU信息
# head -n 1 /etc/issue   # 查看操作系统版本
# cat /proc/cpuinfo      # 查看CPU信息
# hostname               # 查看计算机名
# lspci -tv              # 列出所有PCI设备
# lsusb -tv              # 列出所有USB设备
# lsmod                  # 列出加载的内核模块
# env                    # 查看环境变量

资源

三星手机使用type="file"上传文件的问题

博客分类: 

使用HTML5进行手机应用开发时,遇到上传文件使用:
 <input type="file" name="file" />

这个file类型在IOS以及Android一般手机里都没有问题,唯独在三星的系列手机内有问题。问题描述如下:
点击上传按钮->选择图片,结果整个表单页面重新刷新,导致表单内的所有填写的内容丢失,包括选择文件项本身。

 

一开始以为是三星不支持type="file",但是后来觉得没道理。连难搞定的IOS都能支持了,并且本身Android是支持的,三星不至于不支持。

后来才发现需要在标签内加入 accpet="image/*" 属性。

Chrome Notifications

博客分类: 

web QQ,比价插件等都可以在浏览器里弹出一个消息框。其实实现起来还挺简单,主要用到window.webkitNotifications。

进入主题,

第一步需要检查浏览器是否开启了显示消息的权限。

// check permission

window.webkitNotifications.checkPermission();

如果没有权限,请求权限:

// request permission if 

window.webkitNotifications.requestPermission(function(){

  /*if (callback) {  

    callback(this.checkPermission());  

  }*/

});  

接着就能创建消息啦,通过show方法显示:

// create notification.

英文日期格式及缩写总结

博客分类: 

日期格式:

    英式日期格式:22nd,July,2009 或 22,july,2009 格式为:日,月,年

    美式日期格式:july 22nd,2009 或 july 22,2009 格式为:月 日,年

    中文日期格式:2009年7月22日

 

    日,月,年是这样的格式 1st, Jan., 2009(要两个逗号了),或者 01-01-2009(01/01/2009)

    月,日,年是这样的格式 Jan. 1st, 2009

 

    1st, Jan., 2009 和 Jan. 1st, 2009 读法也不同:

    1st, Jan.: First of January

    Jan. 1st:January the first

说明下,在书写日期时可以写成 "29th, Jan., 2013"或者"29, Jan., 2013",但是读的时候必须要读出序列数:Twenty-Ninth of January, Twenty thirteen.

月份缩写:

XAMPP 虚拟主机 no permission问题解决

博客分类: 

最近新安装了XAMPP 3.2.1, 在httpd-vhost.conf里面添加虚拟主机之后,页面一直提示没有访问权限。

搜过网上很多解决方案,都没有效果。最终在查看httpd.conf里面对locahost的配置之后,终于解决了这个问题。猛然发现其实还是很简单的,只要将Directory下增加一条"Require all granted" 的设置就解决了。

实例:

<VirtualHost *:80>

    ServerAdmin webmaster@dummy-host.example.com

    DocumentRoot "C:\workspace\program\test"

    ServerName test.com

    ServerAlias test.com

 

    <Directory "C:\workspace\program\test">

        Options Indexes FollowSymLinks Includes ExecCGI

        AllowOverride All

海尔变频洗衣机选择总结

博客分类: 

最近挑选洗衣机,选择条件:

容量:6L

电机:变频

品牌:海尔(支持国货)

所以,总结出了感觉还不错的几款价格从低到高排序:

XQG60-BS1086 AM

(官方价格¥3699 http://www.haier.com/cn/consumer/laundry/gtxyj/201207/t20120714_137477.shtml 总体还不错,不过洗的衣物不如下面几款多,另外这款据说是下排水的。 )

XQG60-B10288(官方价格¥3999 我中意的 http://www.haier.com/cn/consumer/laundry/gtxyj/201212/t20121203_156865.shtml)

XQG60-B1228A(官方价格¥4499,比上面一款多个门上的盖子 http://www.haier.com/cn/consumer/laundry/gtxyj/201207/t20120714_137473.shtml)

最终,我还是选择了这款,因为多了盖子稍微好看点,另外这款脱水转速最高有1200,而上款只有1000转。

吸收室内甲醛的植物

博客分类: 

很多人都知道,在室内放一些植物,植物可以吸甲醛,这样可以降低室内甲醛浓度。那种植物吸甲醛最好呢?

1、吊兰 
   特性:养殖容易,适应性强,最为传统的居室垂挂植物之一。它叶片细长柔软,从叶腋中抽生出小植株,由盆沿向下垂,舒展散垂,似花朵,四季常绿。 
   功效:可吸收室内80%以上的有害气体,吸收甲醛的能力超强。一般房间养l~2盆吊兰,空气中有毒气体即可吸收殆尽,故吊兰又有“绿色净化器”之美称。

2、虎尾兰 
   特性:叶簇生,剑叶刚直立,叶全缘,表面乳白、淡黄、深绿相间,呈横带斑纹。常见的家庭盆栽品种,耐干旱,喜阳光温暖,也耐阴,忌水涝。 
   功效:可吸收室内80%以上的有害气体,吸收甲醛的能力超强。

3、芦荟 
   特性:多年生常绿多肉植物,茎节较短,直立,叶肥厚,多汁,披针形。喜温暖、干燥气候,耐寒能力不强,不耐荫。 
   功效:它不仅是吸收甲醛的好手,而且具有很强的药用价值,如杀菌、美容的功效。现已经开发出不少盆栽品种,具有很强的观赏性,可用于装饰居室。

排版引擎和JS引擎

排版引擎(Layout Engine)

主要是是用来让网页里浏览器绘制网页。目前流行的排版引擎如下:

WebKit 

  - Apple Safari

  - Google Chrome

Trident

  - Internet Explorer

Gecko

  - Firefox

 

JS引擎(JS Engine)

顾名思义,JS engine是专门用来处理JS脚本的程序。

主流的浏览器的JS engine如下:

Mozilla

  SpiderMonkey - Firefox 1.0~3.0

  Rhino - 由Mozilla基金会管理,open source,完全以java编写的。

  TraceMonkey Firefox 3.5~3.6

  JaegerMonkey  Firefox 4.0 + 

  IonMonkey Firefox 18.0+

Google

简单描述位,字节和字在计算机中的表示

博客分类: 

比特:

位或者比特(Bit)也简称小b(b)。

字节:

Byte简称大B(B)。

1个字节(B) = 8个比特(b)

所以:

常说的16位电脑,它是以: 16b/8 = 2个字节 为一个存储单元存储的。

常说的32位电脑,它是以: 32b/8 = 4个字节 为一个存储单元存储的。

常说的64位电脑,它是以: 64b/8 = 8个字节 为一个存储单元存储的。

字:

字是由一个或多个字节组成的。

因为计算机里最小的处理单位是:字节(B),所以字肯定是字节的整数倍。一般来说,英文状态下,键盘上能敲出来的字都是一个字节的。但是如果是中文或者日文,一般是2个字节的。

但是,如果你是UTF8编码格式的话,字节数是1-6范围内的。因为UTF8是由1-6字节编码UNICODE字符。

 

页面