网站开发笔记之邦力重工

        俗话说，理论为指导，实践出真知。特别是编程，要时长用项目来不断巩固自己所学的知识，才能更好的进步。   
        因此前几天就做了个将固定宽度的页面转化为响应式的网站。在码的过程中，遇到了我所认为难点，也遇到了老知识的新用法及确切含义。                首先说一下容老知识点的问题。           
        ①：text-align中的justify属性。在有大段文字时，我发现而文字总是靠右对齐，而左边呢，总是感觉每一行少一个字少两个字，原来还以为得用word-break:break-all才行，后来才发现，这个只是让英文在拐弯处能拆分不粘连，起不到两边都对齐的效果，于是突然想起text-align中有一个justify属性，以前不太理解，于是就去查了资料，这个CSS3属性可以使两端对其，然 后又做了hack处理，在相应类里了text-align:justify;text-justify:inter-ideograph;，顺利解决问题。            
       ②：JS中的innerHTML属性。在IE9及以下，HTML中select元素不支持JS中的innerHTML属性，上网查了查，发现又是IE一个BUG，于是看了看第一种解决办法，觉得蛮好，这里贴上传送门。至于第二种觉得写的有点麻烦，于是mark一下，其实向以 下这样写会更好，综上兼容性完美解决。
var newOption = new Option("Option text", "Optionvalue");
     selectbox.add(newOption, undefined);
        ③classList的一系列方法。发现IE9及以下并不支持，这里贴上hack方法 
 if (!("classList" in document.documentElement)) {      Object.defineProperty(HTMLElement.prototype, 'classList', {        get: function () {          var self = this;          function update(fn) {            return function (value) {              var classes = self.className.split(/\s+/g),                index = classes.indexOf(value);              fn(classes, index, value);              self.className = classes.join(" ");            }          }          return {            add: update(function (classes, index, value) {              if (!~index) classes.push(value);            }),            remove: update(function (classes, index) {              if (~index) classes.splice(index, 1);            }),            toggle: update(function (classes, index, value) {              if (~index)                classes.splice(index, 1);              else                classes.push(value);            }),            contains: function (value) {              return !!~self.className.split(/\s+/g).indexOf(value);            },            item: function (i) {              return self.className.split(/\s+/g)[i] || null;            }          };        }      });    }
          第二就是建站中所遇到的难点了
           ①：前台的伪分页。找了找，网上并没有很好的EG,所以就自己写了一个，感觉写的挺臃肿的，具体可以参看我的博客前端特效里的栏目中的一篇，有详细的介绍。
          ②：就是瀑布问题，在响应式布局中，一是屏幕变化时的定位问题，而是我往下滚动加载时，明明是定了位了，不知道为什么会出现重叠，然后我的解决办法是~~~还没有解决，希望看到这篇博客的大佬，有时间的话帮我看下，在这里先行言谢。
       等后期个人站建起来，会把相关网站放在上面，希望大家到时候能够点评指正（虽然大家看的希望不大把，但梦想还是要有的，哈哈）
       只有不断锻炼才能进步，自己加油咯，希望找工作时能找到好的工作。。。