1 / 17

分享一些点点滴滴

分享一些点点滴滴. 王宁. 个人介绍. 2009毕业于 闽江学院软件工程学院 web应用程序设计 专业 2009-201 1 网页设计 + 美工 2011-2013 页面重构 前端开发 从设计转前端，对切图效果会更讲究一些。 有强迫症，切图要求精确到1px。. 分享一些工作方式. 在改动另一个同学代码时，遇到 bug 或者是觉得不太合理的地方，可以互相讨论，互相进步。 工作之余，可以看一些同行的博客，微博，关注他们的动态与他们研究的技术，在群里进行分享和讨论。

tarala
Download Presentation

分享一些点点滴滴

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 分享一些点点滴滴 王宁

  2. 个人介绍 2009毕业于 闽江学院软件工程学院 web应用程序设计 专业 2009-2011 网页设计+美工 2011-2013 页面重构 前端开发 从设计转前端，对切图效果会更讲究一些。 有强迫症，切图要求精确到1px。

  3. 分享一些工作方式 在改动另一个同学代码时，遇到bug或者是觉得不太合理的地方，可以互相讨论，互相进步。 工作之余，可以看一些同行的博客，微博，关注他们的动态与他们研究的技术，在群里进行分享和讨论。 关注互联网新闻，去发掘新鲜的东西，不管是生活中还是工作中，凡事保持新鲜感的才充满活力，要去享受工作，而不是为了工作而工作。 http://ucdchina.com/推荐这个网站多了解一些互联网动态

  4. 关于页面重构（鬼哥写给应聘页面重构的同学）关于页面重构（鬼哥写给应聘页面重构的同学） （1）基础知识 问题主要是对HTML标签掌握欠佳，使用很随意，更不用说语义化了。还有就是不验证，虽然我们不是为了过验证而做页面，这个工具能很方便、高效的帮我们找到一些低级的错误，为什么不使用呢？ （2） 设计稿还原 大部分同学没有关注设计稿的还原，往往只是看上去差不多就算了，但作为这个岗位的基本素质，这明显是不合格的。

  5. 关于页面重构（鬼哥写给应聘页面重构的同学）关于页面重构（鬼哥写给应聘页面重构的同学） （3）语义化 在国内很难有明确的标签语义化标准，不过一些最基本的标签语义还是需要做的，像在列表（li）里放标题（hn），虽然没有嵌套错误，但明显是有问题的。 （4）页面性能 主要还是连接数、文件大小，说虽然都懂，做就总没注意。

  6. 关于页面重构（鬼哥写给应聘页面重构的同学）关于页面重构（鬼哥写给应聘页面重构的同学） （5）图片类型 什么是内容图？什么是装饰图？我一直以为这个很好理解，可是“自以为”果然是容易出问题的，发现有相关多的同学理解都不太相同。有“能给用户传递信息的图片就是内容图”、“带文字的图片就是内容图”等等。没有正确理解，就难正确使用，所谓知其然还要知其所以然嘛。 （6）用户体验 这块比较泛，作为一个更高的要求，主要是如何让用户更流畅的使用站点。

  7. 关于鬼哥 他开发的工具： 1，CSS Sprites 样式生成工具(bg2css) 2，样式文件合并工具(mergeCSS) 3，样式模块注释工具(cssModeCode) 鬼哥 腾讯网页重构工程师 个人网站：http://www.cssforest.org/blog/

  8. ‘偷米饭’ 2011年给我的建议 1，一个页面只用一个h1 2，不要用b装div 3，用背景图时，要考虑网络慢图没加载出来的时候 4，推荐 fiddle 和 willow插件 5，建个博客，沉淀一些技术文章 6，不要像个工具，要发挥技术影响力 偷米饭： 真名：范俊豪 腾讯网页重构工程师 博客：http://tommyfan.com/blog/

  9. 目前网站的问题 1，html标签用的太随便，标签嵌套没有语义。 2，css样式太多，不够精简，几乎每个都有定位和超出隐藏 3，js直接写在页面上，一个效果就用了一个插件文件 4，切图不够标准，没有标准的还原界面，与设计图差异蛮大 5，命名太随意

  10. 项目css 个人意见 .box{padding:0 25px 25px 25px} Background:url(../images/icon.png) no-repeat Overflow:hidden 在此无意义 Overflow:hidden 在此无意义 Height：auto是不是必须的？

  11. 项目css 个人建议 • 8, • Css 解析错误 • 一个网站的logo，用h1标签，并且一个页面只有一个h1 • 没考虑代码重用 • 这种情况下 Li上不需要class，可以直接继承 而且ul的class也没用到

  12. 2012 年 webrebuild年会 芒果网前端-钟伟明提出的一些问题 1、有多少人了解自己所重构的所有页面每天的访问量是多少？ 2、有多少人每天关注自己重构的页面在浏览器中加载的情况？ 3、有多少人了解HTTP协议？ 4、有多少人了解测试首屏打开时间、页面加载速度的原理？ 5、有多少人清楚的知道自己的重构给公司带来的收益？ 5、我们是为了什么而重构？

  13. 关于团队博客 机会： 目前网龙还没有某个知名技术团队博客，如果我们做的好，可以扩大规模，从天渔前端扩大到天渔开发部，甚至是整个网龙的前端，网龙的开发。这不是不可能哦，在福建这边，还是有机会的。 目的： 发达分享的精神：分享技术，分享生活，招兵买马 展示团队和个人的一个平台，在同行里提高个人知名度 前期规划准备： 先以内容为主，用wordpress模板，等网站内容充实稳定了，再去改版

  14. 主要栏目 关于：部门介绍，成员介绍 （建议用真人照片，我负责拍照） 知识：每周五的学习会内容分享 （每周分享后把ppt提交给我，我先更新到blog上，前期我先维护） 生活：每次的部门活动简介和照片 （以后每次活动我都带上相机，记录一下，不然每次活动过去了就忘记了） 招聘：一些比较创意的招人文案，一方面是为了推广宣传，一方面在需要时，可以招到牛人

  15. 前端开发规范 一，命名规范 二、文件夹规范 三，html书写规范 四，css书写规范 五，JavaScript书写规范 六、注释规范 七，图片规范 详见：前端开发文档.docx

  16. 国内知名的团队博客 淘宝UED：http://ued.taobao.com/blog/ 一淘 UX: http://ux.etao.com/ 腾讯CDC：http://cdc.tencent.com/ 腾讯ISUX：http://isux.tencent.com/ 迅雷 UED：http://cued.xunlei.com/ 百度 MUX: http://mux.baidu.com/

More Related