2011年12月份学习总结,在PE的前端标准思考和萌芽
2011年12月份学习总结,创建日期:2012-01-03 22:21:31,有删减。
- 早年的一篇总结,记录对于前端标准的一些思考和萌芽工作;
- 对于当时的前端标准,始于2011年,在
2013~2014
进一步提升,编写和制定了一些硬性条件,但在2015年沉寂和消亡,在2016~2017
年有SiteAzure产品后,重新做了点工作……- 可由始至终还没做到位,原因很多,或者是项目性工作千化万变,在共性与个性中,难找平衡点,或者是核心人员不断流失,使得标准化过于空谈,或者是并没有重视质量保证和质量控制,使得初有成效的标准流于表面,没在项目中贯彻落实……
总之,那是10年前对前端标准的一些考量,个人记录。以下正文。
前言说的
设计中心标准化,为什么要做标准化?http://dtop.powereasy.net/pel/(注:已失效),这篇也算是标准化建设的2011总结和2012计划。
补充,20201226,解释说明
- PEL(PowerEasy Layout)为动易设计中心规划、制作的,适用于设计中心所有设计师、前端工程师,在模板定制等各种模板输出中,规范应用起来的布局标准。
- PEL应向HTML5靠齐……
最近半年现在流行一个词语:“站群配套”,即要做几十个网站模板,各种各样的,里面能搭建起几百个站点,几千个站点,这样的项目我们该怎么做呢?将来怎么面对呢,貌似这一问题我个人已经思考了很久,从贵州教育的县市网站和学校网站已经开始谋划这类站点。
2011年10月设计中心也开始了标准化的各种规范建设,在前端输出的标准中,从前期的贵州教育教育局站点站群项目上看到,因参与的同事较多,现有的技术水平参次不齐,各有各标准,简单说,一个项目做一套项目模板,这套模板的就只适合这项目,以及这设计师前端工程师修改使用,其他人用起来或修改起来,得熟悉这套模板的的各种规范。总成了模板之间不能通用,项目间模板不能复用,往往造成了设计中心前端输出人员需要进行重复工作,低价值工作。
我们统一什么?统一哪些?
我们提倡,使用editplus、或者notepad++,进行前端代码输出,方便快捷,轻量化输出工具,说白了就是强制背熟所有HTML、CSS的词汇,善用各种CHM资源文档,不再建议使用dreamweaver进行前端代码输出。
补充,20201226:当时还真没
sublime Text2
,且当时前端工程师的要求感觉是比较低的;
- HTML的规范,我们规定,CSS/JS/盒子模型的各种使用和书写统一等;
- CSS的规范,CSS文件的建立,我们依照这样的规范,CSS文件的文件命名和区分等;
- JS的规范,基于jquery最新版上开发各种效果,统一学习和使用设计中心的slide库,可应用焦点图、滚动、切换、导航等通用效果;
- 标签的规范,我们重构了通用信息列表、通用带图片信息列表、内容信息列表、内容带图片信息列表,已经新创了“头条信息列表”标签。
标题盒子模型
HTML的规范的里这里举例说明“标题盒子模型”的例子,而标题盒子,应用最广泛的,我们规定,必须按照box/hd/bd
的规范。
一般标题盒子
带切换+标题的盒子
就上面标题盒子模型,基本满足现在页面布局的调整,再看一个旧项目,这一堆代码,作用就是些书签切换效果,我们需要不提倡这样的代码方式:
切换,你还用上面这样的代码吗?我们建议统一使用slide.js
或 http://www.superslide2.com/,我们只需要:
这是一个切换的HTML代码:
现在我们要怎样:结合标题盒子模型+slide.js,出来标准的切换效果:
从整个页面上看,我们的命名和代码结构都趋向简洁,没有多余的代码,从是ID还是CLASS,都开始形成统一。
后话
曾经问过腾讯CDC的同学们,他们怎么制定内部的规范,答曰:规范就是最大内部统一,不用看别人怎样,只需要内部协调确定,执行,那就是最好的规范。
现在标准化进程还是在开始阶段,虽然已经让各个前端同事往这标准方向靠齐,统一还需很长时间。我们标准规定,并不是限定限制知识的扩展和创新,而是在一个既定范围内,达到最大的认同接纳,目的只有方便项目实施,提高效率,可复用模板。
在现在的定制里面,很快就得应用起我们标准化的各种知识,例如在贵州教育学校模板、赫章政府站子站模板等的非常多子站站点项目上,能一试身手。在后面不断对标准化的代码和方法更新维护,没有恒定的方法,只有不断向前持续改进的标准化建设。
2011年12月份学习总结,在PE的前端标准思考和萌芽相关推荐
- 2020年12月份学习总结,PMP与信息系统项目管理师的回顾
本文摘录2020年12月份学习总结,创建日期: 2020-12-16 21:05:05,有修改. 2020年下半年的软考高项考试,终于通过了!尽管这并没有什么卵用,一不入户积分.二不评职称.三不涨薪. ...
- 2015年12月份学习总结,前端开发工程师的知识库指引
本文摘录2015年12月份学习总结,创建日期:2016-01-03 14:01:01,有修改. 以下正文: 在9月份领到了一项任务是关于<前端开发工程师的知识库指引>,想了又想,而在我们现 ...
- 2018年12月份学习总结,PMP学习总结
本文摘录2018年12月份学习总结,创建日期:2019-04-15 17:09:30,有修改. 这是一个在2018年报考.学习PMP的总结,小小的在内网的分享.2021-01-21 22:11:20 ...
- 2011年12月份第一周51Aspx源码发布详情
c#图像剪切工具源码 2011-12-09 [VS2008] 使用介绍:打开图象后,点击"编辑"菜单中的"裁切"命令或按快捷键 Ctrl + T .此时整张图象 ...
- 2011年12月份第4周51Aspx源码发布详情
Altman腾讯微博WP7芒果版 v2.1源码 2011-12-31 [VS2010] 程序描述:altman是基于开发接口的第三方腾讯微博客户端,可以运行在windows phone 7 mango ...
- 牡师院计算机系名单,[2011.12月份。牡师院计算机系英语考试题范围翻译.docx
[2011.12月份.牡师院计算机系英语考试题范围翻译 When we are writing we are often told to keep our readers in mind, to sh ...
- 执一不二 跬步千里-王子密码2011年11月份心得(十)
执一不二 跬步千里-王子密码2011年11月份心得(十) 2011年12月13日 王子密码3年9个月了, 这个月组织了三次培训... 工作心得- 百荣A店--贾小雅 2011.11.28 哈喽!大家好 ...
- 【青少年编程竞赛交流】12月份微信图文索引
12月份微信图文索引 由于"组队学习"这个公众号的功能主要是组织Datawhale社群中的学习者们每个月的组队学习,所以,我另外新建了这个微信公众号"青少年编程竞赛交流& ...
- 备考12月份电子学会青少年编程能力等级测试(图形化)的公益训练营即将开营
一.考试安排 考试方式 考试形式:在线居家考试(全国) 报名时间:9月26日08:00 ~ 11月23日16:00 退费截止时间:11月23日16:00 准考证下载时间:11月30日 ~ 考前1天 考 ...
最新文章
- python数据预测模型算法_如何对时间序列预测问题计算基准预测(python)
- 小熊派4G cat1模块体验测试报告,AT命令发送短信拨号无脑教程,cat1移动网速测试...
- 发达国家与发展中国家编程语言技术的分布差异性
- 你要「老婆」不要?谷歌程序员20行代码把二次元「老婆」带到现实世界
- 【docker】使用云服务器运行docker时无法访问宿主机的映射端口
- digester java_commons-digester 升级到 commons-digester3 的坑
- c语言学习-猜数字游戏
- 用记事本写表白html,抖音电脑弹窗表白代码怎么弄_记事本vbs告白代码写法介绍_抖音表白套路方法分享...
- BulkInsert导入CSV文件
- c语言日志管理系统 --- zlog
- mediacodec配置h265解码
- Docker入门实战看这篇就够了(最新详细以及踩过的坑)
- jQuery弹出插件thickbox使用心得
- 这5个电脑软件提高工作效率1000%,装机必备
- electron-builder打包过程中报错——网络下载篇
- 什么是HTTP协议?—深入理解HTTP协议
- dell笔记本安装linux系统安装,Dell笔记本 安装linux系统ubuntu详细指南
- 青职院人工智能01数学基础(一)
- 使用VMware搭建一台Windows服务器,并搭建Web、DNS解析网站
- QQ个性网名生成软件
热门文章
- SVN 使用方法(228)
- Elasticsearch 使用copy_to组合字段进行查询
- python毒酒检测_检测OpenSSL漏洞的脚本
- 关于Mybatis的各种配置文件
- 快速 Get 面试题中:线程池七个参数和工作原理问题,理解万岁
- java中getchars方法_Java getChars() 方法
- python取消任务的方法_python-即使忽略CancelledError,如何取消任务执...
- strcpy会覆盖原来的吗_幽默你真的会了吗?原来可以这么简单
- 一个springboot能支持多少并发_吃透这篇,你也能搭建出一个高并发和高性能的系统...
- QT判断操作系统版本