实习系列1

实习，抱着一颗学习的心态因为底子薄，发现很多东西不会，学得完全不够用！这个捉急啊。这一个月来接触了很多新东西，zepto，自适应布局，-webkit-私有属性，less，git，ajax，表单验证，正则表达式。。。每一个知识点都需要花时间才能学得好，可是我啊，每一项花的时间都不是很多，有点浮在上面，总感觉很多都得学，都想学，最后发现，到现在还没有那一项是拿的出手的。这可不行呀，我的内心告诉我，沉下去，一步一步走，专注在一件事上，制定学习计划（重点是落实计划）。。。说了一堆还没有进入正题，惭愧。

先总结一下这一个月的工作经验：

因为所在公司还在成长中，很多制度没有完善，我在一个后端兼做前端的师傅带领下书写着前端代码，为了避免一些习惯上书写冲突，于是自己百度一篇书写规范，修改下，作为自己遵守的代码书写规范。参考规范转载自：常用html、CSS、javascript前端命名规范。

：关于页面优化：

• 尽量减少不必要标签的嵌套；
•  尽可能少的选择器找到目标，选择器不宜过长（减少css代码量
•  增加可读性：对特殊样式设置出应注释；
•  避免使用hack
•  使用统一的命名规则
• 还有一些合并图标使用雪碧图减少http请求，js外链文件一帮放在bod结尾前，css放在head部分等等

这里介绍两个前端代码优化工具：YUI Compressor 在线压缩 JavaScript/CSS；cssmin 功能如名字。

关于git使用

本人写在也是小白一枚，这里是不会教你怎么使用git的，误人子弟可不好

先介绍几个git的学习网址：

Git 中文教程 Git版本控制软件结合GitHub从入门到精通常用命令学习手册   10篇写给Git初学者的最佳教程 Think Like (a) Git

即使是新手，只会html+css，在项目开发中也得学习如何使用git，免去了每次修改后都得保留一份备份的麻烦。想象下班时候将前天备份的文件替换掉了今天写了一天代码的页面上，第二天上班发现页面变了个样，自己抓狂，叶子、还有傻笑了。。所以呢，学习几个简单的git命令git init ，git add ，git status，git commit，git push git clone，先暂时能用上控制还是很必要的，其他的慢慢学。

使用git的一点小经验  每次实现一个新功能，提交一次版本；每debug一次，保留一份备份，便于再现bug和解决bug；遇到问题一时解决不了，先提交吧或者自己另存一份，先做其他的，保证效率。

关于页面配色与细节处理

首先，我只有小学时候上过美术课，也没有学习过网页设计相关课程，所以就悲剧了：没有原稿，直接上css+html看效果，哪里不顺眼改哪里。。

同样先来几篇干货UI设计新手？试一试这7条法则（Part 1） 写给初学者的6条网页设计安全配色指南  适合新手学习网站设计与网页配色口诀

在介绍两个在线配色器 color scheme designer  Adobe color CC

这是我上周页面细节调整整理的一些笔记:留白空间占比；区块分割界线与区块间过渡是否和谐；颜色调试上，整体页面第一个主色调，辅助其它颜色，根据页面主题设置整体页面风格，浅色调：轻松活泼；深色调：沉稳，压抑等。调色时尝试不同色调、颜色深浅的搭配，找到适合表现主题的色调；

欢迎各位留言，指正，还得敲代码。。。。

后续更新。。

 

转载于:https://www.cnblogs.com/wbengineer/p/4706235.html