关于前端基础知识储备的几点分享

周六有幸做了一次线下分享，其中关于前端基础知识储备几点如下：

一、try 大法

亲手实操是掌握知识的很有效的方法，要常去控制台做test；

1，console里敲代码，测属性和方法；比方 Array的length属性 ，delete方法，slice方法，reverse方法 对原数组的影响以及返回值是什么，你想要的是返回值还是原对象。



2，对elements 直接修改 调试，可以改innHTML 可以修改属性，可以加内联样式等



3，也可以在style里修改样式，这种方式在调整样式里很好用，快速更改找到合适点位，再复制到源文件里。

二、切图相关技巧

团队项目中切图的工作可能会分配给前端，此次介绍一个切图的方式，设计出图psd 一般图层划分的很详细，比方一个icon 图标，需要找到所有的图层，然后右键图层弹出框中点选转换为智能对象；然后双击转换后的图标，会直接弹出新的文件窗口，也就是刚才icon图标的，在新的窗口中找到菜单栏文件的导出-储存为web格式，这样图标就切好了：

step 1:

step 2:

step 3:

step 4:

三、看书

关于H5 CSS3，可以去看下h5 css3权威指南

关于js 可以去看下 js权威指南 和高级程序设计 这两本在京东上 搜js排前两位

看书一定要亲手写里面的代码，不能只是停留在看代码，感觉不错的地方记记笔记，此处推荐一个很好用的为知笔记，我感觉高级程序设计的最佳实践很不错，然后就记在为知笔记里，手机上下载个APP，经常翻翻；

四、看官网

初学者可以去w3cschool.com逛逛，稍微熟悉点后可以去MDN 火狐的开发者网站developer.mozilla.org;看一个方法，一定要看参数，以及实现的功能，那些参数是必要的，那些参数是可省略的；看表达式、运算符，理解其具体功能；去jQuery官网看API 同样理解他的参数和功能。

五、看源码

好的代码，有很多可学习的地方，一方面可以更好地理解其接口，另一方面可以学习其代码风格，同样的实现，优秀的代码即简约又高效；比方看jQuery源码。

六、ECMA6 学习之道

阮一峰的《ecma6 入门》，网上也有开源版，可以去阮老师的github上download下，记得点个赞；

另外一个方式，更简单快捷，通过babel编译器，ecma6转ecma5 秒秒钟的事情，官网babeljs.io; 同时打开其learn 2015和try it out；learn2015 有案例，复制过来放到try it out上，简单明了的去看编译后的代码，对理解ecma6 有很好的帮助。

step 1

step 2

最后，再次强调下，一定要动手亲自做测试！