Web前端实践经验总结
Web前端实践经验总结
FansUnion 发表于2年前
Web前端实践经验总结
  • 发表于 2年前
  • 阅读 20
  • 收藏 0
  • 点赞 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客户端等多种技术。

版权声明:本文为博主原创文章,未经博主允许不得转载。

共有 人打赏支持
粉丝 52
博文 857
码字总数 825464
×
FansUnion
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: