收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 7798|回复: 30

[其他] 第一届web标准线下交流会

[复制链接]
发表于 2009-11-1 18:48:46 | 显示全部楼层 |阅读模式
第一届web标准线下交流会

主题: 文件管理讨论
官方:http://uicss.cn/club/
嘉宾:张克军,阿当,greengnn(张建斌)
照片:http://home.blueidea.com/space.p ... o=album&id=2301




前言:对大家能在周末抽出时间来参加会议表示感谢,挺冷的天20多人如约而至,交流会不同于大牛分享,更能面对面的解决一些工作中实实在在遇到的一些问题,大家都表示比较有价值,收获挺大的。在此也非常感谢身边网[http://www.360side.com/]的友情赞助会场。

张克军分享和观点
不同公司的不同文件管理和前端模式造成对正确的对正确文件管理和学习的成本过高。
行业还没完全成熟,行业需要一个圈子,去学习UE和交互的那种交流模式。

一个网站一个css文件是存在很多缺点的文件的冗余过大,有用的代码很少。
认为应该这样部署:
公共样式
基本模块,布局,链接等
产品级别
继承模块样式,有特点的调整
页面专属

将文件分为三个级别进行管理,有同学提到YUI的css框架,克军的观点,YUI的分类是基于技术而不是应用的

对于js的管理
js文件的划分要减少依赖,不要存在依赖关系过于复杂,不同依赖文件的版本也不同。
YUI的use()按需加载模式,颗粒话很小,这样的模式就很优秀。

素材文件的管理
全站公用的图片使用css sprites合并。
可以尝试Data URI [http://en.wikipedia.org/wiki/Data_URI_scheme]编码做内容图片的展示。

建斌/greengnn分享
分享《大页面构想》ppt
ppt内容
小页面的观点,div+css等狭隘的理解前端页面重构工程师
大页面观点,从产品诞生的流程,分析页面人员的能力模型,应该具备一专多长,要熟悉项目管理,产品,设计,后台开发,产品运营等,作为研发中的一个衔接层,更好的像产品构想和设计付诸实施。通过一些方面展现页面的价值
1.高效研发
2.SEO,廉价的推广
3.换肤,增强个性化体验经济
4.速度:用户对产品的第一体验
5.流量:成本的节约就是收益

模块化的去管理文件
第一步画出sitemap图,梳理网站结构。
第二步划分站点模块,文件模块,代码模块

模块化的代码实现方案,通过后代选择符进行模块管理,实现低耦合低依赖,满足协同开发和版本管理
详细内容见ppt中。

阿当分享
三层架构
base层 纯语言层
css方面
reset,base,和公共rules(清楚浮动等)
js方面,底层库文件,实现基本的dom,event等操作,实现跨浏览器
comm层 公用组建,可复用代码
css方面 通过封装基本表现颗粒,fs14(font-size:14px) tac(text-align:center) fl(float:left)等
js方面 基本的功能代码,动画,异步请求等js功能代码
应用层 具体页面层
css方面,页面的公共模块和私有模块文件
js的页面应用文件和代码

对于css是否封装表现类的class存在争议,大家进行了讨论,部分同学赞同html代码的纯净,避免表现类的class引入。
对于后台开发的协作,也赞同html代码尽量的纯净和可拓展性强,将界面的任务更多的交给css去处理。

接下来大家轮流发表观点,大概罗列一些
css sprites的管理
关于合并方案的讨论,纵向横向和梯形三中的优点和不足
纵向和横向不利于某个图片突然高度和宽度的变化
css sprites的文件类型
不是动画类的,选择png-8 256色
公共的和页面级别的分开成不同的文件

王峰分享了他的css管理方案
给每个页面body定义id,给模块定义id,可以快速的通过id找到对应的代码。
根据body id可以区分不同页面的css代码,可以多个页面的css代码放到一个文件中。
css文件分为两层,公用层和页面层

其他一些讨论汇总
1.建站公司效率第一,对于一些常用的表现也会封装起来,比如左浮动,文本对齐等,可以快速实现页面,满足客户需要。
2.模版的分享,有存在一些前端开发同学进行模版的管理,采用的模版机制各有不同,有xml+xslt的模式,还有smarty模版等其他的模式
3.换肤代码管理的讨论,如何实现换肤的管理。讨论的结果,html结构固定,尽量可拓展性强一些,换肤的几种模式按需选择csszengarden的完全独立的换肤文件,还有把颜色,背景颜色,背景图片的可变部分分离出来实现换肤。都通过修改css文件来实现。
4.搜索类网站为了速度,使用table+style的方式是不是合理。

由于没有专职的人员记录,会议讨论有记录不准确和遗漏的还请见谅。
这次交流会的一些不足总结:
1.口头交流居多,演示方面不足
2.由于路途遥远和地方不好找,开始时间有点推迟。
3.流程不够明确,自我介绍环节做得不够好。笔记和在线直播没做好
4.设备不足,白板的笔没有水了,呵呵

其他人的会议总结:
张克军
http://hikejun.com/blog/?p=466&cpage=1
周裕波(忘记)
http://www.webchina110.cn/?p=303
阿当
http://hi.baidu.com/cly84920/blo ... 02c5c8d4622520.html

[[i] 本帖最后由 greengnn 于 2009-11-2 20:05 编辑 ]
发表于 2009-11-1 18:54:24 | 显示全部楼层
啊,是在北京么?!不知道啊!
回复 支持 反对

使用道具 举报

 楼主| 发表于 2009-11-1 19:04:01 | 显示全部楼层

回复 2# icedblog 的帖子

每月举办一次,下次欢迎报名参加。哈哈
回复 支持 反对

使用道具 举报

发表于 2009-11-1 19:21:17 | 显示全部楼层

我好像找不到分享的PPT地址!
回复 支持 反对

使用道具 举报

发表于 2009-11-1 19:30:15 | 显示全部楼层
最好能有视频和PPT下载
回复 支持 反对

使用道具 举报

 楼主| 发表于 2009-11-1 20:25:20 | 显示全部楼层
ppt见附件

ppt.zip

879.15 KB, 下载次数: 331

大页面构想ppt

回复 支持 反对

使用道具 举报

发表于 2009-11-1 20:34:14 | 显示全部楼层
好活动,支持啊
回复 支持 反对

使用道具 举报

发表于 2009-11-1 20:44:11 | 显示全部楼层
杭州什么时候有这种活动……
回复 支持 反对

使用道具 举报

发表于 2009-11-1 21:10:18 | 显示全部楼层
顶 什么时候跑过去瞧瞧
回复 支持 反对

使用道具 举报

发表于 2009-11-1 21:22:35 | 显示全部楼层
我参加啦哈哈 以后会继续参加!!支持支持
回复 支持 反对

使用道具 举报

发表于 2009-11-1 23:36:07 | 显示全部楼层
期待上海交流会赶紧组织起来
回复 支持 反对

使用道具 举报

发表于 2009-11-2 09:16:16 | 显示全部楼层
同样期待上海的组织。
回复 支持 反对

使用道具 举报

发表于 2009-11-2 09:26:13 | 显示全部楼层
就认识一个前排左一定眼镜崔。。。
回复 支持 反对

使用道具 举报

发表于 2009-11-2 09:28:15 | 显示全部楼层
可惜没参加上,以后等机会了。。。
回复 支持 反对

使用道具 举报

发表于 2009-11-2 09:54:05 | 显示全部楼层
我要参加11月28日的北京活动!  但是报名贴现在访问不了呢。
回复 支持 反对

使用道具 举报

发表于 2009-11-2 10:24:33 | 显示全部楼层
原帖由 [i]lcqlcq530 于 2009-11-2 09:54 发表
我要参加11月28日的北京活动!  但是报名贴现在访问不了呢。

原帖由 [i]itchina110 于 2009-11-2 11:41 发表
11月28日的讨论主题还未确定,所以暂时没有提供报名入口


编辑一下自己的发言,报名时间,以裕波说的为准。

PS:大家最希望了解哪方面的内容,探讨什么话题,可以在这里提出建议:
http://spreadsheets.google.com/v ... 2RUwwRTBrQmZsZ3c6MA

[[i] 本帖最后由 cuikai 于 2009-11-2 16:48 编辑 ]
回复 支持 反对

使用道具 举报

发表于 2009-11-2 10:40:24 | 显示全部楼层
支持下
回复 支持 反对

使用道具 举报

发表于 2009-11-2 11:41:13 | 显示全部楼层

回复 15# lcqlcq530 的帖子

11月28日的讨论主题还未确定,所以暂时没有提供报名入口
回复 支持 反对

使用道具 举报

发表于 2009-11-2 15:40:44 | 显示全部楼层
up一下
回复 支持 反对

使用道具 举报

发表于 2009-11-2 16:08:30 | 显示全部楼层
非常有用 谢谢啦
期待会议的价值越来越高
回复 支持 反对

使用道具 举报

发表于 2009-11-2 22:55:50 | 显示全部楼层
感觉比那叫什么D3还是D4茶会上说的内容实际有用!
回复 支持 反对

使用道具 举报

发表于 2009-11-3 00:49:22 | 显示全部楼层
组织好温暖!
回复 支持 反对

使用道具 举报

发表于 2009-11-4 16:25:15 | 显示全部楼层
提示: 作者被禁止或删除。
回复 支持 反对

使用道具 举报

发表于 2009-11-6 14:10:49 | 显示全部楼层
悄悄的顶到第一页去。。
回复 支持 反对

使用道具 举报

发表于 2010-1-28 00:09:41 | 显示全部楼层
本月第四期交流会啦,哈哈
回复 支持 反对

使用道具 举报

发表于 2010-1-28 00:45:24 | 显示全部楼层
我本周会参加上海的交流会。
回复 支持 反对

使用道具 举报

发表于 2010-1-28 08:49:54 | 显示全部楼层
确实,探讨的问题,比较切合实际工作。
回复 支持 反对

使用道具 举报

发表于 2010-1-28 09:22:23 | 显示全部楼层
我只是一人默默的关注者
回复 支持 反对

使用道具 举报

发表于 2010-1-28 09:51:35 | 显示全部楼层
唉~~!  这个月21号报名了,可是没有收到通知邮件,太可惜了。。。。
回复 支持 反对

使用道具 举报

发表于 2010-4-4 00:01:38 | 显示全部楼层
建斌/greengnn分享

阿当分享

css sprites的管理

王峰分享了他的css管理方案

其他一些讨论汇总




楼主,这些文档能不能提供给我们下载??????我很想看这些内容!
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( ICP05002321 )  

GMT+8, 2019-6-27 12:30 , Processed in 0.146115 second(s), 11 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表