企业项目实战总结

企业项目实战总结

一.初始样式的使用
因为有前端的代码有的都是需要改的，例如：a标签的都要去掉下划线，无序列表一般都需要去掉前面的样式所以会出现一个初始样式。

/*样式初始化*/
html, body, div, span, object, iframe,h1, h2, 
h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, 
em, img, ins,kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, 
ol, ul, li,fieldset, form, label, legend,table, caption, tbody, 
tfoot,thead,tr, th, td,article, aside, canvas, details, figcaption, 
figure, footer, header, hgroup, menu, nav, section, summary,time, mark, 
audio, video,a,input{
	margin: 0;
	padding: 0;
	box-sizing: border-box;    /*让盒子不会被padding及border撑大*/
}
ul{
	list-style: none;
}
a{
	text-decoration: none;
}
input,textarea{
	outline: none;
}
/*img,input,textarea{
	display: block;
}*/
img{
	border: none;    /* IE7以下的img标签会有边框  */
}
/*修改input中提示文字的颜色*/
input::-webkit-input-placeholder{
    color:#ccc;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#ccc;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#ccc;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#ccc;
}

这是我的初始样式代码。
引用时用/导入初始样式/
@import url(“初始样式css的名字”);
二.整体样式布局。
若事前先将每一页的框架搭建好，而后期就只需把具体内容填充进去就可以了。为了看清可以加一个背景色，后期完成之后去掉就好了。
详情可以去看我之前的博客。
三会使用ps进行切图和量数据。
当大体布局弄好后，接下来应该就是从切图开始入手了，虽然没有太多技术性的操作，但也有些要注意的地方。比如在切图中，要特别注意的是尺寸。虽然有些是比较细微 的部分，需要耐心处理。因为细节性的问题往往也会导致结果的不同。其实不要认为差不多就可以了，有时候差一点就是差一点，当效果不尽人意的时候，到头来还是得再去花时间去修改。再者，在保存切图时，由于会自动生成一个images文件，所以我们不用再自己新建目录，或者也不用进入到某个目录中，不然它还是会在相应的位置出现images这个文件夹。还要把盒子的宽高进行精准测量。
4、命名、代码书写规范 和代码注释
规范的命名有助于提高代码可读性。在网上也有挺多相关的规范，在这里我也简单罗列几点：
骆驼命名法：
小驼峰法（camel方法）第一个单词以小写字母开始；第二个单词的首字母大写或每一个单词的首字母都采用大写字母，
　大驼峰法（Upper Camel Case）也称为：帕斯卡命名法：（pascal方法）常用于类名，函数名，属性，命名空间。
匈牙利命名法：
基本原则是：变量名=属性+类型+对象描述。
匈牙利命名法关键是：标识符的名字以一个或者多个小写字母开头作为前缀；前缀之后的是首字母大写的一个单词或多个单词组合，该单词要指明变量的用途。
基于成员的命名规范
基于成员的命名规范是指按照文件,文件夹的从属关系,通过归类的方法进行命名,这样可以使文件的排列具有较强的逻辑性.。还有就是名字规范有利于小组的更好合并。
知识点的清晰
在做项目时，我由于对某些知识点不够熟悉，不能熟练运用，所以导致开发速度慢。当我们熟练掌握了一个知识点后，是可以快速地写出代码实现相应的效果。在这个项目开发过程中，我主要是对以下知识点不够熟悉：
（1）、关系选择符的使用（2）、伪类选择符的使用 （3）、对浮动和定位用的不怎么熟悉
总结
经过这次的项目练习，我发现其实很多时候不是直接的能力问题，而是态度问题。一开始，十几个页面要赶在几天内完成，我对自己最后做出的结果是怀疑的。但我也想到，假如以后工作了，也避免不了会"高压"作业。也就是会可能在短时间内把工作任务完成到位。用时有点长，大部分页面都是重复的只是数据不一样。
针对这次的项目练习，我总结了以下几点，我认为自己可以提升的地方：

1、熟悉并熟练使用每个HTML便签和CSS属性。我认为导致开发速度慢的原因之一是因为自己对知识点的掌握不够。比如说，要实现某个效果，但却由于想不起来用到了哪些属性，或者忘记了属性名称，又得花时间去查找资料。无形中时间就耗掉了。

2、减少冗余，优化代码。可以省略的还是省略为好，因为代码多了占用内存，页面加载速度也会变慢。在写代码的过程中，也可以先思考一下有什么比较简洁的写法，提高代码书写速度。当然这也是一点点积累出来的，练习多了自然也会慢慢了解如何才会提高代码书写速度以及降低冗余。

3、切图速度。也许是比较少用设计工具，对软件界面的操作不太熟悉。但切图其实也不需要太高技术，但需注意的一点是准确性。同时也能提高专注度。
4、培养严谨的态度

关于细节性的问题，是很多人都比较容易忽略的。而我自己看来，我并不觉得自己是个严谨的人。有些时候还是因为自己的粗心而导致结果不佳。所以，在认识了这点之后，我会时时刻刻提醒自己。不能因为追求速度而忽略了一些看似无关紧要的东西。