前端开发实习生培养体系的探索:前端开发实习生织梦计划

前端开发实习生培养体系的探索:前端开发实习生织梦计划 v 0.1.0

谨以此名称『织梦』致敬 15 年前在初中第一次接触“前端”时用的编辑器: Dreamweaver

前言:

由于意识到目前的前端团队趋于稳定,可以适当加入一些实习生为团队注入活力。于是这段时间主动积累了一些相关经验,决定就前端技术团队的实习生培养这一主题,进行概念梳理以及雏形规划,顺便文末整理了一些优质学习资料和学习社群。另外,受限于 XX 的前端水平只有中级左右,文中对知识体系的整理可能不够深入和全面,也欢迎大家提提建议!

XX 的价值观 —— 80%+ 完美主义:当意识到重要性的时候,就应该充分利用已有资源,做到当前迭代的最好状态,或者至少是最好状态的 80%

强烈推荐: 姬光大佬的 gitchat《怎样实习才能成长最快》,非常感谢姬光大佬的这篇文章

注意:

此版本未经过任何实践!有待验证,仅供参考。

此版本未经过任何实践!有待验证,仅供参考。

此版本未经过任何实践!有待验证,仅供参考。

设定

定位(角色)、要求(输入)、愿景(输出)

以某 MMORPG 游戏为参考系,结合实习生系统(实习荣耀??),分别描述主要角色的定位、要求(输入)、愿景(输出)

尝试站在不同角色,不同角度思考各种问题,并简要概括

公司

定位:游戏世界

要求:

  • 实习薪资、下午茶(补给、金币、回血、回蓝)
  • 提供办公设备(游戏装备)
  • 公司氛围(buff、赠送 VIP 会员)
  • 公司文化(mutation @elona)
  • 公司理念、愿景(我司:减法新生活~)

愿景:

  • 实习生 => 公司
    • 树立、传播公司良好形象
    • 公司文化的传承
  • 公司 => 实习生
    • 公司文化的影响
    • 物质

业务

定位:游戏任务

要求:

  • 安排合适的业务任务(游戏主线任务)
  • 鼓励发现、提出业务问题(游戏支线任务)

愿景:

  • 实习生 => 业务
    • 提出业务的改进意见
    • 不强求解决业务问题,但如果能,再好不过。
  • 业务 => 实习生
    • 了解公司业务

团队

定位:NPCs、可爱的小姐姐们、帅气的大叔们(雾

要求:

  • 交流(提供任务线索)
  • 知识点、概念指点(buff、治疗)
  • 学习方向引导(buff、T)

愿景:

  • 实习生 => 团队
    • 沉淀团队技术、整理文档(经验包)
    • 储备新鲜血液、给团队注入活力(欢迎新 dalao……)
    • 打造技术学习小社区(战队、公会)
  • 团队 => 实习生
    • 熟悉团队开发模式(通用技能)
    • 团队技术知识库 wiki(各类技能书、经验包)

导师

定位:新手村村民(头上带问号的?王者农药主界面右下角的妲己?)

要求:

  • 理性维度
    • 技术指导、方法指导(讲清楚的程度、通通透透)
    • 善于观察(了解实习生的长处与短板)
    • 客观评估:对事不对人
    • 代价:额外占用时间(蛤?-1s)
  • 感性维度
    • 真诚待人
    • 认真负责
    • 谦虚谨慎
    • 乐于助人
    • 充分沟通
    • 忍耐能力

愿景:

  • 实习生 => 导师:
    • 成就感
    • 教学相长:基础知识梳理、深入理解、剖析、总结(经验包)
    • 沟通能力(带团能力)
    • 团队贡献积分(DKP)
  • 导师 => 实习生
    • 个人成长
      • 知识、技能(经验、技能)
      • 学习方向、职业规划(职业进阶路线)
    • 人脉(游戏好友)
    • 激励(buff)
    • 评估(战斗力估算?游戏解说???)

实习生

XX 注:人无完人,对于小公司而言,千里马难觅。要善于挖掘实习生的亮点,借助团队这个小社区引导实习生各方面成长。

定位:勇者

要求:

  • 理性维度 (能力 ability)
    • 学习能力
      • 知识记录、梳理、总结、抽象
      • 学习方法
      • 学习态度
    • 解决问题能力
      • 提问技巧
      • 思考、针对性练习、反思
    • 自我管理 & 效率
      • 碎片时间
      • 专注
      • 能量管理
    • 业务能力
      • 负责、谨慎、细心
  • 感性维度(特质 traits)
    • 心态、自信、耐心、不浮躁
    • 认真、积极、主动
    • 沟通能力
    • 友善、虚心、正直

愿景:

  • 实习生 A => 实习生 B
    • 竞争(排行榜)
    • 协作(队友、基友)
  • 实习生 A <=> 实习生 A
    • 个人成长(经验、技能、职业进阶选择)
    • 个人经历(成就、称号)

监督人

定位:新手村村长(隐藏 BOSS?大龙???)

要求:

  • 理性维度
    • 中立、客观
    • 观察力
  • 感性维度
    • 包容但不偏袒

愿景

  • ???

方案

总共招 1~2 个实习生

人员安排

1 监督人: XX 1 导师:老员工(2 年+经验) 1~2 实习生

实习生任务列表

师傅领进门,修行靠个人

注:实际安排的任务因人而异,可选择性增加或加强……:)

任务标准:SMART 任务 + 主动汇报

  • 主动汇报
    • 每日日报:产出(工作内容)、收获(知识)
      • 主动、认真
      • 审视、自省、回顾
      • 规范
    • 每周周报
      • 一周总结
  • SMART 任务
    • 【SMART】
  • 隐藏任务
    • GitHub
      • 鼓励分享、鼓励创新

任务内容

  • 个人成长线(高经验值主线)
    • 综合
      • 【SMART】博客文章(每周一篇)
      • 优秀源码学习
        • Bootstrap
        • jQuery
        • Element UI
        • Vue.js、lodash
    • 实践
      • 学习型项目
        • 【SMART】phodal growth 系列
        • 【SMART】导师自定义任务
    • 理论
      • 通用技能
        • 《暗时间》
        • 《On Managing Yourself 自我发现与重塑》
        • ……
      • 专业技能
        • 相关工具
        • 推荐书单
        • 编程基础
          • 软件构建
            • 《代码大全 2》
          • 算法
            • 【SMART】leetcode 刷题
          • 设计模式
            • 《Head First 设计模式》
          • 编码规范
            • 迭代 wiki 的“编码规范”
        • 前端理论
          • HTML、CSS、Javascript
            • 《CSS 揭秘》、《Javascript 高级程序设计》
            • 【SMART】freecodecamp、codewar 练习题
            • MDN 文档
          • Vue.js
            • Vue.js 官方文档
          • 前端工程、组件化、前端服务化
      • 前端应用
        • 团队相关
        • 业务相关项目
          • 根据实习生实际情况,安排合适的任务量、任务复杂度
  • 团队贡献线(高 DKP 支线)
    • 综合
      • 协作
        • 与前端
        • 与后端
        • 与测试
        • 与设计师
        • 与产品
    • 理论
      • 更新团队知识库 wiki
        • 维护团队插件、组件说明文档
        • 经验分享、bug 记录……
      • 撰写团队技术博客文章
      • 参与每周前端组周会
    • 实践
      • 学习型项目(团队 wiki 站点、团队技术博客站点维护迭代等)
  • 业务线(高 DKP 支线)
    • 综合
      • 发现、提出业务问题,尝试解决
    • 实践
      • 【SMART】解决导师布置的业务需求
    • 理论
      • 梳理业务流程图
      • 梳理网站功能

导师任务列表

  • 传道
    • 前端的 what、why、how
    • 开阔技术视野
    • 解决问题的套路
    • 愿景(vision)
  • 授业
    • 介绍团队
    • 工作流程
    • 学习方法
    • 文档说明
    • 安排工作
  • 解惑
    • 告知所以然
    • (若导师无法解答,很正常,毕竟闻道有先后、术业有专攻。重点在于)
  • 评估
    • 认真审查实习生的 ① 日报 ② 周报 ③ 文档、代码、文章并积极、客观反馈
    • 定期与实习生交流
      • 主动挖掘实习生存在的问题,予以引导
      • 主动挖掘实习生的长处,并加以培养
  • 激励
    • 适当的团队活动
    • 正面引导
    • 不要吝啬表扬
  • 负责
    • 对实习生的代码负责
      • Code Review
      • 追踪代码质量、产品上线后的质量
      • 跟踪项目进度,把控风险
    • 对实习生负责
      • 真诚
      • 正面引导
    • 对自己负责
      • 不断提升自己的姿势水平
      • 共同成长

举例

背景

1 个本科大三暑期实习生,2 个月的工作时长,每周来 4 天。

已知

  • 实习生
    • 协作 专业能力 无工作经历
    • 专业能力 能使用 jQuery 较为熟练地写带有简单交互的静态页面
    • 专业能力 只照官网写过 Vue.js demo,没有写过具体项目
    • 协作 代码不规范
    • 专业能力 会一些 PHP
    • 通用能力 性格偏外向、求知欲强、不够细心、略微有点浮躁
  • 任务痛点
    • 团队 团队编码规范不完善、未统一
    • 团队 团队的知识库不完善
      • 缺少组件库说明文档(Vue.js 组件库,总共约 20 个 UI 组件)
      • 缺少公共方法说明文档
    • 团队 项目代码注释不完善
    • 业务 偶尔有紧急的市场活动小需求插入
    • 公司 培养储备人才

方案

注:方案中,专业能力 表示此任务对于 专业能力 有要求或能带来提高,即任务目的(why)

第一个月

  • 整理团队组件库使用说明文档(每周至少完成 1+ 个组件说明文档;最坏情况在指导下可能需要 24 天,熟悉后预计工时 0.52 天)
    • 专业能力 阅读组件源码
    • => 通用能力 学习能力 技术视野 导师指导(最坏情况在指导下可能需要 12 天,熟悉后预计工时 00.5 天)
    • 代码规范 专业能力找出源码中难以阅读、理解的代码块
    • 文档沉淀 代码规范 编写说明文档
    • => 通用能力 学习能力 技术视野 导师审查文档 => 反馈
  • 应对紧急的市场活动页面(预计工时 1 天)
    • 业务需求 编写静态页面
    • => 通用能力 学习能力 技术视野 导师审查代码 => 反馈
  • 【待定】团队知识库站点搭建(预计总工期 2 个月,每周安排 1~2 个工作日开发)
    • 团队 专业能力 代码编写
  • 阅读推荐资料
    • 专业能力 Vue.js 官方文档阅读、《某书》
    • => 通用能力 学习能力 导师指导答疑
  • 每天日报 (预计工时 0.5~1 小时,合计 0.5 天)
    • 通用能力 专业能力 知识收获
    • 通用能力 专业能力 工作内容
  • 每周周报(预计工时 1~2 小时,合计 0.25 天)
    • 通用能力``专业能力 知识收获
    • 通用能力 专业能力 工作内容

未完待续……

推荐资料

以下仅收集 XX 读过的资料或者经常参与讨论的社群。也欢迎大家推荐~

书单

通用能力

《暗时间》、《On Managing Yourself 自我发现与重塑》

专业能力

《代码大全 2》 《CSS 揭秘》 《Javascript 高级程序设计》 《Head First 设计模式》

博客

学习社群

引用庄表伟大佬的一段话……

求知欲不能教授 但可传染 学习能力无从教 却能修炼

  • 群(吹水少、禁广告)
    • 豪情大佬 QQ 群
    • 前端之巅微信群
  • 组织
  • gitchat 、知乎 live 活跃大神
    • 专业技能
      • 姬光、hax、小爝、justjavac、phodal……
    • 通用技能
      • Lachel、Warfalcon……
  • 小密圈
    • T 型学院
    • 前端早读课
    • 小胡子哥
  • 微信公众号
    • 前端早读课(起床第一件事……看前端早读课……肯定有更新……)
    • 前端大全
    • ……
  • github 学习项目

参考资料

  • 强烈推荐:姬光大佬 gitchat《怎样实习才能成长最快》
  • 姬光大佬 gitchat《老司机导师陪你聊聊带新人的那些“套路”》
  • ZoomQuite 大佬 gitchat 《初学者如何通过技术社区加速成长?》
  • 刘未鹏 《暗时间》

版本规划

本文和上次写的《前端开发负责人修炼指北》一样,会在 GitHub 上持续维护,欢迎大家提 issue ~

本文地址是:https://github.com/xunge0613/front-end-growth/blob/master/team-growth/weave-dreams-for-interns.md

v 0.1.1

  • 完善举例
  • 导师任务优化
    • 加入【SMART】 类型任务
  • 完善监督人模块内容
    • 增加监督人任务
    • 完善监督人描述
  • 推荐资料更新
  • 考虑是否要在后续版本更新“公司”、“业务”相关内容

结语

v 0.1.0 版本主要是理论的规划,由于自己 80%+ 的完美主义特质,希望能借此规划团队的实习生体系,并不断优化,对团队的实习生负责,对团队负责。也希望这篇文章能给大家带来一些思考。接下来会在实践的过程中思考、反思,不断迭代该计划。

最后,以《云图》全书最后一段结尾:

“要和人性的九头蛇进行斗争的人必须以经受巨大的痛苦为代价,而且他的家人必须跟他一起为此付出代价!不见棺材不落泪,你要明白,你生命的价值不过像是无边无垠的海洋里的一滴水!”

“但是如果没有众多的水滴,哪会有海洋呢?” *“What is any ocean but a multitude of drops?” *

鸣谢

感谢姬光大佬的两篇文章…… 强烈建议大家读一读……

感谢提出宝贵意见的大伙伴们~

感谢大家抽出时间来围观我这篇文章……

感谢马克飞象这款性价比超高的记录工具~

最后,感谢自己~

如果有帮助,欢迎打赏~

前端知识问答整理

本文主要整理一些我回答别人的前端问题……

如何写博客文章

答:可以学习下这篇文章:http://blog.jobbole.com/91942/ 。“写”的套路。
最开始初学前端时候写的:http://xuxun.me/blog/2012/03/word-press-problems-met-solved/ 。这是我写的第一篇技术文…………现在看特别low
其实很简单,就是记录一下自己学到了什么知识点。第一步做到这个就可以了。
然后写博客的好处就是,如果有别人看到你的博客,如果他们同样感兴趣,并且看到你文章中的不足,会帮你指正出来。这一个交流的过程就是一个很棒的学习过程。
第一步如果说是你学到的 what,那么接下来就尝试写写 how,甚至 why。知其然,知其所以然。在这个过程中你会发现你为了记录一个问题,会学习到更多相关的知识。这样你会发现你进步速度会有质变。

JavaScript 新手问题

A:知道思路就是不知道用代码怎么写。
B:举个例子?
A:就是简单的都不会:(

答:https://freecodecamp.cn/challenges/learn-how-script-tags-and-document-ready-work。我觉得你可以试试这个。由浅入深教你怎么写前端,通过一个个demo,从基础教起。我觉得光看视频还是不够的,还是要自己多写,多积累写的经验,多遇到难题然后想办法解决。

 

对于 > 750 设备宽度,设置 rem 作为字体单位;
对于 小于 750 设备宽度,设置 px 作为字体单位。

问:为什么是大于750用rem啊,不是小于750用rem么,我是新手。麻烦讲一下,我做的手机端的都是用rem啊。小屏幕的……

答:布局之类的用 rem 没问题的~
主要问题出在文字上,开发时候遇到一些问题。
当小屏的时候使用 rem 可能会导致文字过小,而用 px 可以保证文字显示正常.
但是 px 对于大屏幕就不友好了,屏幕大的时候使用 px 因为字体不会随屏幕放大,所以在超大屏幕上可能会使得页面文字有些空。
大致是以上这个情况 -。-

地址:http://www.ruanyifeng.com/blog/2017/05/css-variables.html

CSS 样式失效?

问:
但是 方框二 跟 方框三 咋效果一样呢?
我没查出来,难道它是默认 p 段落吗?

答:

首先,如果说效果一样的话,含义就是指,最终应用到元素上的 css 是一样的
如果说结构不同的话,那么有可能就是 p 元素的默认样式和浏览器对 body 元素的默认css样式是一样的
因为上面一个方框内容,实际上 Click here for 是 body 的子元素
over

md 与 html

好好理解一下每个标签的语义还是很有必要的
所以 md 其实也可以理解为另一种形式的 html
往深里说,这个就涉及到浏览器的渲染原理
简单来说,不管html还是md,对于开发者来说,都只是一种标记而已
不同的是他们的目的。 md 是为了出于写作方便而生

html 是浏览器能直接识别的语言
md 是对 html 的一层封装

【MDN翻译】CSS常见问题

翻译作者:徐迅 XuXun(清风迅来 XX)

最后更新:2014年5月16日2:24:34
原文链接:https://developer.mozilla.org/en-US/docs/Web/CSS/Common_CSS_Questions
译文链接:https://developer.mozilla.org/zh-CN/docs/Web/CSS/Common_CSS_Questions

1 为什么我的CSS语法正确,但没有正常渲染?

 

2 为什么我的CSS语法正确,但完全没有渲染?

为了应用CSS,Web服务器必须以 text/css MIME 类型来处理 CSS 样式表;反之,CSS将不会被渲染。

3 id 和 class 有什么区别?

 

4 如何将CSS属性恢复到默认值?

 

5 如何继承CSS规则?

 

6 如何为一个元素设置多个class?

 

7 为什么我的CSS规则没有起作用?

 

8 诸如 -moz-*, -ms-*, -webkit-*, -o-* and -khtml-* 之类的属性的作用是什么?

 

9 z-index 属性与元素定位有什么联系?

 

未完待续

徐迅 / 叉叉 / 清风迅来
XuXun / XX / Dalston Xu

Google Analytics 使用技巧

作者:徐迅 XuXun(清风迅来 XX)

最后更新:2014年5月13日1:16:18

本文为徐迅童鞋在使用Google Analytics(简称GA)过程中学习、整理的一些使用技巧,如有不足或有更好的方案,恳请各位大神指点!

1 如何使用同一份GA统计代码,统计不同子域名网站数据

答:使用“过滤器 Filter”

进入“管理”界面,选定主域名网站所在的“媒体资源”,在“查看”部分中,选择“创建新视图”

新建报告数据视图
新建报告数据视图

创建完之后,在“过滤器”选项中,选择“+新过滤条件”,为过滤器命名:仅 m.aihuishou.com ;

接着最关键的一步到了,“过滤器类型”中选择“预定义过滤器”,在下面的单选框中,选择“仅包含”,“访问主机名的流量”,“等于”,然后在下方输入框中填入子域名的地址:m.aihuishou.com

向数据视图添加过滤条件
向数据视图添加过滤条件

点击保存后,就OK了

过滤器添加成功
过滤器添加成功

本方法的原理其实很简单,

  1. 首先第一步也是很重要的一步是要确保在子域名上也添加了相同的GA统计代码。
  2. 第二步,我们创建了新的数据视图,而这个时候又因为子域名下部署的统计代码属于主域名下的网站,不构成跨域,所以在统计数据中将不仅包含主域名下流量,还会包括子域名下的流量(只要部署了相同的统计代码)。
  3. 第三步,我们其实要做的就是将这份子域名下的流量给剥离出来,这个时候就用到了过滤器,我们设定过滤规则为仅包含该子域名的流量,这样就可以实现在同一份GA媒体资源中,统计单独的子域名网站数据了。

2  如何检测用户在网站上进行了哪些站内搜索操作?

答:很方便。如图,在数据视图分栏下,选择“查看设置”,在最下方找到“网站搜索设置”,开启后,在下方输入框中输入你的网站中搜索输入框的关键词字段的input name即可。

网站搜索设置
网站搜索设置
未完待续
徐迅 / 叉叉 / 清风迅来
XuXun / XX / Dalston Xu

前端开发经验札记

最后更新:2014年5月1日1:57:33

作者: 徐迅 (清风迅来 XX)

真正从事Web前端开发有一年多了,而接触前端最早可以追溯至小学时候电脑课上的网页制作,那个时候还在使用Front Page(我才不会说那个时候自己设计的网页巨丑…);后来一直到大学才“重拾旧业”:大二曾帮老师做过课程介绍网站,使用的仍然是DreamWeaver,并开始搭建 xuxun.me ;大三拥抱notepad++和zen-coding,开始折腾JavaEE的项目;大四毕业设计又回归PHP,偶尔接触了Python;工作以后爱上sublime text 2、less和coffee script,在C#坑中渐行渐远。

希望这篇文章能一直更新下去吧.

加油XX,奔跑在大前端之路上吧!

一、前端语言基础

(一)HTML

     1 标签语义化:使用合适标签,少使用无语义标签
     2 使用 <!DOCTYPE html> 既可以向前兼容,又体现了你网站的高大上!
     3

(二)CSS

     1 选择一款合适的CSS预处理语言(个人比较喜欢Less),大大提升CSS编写效率
     2 通用的样式提取成 .class 或者 less 中的 mixin() {} 更佳
     3 多使用限定度高的选择器, 例如 > + , 尽量避免后代选择器过度使用
     4 多用组合少用继承,减少耦合
     5 选择器权重222原则(XX自创……): 选择器权重不超过222,即最多2个id,2个class和2个tag……
     6 CSS伪类是个神器,例如使用:hover、:after等伪类可以替代JS实现不少效果

(三)JavaScript

     1 JS我是渣.

二、前端框架基础

(一) Bootstrap

     1 Bootstrap 的less 代码质量好,价值高,推荐学习

(二)JQuery Mobile

     1 深坑,慎入

三、前端杂七杂八

     1 适当了解浏览器的渲染机制,避免代码性能过低
     2 替换 .class 优于 替换 <xx style=”xx:xx;” ></xx>
     3 图片记得压缩, jpegtran 是个不错的jpg图片无损压缩工具

四、前端各种坑爹

1 IE 7 不支持 console.log ,因为 IE7 根本没有 console ,所以当你使用 IE 7 运行有 console.log 的页面你会悲剧..
2

 

徐迅 / 清风迅来

XX   / Dalston Xu

Google

windows下去除文件、文件夹[系统][隐藏]属性

决定把槽放到正文后面= =……艰难的决定啊,对于一个这么喜欢吐槽我自己的人来说……

注:本操作系统为Windows XP …… 大家勿吐槽……

第一步:cd 到那些文件所在的父文件夹下(注:当然也可以直接在命令后跟上文件、文件夹路径)

cd到父目录下
cd到父目录下

第二步:看看哪些需要转成非隐藏的(注:当然一般性也可以在图形界面下观察)

使用dir/a:h 显示全部隐藏的文件、文件夹
使用dir/a:h 显示全部隐藏的文件、文件夹
一个普通的隐藏文件
一个普通的隐藏文件

第三步:使用  attrib [文件名|文件夹名] -h 去掉文件的隐藏属性

-h去除普通文件的隐藏属性
-h去除普通文件的隐藏属性

如果该文件是系统的隐藏文件时, 以上的命令是无效的

未重设系统隐藏属性
未重设系统隐藏属性

需要在以上命令之后再加一个语句 -s 即: attrib [文件名|文件夹名] -h -s

重设系统隐藏属性
重设系统隐藏属性

这样就可以去除系统的隐藏文件了~~~

感谢以下文章提供了本文的思路:无法更改文件夹的隐藏属性 解决方法!
附:windows XP 使用 help attrib 查看attrib命令 使用说明

help-attrib查看命令帮助
help-attrib查看命令帮助

 

以下是吐槽部分:【其实算是所谓的本件事情的前因】
这两天用手机(Nokia 6700s)的时候发现:在文件管理,存储卡中,所有的文件夹都消失了……
一开始,我还以为是我手机内存不够了 =v= ,于是疯狂地删除短信(唔,大概删了3K条吧……)
直到今天(2012-6-10)在电脑上查看手机 目录时,发现N多的.exe文件……我就知道我肯定某次在学校打印的时候中招了……
之后,就是杀毒,杀完以后,发现那些个文件夹还是隐藏的,并且还不能在图形界面下修改为非隐藏,想了想,肯定是权限不够的原因,所以,就理所当然地想到了命令行这个神器……

【开源】那些给程序猿洗脑的语录……

一时兴起,整出此文章,想以此洗脑,并且锻炼自己的翻译能力=v=

原文:When you get bored, click something. If that doesn’t help, then turn off your computer immediately.

出处:Douglas Crockford

拙译:无聊时,随便点。还是无聊?果断关机。

原文:用正确的方法,做有用的研究!

出处:语音识别基本原理介绍 杜俊

拙译:Research for good purpose , on right way.


原文:以总结分享为荣 , 以跪求其解为耻

出处:Pythonic八荣八耻

拙译:Do Summarize & Share , and Do NOT knee & beg for solutions.

原文:把时髦的技术挂在嘴边,还不如把过时的技术记在心里

出处:请不要做浮躁的人

拙译:Better keep outmoded techniques in mind , than gorgeous ones over mouth.

【开源】前端开发面试题集锦

本文记录的是我在实际生活中遇到的前端开发面试题,不断更新~大家养肥了再看好类~

Last Update:

1. CSS color 简写问题

类别:
简写CSS
规则:
6位RGB三通道16进制表示颜色时,每组(2位)16进制若相同,则可以简写为1位
例子:
#224466 可简写为 #246

【开源】前端开发常识集锦

Last Update: 2012-5-20

欢迎各位大神指出本文的不足 ~ Feel free to point out any mistakes ~

① 浏览器内核

浏览器内核(排版引擎)对照表
浏览器 内核 特点
IE Trident 曾因垄断而与web标准脱节
Mozilla Firefox Gecko 开源,FireBug
Opera Presto 渲染速度优,牺牲兼容性
Chrome Webkit 用户体验
Safari Webcore ?
LunaScape Trident,Gecko,WebKit 据说是唯一的三排版引擎浏览器
*Webcore,*Webkit KHTML ?
Lynx ? 模拟spider

More Info:Wiki

发邮件上传视频到“你试管”

略过吐槽直接看正文请猛击这里!

        这两天在上传这次 MySQL 讲座的视频到“你试管”网站,差不多是4月2号下午2点多左右开始上传,方法是使用自#由#d,o,o,r 代理使用IE8 上传(各位大神别吐槽我小白……PS:用 chrome 一直报错无法上传) 结果传啊传,传到了下午吃晚饭,传啊传,我去剪了头发洗了澡,传啊传,传到了4月3号也就是今天清晨5点多……那个时候我还没被早上的快递电话吵醒……
Continue reading “发邮件上传视频到“你试管””