当前位置: 首页 > news >正文

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客户端等多种技术。

转载于:https://www.cnblogs.com/qitian1/p/6462922.html

相关文章:

  • GitHub(hexo)博客页面访问量错误以及中文乱码解决
  • POJ 3270 置换群问题
  • Amazon Aurora是如何设计原生云关系型数据库的?
  • mysql DEPENDENT SUBQUERY(转载)
  • 技本功丨请带上纸笔刷着看:解读MySQL执行计划的type列和extra列
  • C#属性和字段
  • 记录一次自己对nginx+fastcgi(fpm)+mysql压力测试结果
  • 02 Redis关闭服务报错---(error) ERR Errors trying to SHUTDOWN. Check logs.
  • 近况
  • 微软亚洲研究院等提出CNN训练新方法RePr,准确率显著提升
  • 平时遇到一些问题的汇总收集(mvc)
  • 重要知识点:如何降低DNS***的风险
  • [转载]来个强悍的的吧 教你在Mac下隐藏文件,别做坏事哟
  • 多网卡捆绑bonding
  • 模块管理常规功能自己定义系统的设计与实现(53--演示程序和视频解说 )
  • [NodeJS] 关于Buffer
  • 【comparator, comparable】小总结
  • CentOS6 编译安装 redis-3.2.3
  • docker-consul
  • Flex布局到底解决了什么问题
  • Laravel 中的一个后期静态绑定
  • Netty 4.1 源代码学习:线程模型
  • nginx 配置多 域名 + 多 https
  • October CMS - 快速入门 9 Images And Galleries
  • Spark RDD学习: aggregate函数
  • WebSocket使用
  • XML已死 ?
  • 互联网大裁员:Java程序员失工作,焉知不能进ali?
  • 基于 Babel 的 npm 包最小化设置
  • 记一次用 NodeJs 实现模拟登录的思路
  • 排序算法之--选择排序
  • 前端面试总结(at, md)
  • 数据库写操作弃用“SELECT ... FOR UPDATE”解决方案
  • 译有关态射的一切
  • 怎么把视频里的音乐提取出来
  • ​猴子吃桃问题:每天都吃了前一天剩下的一半多一个。
  • !!Dom4j 学习笔记
  • #HarmonyOS:基础语法
  • (NO.00004)iOS实现打砖块游戏(九):游戏中小球与反弹棒的碰撞
  • (安卓)跳转应用市场APP详情页的方式
  • (附源码)springboot工单管理系统 毕业设计 964158
  • (附源码)springboot家庭装修管理系统 毕业设计 613205
  • (附源码)ssm教材管理系统 毕业设计 011229
  • (入门自用)--C++--抽象类--多态原理--虚表--1020
  • (十六)串口UART
  • (转) RFS+AutoItLibrary测试web对话框
  • (转)菜鸟学数据库(三)——存储过程
  • (转)大型网站架构演变和知识体系
  • (转载)(官方)UE4--图像编程----着色器开发
  • .net 8 发布了,试下微软最近强推的MAUI
  • .NET Core 项目指定SDK版本
  • .net framework 4.0中如何 输出 form 的name属性。
  • .NET/ASP.NETMVC 大型站点架构设计—迁移Model元数据设置项(自定义元数据提供程序)...
  • .Net中的集合
  • .php文件都打不开,打不开php文件怎么办