Web前端实践经验总结

时间：2015-01-17 20:52:44 阅读：157 评论：0 收藏：0 [点我收藏+]

最近用了不少业余时间，在加强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、图片轮播、图片上传。

做前端和后端一样，有很多是重复性的工作。最不能接受的是重复的代码，越干越没劲，然后重复的是思路。
1.代码方面，需要总结整理，避免每次都从零开始。
2.思路要梳理，不能迷迷糊糊的。
3.网上有很多优秀的前端组件，比如日期组件-My97DatePicker、轮播组件Unslider、上传组件WebUploader等。
一定要加以认真学习，能够很熟练地使用。
4.如果网上没有合适的，比如分页组件，我就自己动手写，fu-page。
-----------------------------------------------------------------
我所见到的互联网上的网站主要就3类：
一类是，京东和淘宝这种，前端完全自定义的，这种商业化非常严重的网站，前端基本不可能复用。每个公司的UI，几乎都不同。
二类是，企业官网、博客网站、某个公司的产品介绍等，大体类似，这类网站，网上用Bootstrap做UI的非常多，也比较容易copy。
或者用免费的CMS系统，也可以很快的搞定。
三类是，后台管理系统，一套系统的大部分页面的布局和色调，是类似的。不同系统之间，由于业务类似，基本都是标准的CRUD，所以布局、色彩，可以用一样的，这是比较偷懒的节省成本的做法。
----------------------------------------------------------------
今天就先写这么多吧，要帮一个网友解决UEditor图片上传的问题，当然是付费的啦~

小雷FansUnion,博学的互联网技术工作者,全栈式多屏开发工程师。

掌握Web前端，Java和PHP服务器后端，Android手机端，.Net-Windows客户端等多种技术。

Web前端实践经验总结

标签：前端 web前端 web开发经验总结

原文地址：http://blog.csdn.net/fansunion/article/details/42809623

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行