文档章节

Web前端实践经验总结

FansUnion
 FansUnion
发布于 2015/05/03 01:25
字数 698
阅读 50
收藏 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客户端等多种技术。

© 著作权归作者所有

FansUnion
粉丝 60
博文 858
码字总数 825464
作品 0
丰台
高级程序员
私信 提问
前端每周清单半年盘点之 PWA 篇

前端每周清单专注前端领域内容,以对外文资料的搜集为主,帮助开发者了解一周前端热点;分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。欢迎关注【前端之巅】微信公...

王下邀月熊
2017/08/29
0
0
IT增值服务,客户案例(一)--山东青岛在职人士,2年.Net经验,转Java开发半年

客户总体情况:2年.Net开发经验,2014年刚刚转Java半年。对Java的若干问题不是非常清楚,仅仅是对JSP/Servlet/JavaBean Spring、SpringMVC、Mybatis有点基础性的认识。 项目中就主要用到了上...

技术mix呢
2017/11/09
0
0
[上海}支付宝公司招聘前端开发工程师

职位描述: 1、根据产品原型开发前端代码,实现产品的页面交互和数据逻辑展示; 2、解决不同浏览器及不同版本的兼容性问题; 3、js交互组件的开发; 4、CSS、模版、CMS的维护。 职位要求: ...

石乔
2011/06/09
402
2
[成都]招聘:web前端工程师

公司:四川日报全媒体中心 团队方向:电子商务、移动互联网行业方向。 目前主要缺一名优秀的前端,月薪在5K—10K之间,能力优秀者不受此限制。相信在创业团队中这样的待遇相当不错了,当然少不...

郭伟伟
2012/05/30
814
0
数字金融服务(杭州)有限公司诚聘资深前端开发工程师

诚聘:资深前端开发工程师 岗位职责: 1、根据产品原型开发前端代码,配合技术部完成后端数据的接口; 2、解决不同浏览器及不同版本的兼容性问题; 3、优化载入速度及优先级,异步加载的实现...

shmily0421
2012/03/02
257
0

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周六乱弹 —— 早上儿子问我他是怎么来的

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @凉小生 :#今日歌曲推荐# 少点戾气,愿你和这个世界温柔以待。中岛美嘉的单曲《僕が死のうと思ったのは (曾经我也想过一了百了)》 《僕が死の...

小小编辑
今天
2.1K
14
Excption与Error包结构,OOM 你遇到过哪些情况,SOF 你遇到过哪些情况

Throwable 是 Java 中所有错误与异常的超类,Throwable 包含两个子类,Error 与 Exception 。用于指示发生了异常情况。 Java 抛出的 Throwable 可以分成三种类型。 被检查异常(checked Exc...

Garphy
今天
38
0
计算机实现原理专题--二进制减法器(二)

在计算机实现原理专题--二进制减法器(一)中说明了基本原理,现准备说明如何来实现。 首先第一步255-b运算相当于对b进行按位取反,因此可将8个非门组成如下图的形式: 由于每次做减法时,我...

FAT_mt
昨天
40
0
好程序员大数据学习路线分享函数+map映射+元祖

好程序员大数据学习路线分享函数+map映射+元祖,大数据各个平台上的语言实现 hadoop 由java实现,2003年至今,三大块:数据处理,数据存储,数据计算 存储: hbase --> 数据成表 处理: hive --> 数...

好程序员官方
昨天
61
0
tabel 中含有复选框的列 数据理解

1、el-ui中实现某一列为复选框 实现多选非常简单: 手动添加一个el-table-column,设type属性为selction即可; 2、@selection-change事件:选项发生勾选状态变化时触发该事件 <el-table @sel...

everthing
昨天
21
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部