关于前端的一些心得

    在网站建设中，应该养成以下的习惯。

1）在构造网站前，应该对网站的布局做到心里有数，主要把网站分为header,conent,footer.三个部分。header：主要是是一个网站的功能板块，主要完成的是页面的跳转或者内容切换的作用。要做的美观。content：不用说，主题内容。把所有的关于网站的内容信息都归结到里面。footer：很熟悉吧。就是把一些不属于内容的部分放在里面。一般情况下，一个网站的页面header和footer都是固定不变的。

2）构造网站过程中，要整理好思路。CSS文件该怎么命名，JS文件该怎么命名。每个文件应该有什么作用，那些需要重复使用，那些是单独运用的。都要归类。这样在以后修改和调用时，可以轻松，有效的解决。其次在制作过程中，应该对编写的每行代码进行重读一遍，确保没有写错和重复多写。虽然在样式上不会出现什么错误，但是在数据加载过程中就会出错。比如：<input type="submit" id="btn" id="btn" />这样写在网站显示中，CSS样式显示有效果。网页也不会报错。但是后台在提交的时候就会出现提交无效。以为这个按钮有2个ID会导致提交失败。少的时候可以很快找到。但是代码多的时候就要一行一行的找。相当于重新用人脑加载了网站一遍。费时也费神。

3）制作网站时必知，该网站是基于什么浏览器开发，需不需要兼容。现在主要网站都要兼容IE，FF，Chrome等等；一般情况下都是在谷歌，FF，IETEXT下调试网站的兼容性。刚开始制作网站的人都会忽略调试，心里认为自己惯用的那个调试OK应该其他的都可以的。结果做了很多年的前端都知道。。所以在制作网站的时候，应该做到做一项，调试一项，确保各个兼容没有问题。（不考虑兼容的例外）。如果在制作完成后再去做兼容问题。就会发现：1）如果是小地方，用HANK可以解决。2）如果是第一开始构造的主体框架出现问题，那估计就要重新构思，里面的全部都要改掉。这样就会导致制作效率的重复和低下。

4）和后台的交互过程中，应该需要了解一些关于后台需要调用你页面的那些属性，你该为后台提供那些接口。往往由于编写程序一些坏的习惯，会导致后台对于创建动态网站的困难。所以在配合过程中要做到。1）当后台没有处理时，更新和修改网站的时候可以复制粘贴，但是在后台应经给网站创建动态页面的时候，就不能复制粘贴。这样就要求你要重新拉出一个单独的文件夹，把你修改的文件放在改更新文件夹中。如 :我做了个叫zhenggnag.html的网站放在zhenggang的文件夹中，那么就要求在更新的时候另外创建一个zhenggang更新
的文件夹。把需要更新的文件放进去。修改完成后，在每个修改的文件最后<--  注明修改的地方 -->这样后台就可以很快找到你修改的地方，也方便他的动态页面的修改。2）在写JS 文件的时候 应该这个JS文件只有一个借口，这样后台动态加载的时候提高效率。比如：$(function(){   });在整个JS文件中应该只写一个；这样就相当于页面只加载这个文件一个相当于window.onlond()一次。3）现在的人很喜欢把页面生成的框架结构都用JS生成。HTML中很难看到该页面的结构。这样后台在数据的操作时会在找框架的时候花费大量的时间。对于前端来说最好把结构都在HTML中生成。

        以上只是本人在制作的时候的一些心得，分享出来大家互相学习。