zoukankan      html  css  js  c++  java
  • Web前端实践经验总结

    最近用了不少业余时间,在加强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客户端等多种技术。
  • 相关阅读:
    redis的坑
    引入easyui的404问题
    添加 @ResponseBody出现错误的问题
    星期,时间
    activiti的坑
    使用shiro遇到的问题
    IS应用程序池的查看与配置【转载】
    JS判断值是否是数字
    如何在EJS中将变量呈现为HTML?
    My97DatePicker日期控件的下载及使用方法
  • 原文地址:https://www.cnblogs.com/qitian1/p/6462922.html
Copyright © 2011-2022 走看看