从程序猿角度来看2016年为啥那么6 · Web前端爱好者

作者:JerryXia | 发表于 , 阅读 (29)
GITHUBABOUTRSS本文总阅读量从程序猿角度来看2016年为啥那么62016年1月4日最近网上流传一张图来说明2016年很6,大概就是下面的意思:
2016=666+666+666+6+6+62016=777+777+77+77+77+77+77+772016=888+888+88+88+8+8+8+8+8+8+8+82016=999+999+9+9看起来确实很6吧,不过作为程序猿的我看到上面的数字第一想法就是:咦,这个的算法是咋实现的?
于是,带着上面的疑问,简单去实现了一个算法来计算出上面这样的结果。
先瞎掰一下咳咳,在开始算法之前,请允许我先扯一下 6 这个词,网络用语意思是 溜溜溜,形容很牛逼;但是,在伟大的数学当中,6 可是一个 完美数,不知道啥是完美数?移步 维基百科。作为第一个完美数,6 当然拥有至高无上的地位!纯属个人瞎掰,下面正式开始。
抽象化算法最有趣的地方应该就是将现实复杂的事物简单抽象化,以此例子抽象化之后的意思大概就是:
给定一个数字(假设是2016),求将其分解成 N 个 各位数都相等 的数的和(假设这里的位数分别为6、7、8、9)
步骤...阅读全文

 介绍Sass Maps:用法跟例子 · Web前端爱好者

作者:JerryXia | 发表于 , 阅读 (38)
对于前端可伸缩页面的编写来说Sass Maps可以说是一个福音,从逻辑模块中抽取出配置是一种非常好的方法。现在就让我跟你解释为什么我认为在Sass 3.3中Sass Maps是最好的特性。
Sass 3.3Sass 3.3[注1]即将更新给所有人使用,但是对于很多开发者来说还有很多实用性的特性他们依然不熟悉。新版本的Sass 3.3带给我们新的数据类型称为map。Maps是key/value键值对的集合,能够帮助我们通过简单的代码创建一块配置区域。
如何使用 Sass Maps首先我们会覆盖Sass Maps的基本用法,后面会看几个实例。
创建一个Map下面是一个快速创建Sass Maps的语句,创建一个变量(这里用了$map)然后输入一些keys跟values,通过,来分割,这些键值对通过括号包围起来:
$map: (  key: value,  nextkey: nextvalue);如何获取Map的值当你定义了很多对key/value键值对之后,有时候你需要取出一些值。你可以通过map-get()方法来找出某个key的value。该方法需要传入两个参数:map的名称还有k...阅读全文

 CSS后置处理器之PostCss · Web前端爱好者

作者:JerryXia | 发表于 , 阅读 (44)
RSS本文总阅读量CSS后置处理器之PostCss2015年12月16日初识PostCSS如果你第一次听说PostCSS这个东西,那么请看下面摘自官方Github的介绍:
PostCSS is a tool for transforming CSS with JS Plugins. These plugins can support variables and mixins, transpile future CSS syntax, inline images, and more
翻译成中文的意思如下:
PostCSS 是一套利用JS插件实现的用来改变CSS的工具.这些插件能够支持变量和混合语法,转换未来CSS语法,内联图片,还有更多
我们用过Less、SASS等工具来对CSS做预处理操作,按照它们约定的语法来书写并且最终转换成可用的样式,这付出的代价是必须先熟悉这个工具的书写语法。 
随着近几年 Grunt、Gulp、Webpack等自动化工具的兴起,组合式应用变得非常的热门,那PostCSS存在的意义是什么呢?答案是:CSS生态系统
PostCSS拥有非常多的插件,诸如...阅读全文

 前端工程师学习Nginx入门篇 · Web前端爱好者

作者:JerryXia | 发表于 , 阅读 (37)
本文总阅读量前端工程师学习Nginx入门篇2016年3月18日
What is NginxNginx(发音:engine X)是一款轻量级的HTTP服务器(相比于Apache、Lighttpd而言),同时是一个高性能的HTTP和反向代理服务器,如今国内主流网站基本搭建于Nginx之上,诸如新浪、腾讯、网易、豆瓣。
Nginx主要以事件驱动的方式编写,有兴趣可以移步这里看他们的源码,这让它拥有非常好的性能,同时也是一个非常高效的反向代理、负载均衡(不知道反向代理跟负载均衡的童鞋请自觉移步文章结尾恶补一下)。
官方站点也指出了Nginx作为HTTP服务器的几项基本特性:
处理静态文件,索引文件以及自动索引;打开文件描述符缓冲无缓存的反向代理加速,简单的负载均衡和容错FastCGI,简单的负载均衡和容错模块化的结构,包括gzipping,byte ranges,chunked responses,以及SSI-filter等filter。支持SSL和TLSSNI.对于前端童鞋而言,可能基本不会碰到服务器的东西,但如果像我这样子有『全栈工程师』心结的话倒是可以研究一下,自己成功配置Ngi...阅读全文

 迟来的面试总结 · Web前端爱好者

作者:JerryXia | 发表于 , 阅读 (0)
PIA! 装逼结束,下面开始正题!
谈谈最近来天猫已经有一个星期,从 京东 的 凹凸实验室团队的 老人 一下子变成了 天猫 的 新人 ,重新认识周边的同事,申请各种权限再熟悉开发环境,还好脸皮比以前厚了很多,各种不懂的东西到处找人问,总算是进入了开发状态。
从过年回来就不断进行 天猫 的电话面试到交叉面,再到最后的HRG面,以及Leader视频面,感觉身心摧残呀…
每次面试都那么累(说得好像面试了很多次一样o(╯□╰)o),但其实也总算是把国内 JBAT 都面了一下:
去年9月, 腾讯 的一位08级的师兄打电话给我问我有没有意愿去 腾讯应用宝 试试,于是就去试试了,结果聊的全部都是HTTP的东西,没看书华丽挂掉。
去年10月面了 百度 的 凤巢团队,顺利通过了一面、二面、三面,然而却在三面当天收到了 百度停止社招 的消息,然后就是漫长的冻结期,等到我最后直接放弃了!
年前 天猫 的同事找到我问有没有意愿加入天猫,抱着试一试的心态,结果一路顺畅就通过了。
面试总结之所以想写面试总结,最大的目的还是想写给自己看,毕竟面试作为你能力的最真实的表现,能否做足准备并将最好的一面表现...阅读全文