yeahax / blog Goto Github PK

转眼间2016要过去了，即将来到了崭新的2017。
这一年，我大概做了如下几件事：

工作上

2016年3月跳槽到一家o2o公司，薪资涨了20%，并且用一个月的时间完成了一个Web App(ios & android)的开发和测试，随后就在公司里面推进前端工程化和组件化。

技术上

在上班空闲的时间里面学习了Vue.js和ECMAscript 2015,并且把这些知识用在了平时的工作上。
在晚上看了3本书，分别是你不知道的JavaScript（上卷和中卷）、HTTP权威指南。

生活上

慢慢的学会了享受生活，买了自己喜欢的MacBook pro和机械键盘，经常独自出去大吃一顿。

2017年要做的事

• 找一个女朋友😁
• 接触更多的知识，了解更多前端酷炫的技能，顺便学一点其他领域的知识。
• 养一只小🐶

1.为什么要学习前端模块化，模块化能解决什么问题？

可以参考玉伯写的博客，对模块化做了详细的介绍。

博文地址：seajs/seajs#547

今天上班没事做，练习了一下算法

递归

       var data = [1, 2, [3, 4, [5]], 6, [7, [8, 9, [10, 11, [12]]]]];

        window.onload = function() {
            //递归
            var result = []
            fillArray(data, result)
            console.log(result)
        }
        //递归
        function fillArray(array, result) {
            array.forEach(function(i) {
                if (i instanceof Array) {
                    fillArray(i, result)
                } else {
                    result.push(i)
                }
            })
        }

ES5数组去重

    
        function delRepeat(array) {
            var result = []
            array.forEach(function(i, k) {
                if (result.indexOf(i) == -1) {
                    result.push(i)
                }
            })
            return result
        }

ES6数组去重

        function delRepeat(items) {
              return [...new Set(items)];
        }

获取m到n的随机数

       function fn(m,n){
             return parseInt(Math.random()*(n-m))+m;
       }

最近在公司的项目中，写的很多HTML代码都是重复的，然后就不停的复制粘贴复制粘贴，时间久了就想：有没有办法可以利用前端自动化构建工具去帮我们做这些事了？

然后就找到了这篇文章：http://segmentfault.com/a/1190000003043326

第一次参加这种技术会议，满满的干货啊，感谢前端圈(^__^)！酷狗对这一次活动也是挺重视的，为酷狗点个赞！

分享一：繁星网的前端性能优化之路

“性能优化”这一个词对于我们并不陌生，业界对于网站性能优化也有好多好的知识，例如“雅虎34条”，这一次白伟民大神向我们讲解了从客户端、服务端、网络这三个方面对繁星网的优化，使用户体验变得更好。

服务端

• 接口按需请求
• 接口走CDN
• 静态资源走CDN

网络

• 背景图合并
• js/css文件选择性合并、压缩
• 图片按需加载
• 合理使用静态资源域名

客户端

• js文件尾部引入，按需加载
• 非核心模块异步
• 合理分配域名
• 一些flash可以使用canvas代替（移动端可以全用canvas）

分享二：前端页面加载性能数据之采集和分析

当对网站做了性能优化之后，网站比之前“快”了多少呢？

这时候就要进行性能数据采集和分析了，这样才能比较知道通过之前的性能优化，网站比之前“快”了多少。

分享三：酷狗内嵌前端页面发展史

因为酷狗的内核是IE，老师把他开发过程中遇到的问题分享给我们，例如：

<a href="javascript:void(0)"></a>

a{
    display: block;
    width: 10px;
    height: 10px;
    background: url(../images/a.png) no-repeat;
}

如果a标签的背景图片还没加载完成时，用户就点击了，这时背景图片就不会再加载，为了解决这个问题，我们应该这样写：

<a href="javascript:void(0)" onclick="return false"></a>

这样就能解决这个问题了。

最后要说的是，酷狗的3d赛车游戏体验机真是吊炸天，好想上去玩一下！>_<
先写到这里，具体的内容可以等PPT出来，再一次感谢前端圈提供了这一次机会，以后一定会继续参加这一种活动。

之前去面试，遇到一个经典的面试题

var a = 1;
function test() {
    console.log(a)
   var a = 10;
}
test()

我当时想了一下就说10，后来面试官对我说是错的，答案是undefined。
我当时百思不得其解，回来找了一遍文章看，豁然开朗。

博文地址：http://www.cnblogs.com/damonlan/archive/2012/07/01/2553425.html