Web前端实践经验总结
浏览数：25 /
时间：2015年06月09日
最近用了不少业余时间，在加强Web前端。有个很大的感触就是，web前端比较麻烦，主要是布局和样式。最主要的原因，还是之前实践得比较少，熟能生巧，不得不服啊。
自己从头开始写布局和css太费心思了，比较偏好用Bootstrap。看着别人用Bootstrap做得网站很美观，轮到我了，就很差劲。于是乎，研究别人的代码，镜像别人的网站，可以很容易copy到一些网站的前端设计。
网站镜像工具，网上有付费的，也有免费的，我比较喜欢用WinHTTrack。
目前已经初步研究了2个Bootstrap精品网站：
Unslider轮播组件-Bootstrap精品网站-研究学习的Demo 在线演示：http://fansunion.cn/webdemo/unslider/index.html
Less-Bootstrap精品网站-研究学习的Demo
在线演示：http://fansunion.cn/webdemo/less/index.html
--------------------------------------------------
最近主要做的前端板块有：导航菜单条、 表格、页脚Footer、图片轮播、图片上传。
自己从头开始写布局和css太费心思了，比较偏好用Bootstrap。看着别人用Bootstrap做得网站很美观，轮到我了，就很差劲。于是乎，研究别人的代码，镜像别人的网站，可以很容易copy到一些网站的前端设计。
网站镜像工具，网上有付费的，也有免费的，我比较喜欢用WinHTTrack。
目前已经初步研究了2个Bootstrap精品网站：
Unslider轮播组件-Bootstrap精品网站-研究学习的Demo 在线演示：http://fansunion.cn/webdemo/unslider/index.html
Less-Bootstrap精品网站-研究学习的Demo
在线演示：http://fansunion.cn/webdemo/less/index.html
--------------------------------------------------
最近主要做的前端板块有：导航菜单条、 表格、页脚Footer、图片轮播、图片上传。
做前端和后端一样，有很多是重复性的工作。最不能接受的是重复的代码，越干越没劲，然后重复的是思路。
1.代码方面，需要总结整理，避免每次都从零开始。
2.思路要梳理，不能迷迷糊糊的。
3.网上有很多优秀的前端组件，比如日期组件-My97DatePicker、轮播组件Unslider、上传组件WebUploader等。
一定要加以认真学习，能够很熟练地使用。
4.如果网上没有合适的，比如分页组件，我就自己动手写，fu-page。
-----------------------------------------------------------------
我所见到的互联网上的网站主要就3类：
一类是，京东和淘宝这种，前端完全自定义的，这种商业化非常严重的网站，前端基本不可能复用。每个公司的UI，几乎都不同。
二类是，企业官网、博客网站、某个公司的产品介绍等，大体类似，这类网站，网上用Bootstrap做UI的非常多，也比较容易copy。
或者用免费的CMS系统，也可以很快的搞定。
三类是，后台管理系统，一套系统的大部分页面的布局和色调，是类似的。不同系统之间，由于业务类似，基本都是标准的CRUD，所以布局、色彩，可以用一样的，这是比较偷懒的节省成本的做法。
----------------------------------------------------------------
今天就先写这么多吧，要帮一个网友解决UEditor图片上传的问题，当然是付费的啦~
1.代码方面，需要总结整理，避免每次都从零开始。
2.思路要梳理，不能迷迷糊糊的。
3.网上有很多优秀的前端组件，比如日期组件-My97DatePicker、轮播组件Unslider、上传组件WebUploader等。
一定要加以认真学习，能够很熟练地使用。
4.如果网上没有合适的，比如分页组件，我就自己动手写，fu-page。
-----------------------------------------------------------------
我所见到的互联网上的网站主要就3类：
一类是，京东和淘宝这种，前端完全自定义的，这种商业化非常严重的网站，前端基本不可能复用。每个公司的UI，几乎都不同。
二类是，企业官网、博客网站、某个公司的产品介绍等，大体类似，这类网站，网上用Bootstrap做UI的非常多，也比较容易copy。
或者用免费的CMS系统，也可以很快的搞定。
三类是，后台管理系统，一套系统的大部分页面的布局和色调，是类似的。不同系统之间，由于业务类似，基本都是标准的CRUD，所以布局、色彩，可以用一样的，这是比较偷懒的节省成本的做法。
----------------------------------------------------------------
今天就先写这么多吧，要帮一个网友解决UEditor图片上传的问题，当然是付费的啦~
小雷FansUnion,博学的互联网技术工作者,全栈式多屏开发工程师。
掌握Web前端，Java和PHP服务器后端，Android手机端，.Net-Windows客户端等多种技术。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
