• 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客户端等多种技术。
  • 相关阅读:
    sed 命令
    find命令详解
    texlive、
    linux source命令与export命令的区别
    vscode浏览器打开html vscode修改默认浏览器
    npm install说明
    有关必须组件化的需求
    日志文件上传的时机
    TypeScript vs. C#: LINQ
    JavaScript 运行机制详解:再谈Event Loop
  • 原文地址:https://www.cnblogs.com/qitian1/p/6462923.html
Copyright © 2020-2023  润新知