只看精华贴
  • 曹容铭
    2015/11/30 15:25
           看到标题,我知道你可能会想:“我为什么要避免代码注释,这难道不是一件好事吗?”。是的,写注释在大多数情况下是有用的。但是,请注意,我说的是“在大多数情况下”,因为有一些情况下,你不应该写注释。还不相信?那让我告诉你:写注释有时会坏事!会导致坏代码!  请允许我用一句名言来开始我的论证:                  不要注释坏代码——重写吧。—— P. J. Plaugher这句话给我流下了非常深刻的印象。仔细想一想,有多少次你注释你的代码,只是因为担心自己将来再回过头来阅读的时候可能会不理解它的意思?至少都做过一次吧。坦率地说,我有很多次是因为这个原因才注释的,尤其是在那些我还是重构和编写干净代码的新手的日子里。  那么,为什么这样的注释反而不好呢?简而言之是因为,我们会因为有注释而放任编写坏的代码!正如你所看到的,注释有时候反而激励了我们去写一些不整洁的代码。  另一个原因是因为注释会误导我们。有多少次你已经改变了代码,却忘了改旁边的注释?别否认,这种事时常发生。这就是为什么你经常听到这样一句话,“真理只存在于代码中”。  那么,什么时候你不应该写注释呢?  有一个经验法则就是,无论何时你发现自己要使用注释来解释这段代码是用来干什么的时候,那么基本上就是你的代码需要重构以变得更整洁的时候。  典型的解决方案  现在你知道为什么有时候反而要避免写注释了,那么有什么解决办法吗。事实上,目前还没有一个有效的解决方案,但是你可以清洁你的代码,这样你(以及其他人)就可以在没有注释的情况下也能理解它了。       结论  请允许我用一个免责说明来结束这篇小文章。我不反对注释。注释在大多数情况下是非常有用的!(特别是初学者,帮自己理清思路很重要。所以这篇帖子之前我加了进阶篇三个字),尤其是在开源项目中。  我想说的是,你不应该为你的坏代码注释。请记住,“真理只存在于代码中”。
    查看详情>
  • 曹容铭
    2015/11/20 17:39
    [/图片]前阵子知乎有个话题叫做《为什么前端工程师很难找》很火,你可以发现在社交网络上到处都在招前端工程师,但又有一堆前端工程师觉得怀才不遇。其实前端工程师并不少,但很多时候合适的前端工程师难找。可能是由于程序员比较内向,前端工程师都没有把自己最厉害的那一面表现出来。今天我们来聊聊前端工程师的简历怎么写,希望能够对大家有帮助。简历的重要性[/图片]简历的作用其实一直被忽视,即使是有人内推,简历也是必须认真对待的。很多人找朋友内推都是随便在人才网上填了几个表单生成个word文档自己都没看一下就直接扔过来,所以我们经常可以收到一些乱码或者奇奇怪怪的简历。甚至有些人会觉得简历只是走个形式,内推的话通过第一轮没问题。如果收简历的是技术负责人认识你还好,不然很多时候这种做法只能是呵呵了。通过招聘网站上发一个招聘信息,行情好的话,一天大概可以收到15份简历。如果每份简历花3分钟看,看完这些简历起码45分钟。当然,我肯定不会花45分钟去看这些简历。要不基本就不用咋干活了,有些简历甚至扫一下就知道可以删除了(因为写得实在是太烂了)。所以简历生存的关键其实就是在短时间内在招聘方展示你的亮点。请记住我上面这句话的重点,“短时间”、“亮点”。知己知彼,百战不殆[/图片]面提到的,要突出自己的亮点。何为“亮点”,亮点是相对于招聘方是高价值的东西。所以这个时候我们要了解对方要什么。一般我们可以通过多个渠道了解到对方的岗位工作内容。1.官方的岗位介绍。2.与你联系的内推同学。3.通过自己的关系联系到招聘方内部的同学进行了解。不要只准备一份简历通过前面收集到的招聘岗位的分析,就可以针对性的提供对应的简历。例如前端工程师在每个公司的工作定义不一样,在A公司的前端工程师是负责设计理念还原,到了B公司则前端工程师可能会是全栈工程师。很多人只做了一份简历去投简历,所以A公司很容易收到适合B公司的简历,B公司也很容易收到适合A公司的简历。这个时候即使你本身技术没问题,但简历上没体现你符合这个岗位的高价值,很可能因此就这么被涮下来。事情做好准备工作很重要。简历怎么写我比较推荐各位把简历分成5个板块:个人信息、工作业绩、作品展示、影响力展示和荣誉列表。个人信息个人信息这块主要填写的是基本信息,主要用来判断你的条件是否满足某些硬性要求。一般需要填写的是姓名、年龄、性别、婚姻、电话、学历、邮箱、QQ、博客地址、工作年限、所在城市、籍贯,颜值高的同学可以附上相片,其他其实没必要写太多,像身份证号码、宗教、政治面貌、父母亲职业这些都不需要写到个人信息里面。在这里要特别提醒的是3个事情:1.联系电话需要反复确认是否是正在使用的号码。2.邮箱尽可能用使用QQ邮箱,QQ邮箱收邮件可以第一时间知道(当然,前提必须是你设置了微信提醒和QQtips弹出)。之前网上有炒作过简历放QQ邮箱会被鄙视的话题,相信我,大部分面试官或者Hr不会在意你用什么邮箱的,更在乎你能力行不行。3.QQ号码是为了验证用,加好友时不要出现某些莫名奇怪的提问验证。 猜猜我是谁? 还能回答,要是一堆火星文就不知道咋说了。工作业绩or工作经历工作经历是一个比较重要的内容,先展示下我经常收到的反面案例截图[/图片]从简历上来看,我们确实可以看到这位同学工作了3年,但我们却没办法看出他3年的工作经验积累在这里,甚至可以理解成一个经验用3年。在同样工作三年的简历里面挑,我为什么要选他?好的工作经历其实应该这么写。1.介绍一下公司名称和在职时间。2.用简单的语言描述一下你的项目。3.评价你做这个项目的业绩如何(当然是要往好的方面去)。4.描述下你在这里面主要有什么影响力的东西。例如,这样的写法虽然还是比较简单,但与前面的见光死简历一对比,给人的印象就不一样了。[/图片]在这里要特别提醒的是:1.工作经历这一块是后面面试的内容之一,所以千万不要弄虚作假。要不很容易露马脚直接被刷掉。2.如果你不是应届生,实习经历也要写进去的话,最好注明下。免得让面试方觉得跳槽太频繁。作品展示作品展示这块我建议展示内容不要超过五个,而且必须是自己的代表作。我曾经从招聘网站自动过滤的简历堆里面捞出一个不错的简历,就是因为他的作品展示有几个一看就感觉好nb。有链接的话,最好能够直接从简历上可以点击过去。有些工作三四年的同学还把大学的程序练习代码都拿出来,这个真心就没必要了。影响力展示影响力这块一般可以通过分享来体现。简历上可以列举一些你在写过的文章,可以直接访问的页面可以直接贴地址。如果无法直接访问可以考虑保存成附件一起打包提交过去。如果参加过一些业内技术分享会,例如webrebuild,前端圈,w3ctech的同学,也可以将参加的时间及分享的内容列一下,将ppt作为附件加进去。当然,如果你有github或者博客地址,也记得在此处写下。(不了解什么是git的同学自行百度~)荣誉列表这块是有助于从侧面让面试官知道你的能力及影响力的,例如年度最佳新人。所以如果有的话,可以写一下,列举一下获奖原因,最好能够将评语也写进去。如果没有的话,不写也没关系。简历的排版与格式不要使用某些传统人才网站生成的word文档,那种看起来真的好累。当然也不要特别地去装饰,不用专门在word文档里面拉升一个大牡丹图当背景。如果是纸质简历,白纸黑字,如果可以,尽可能加入一些你应聘公司的元素。例如以前大学我找工作的时候,页眉处基本会放一个应聘公司的logo。这个可以显著提高简历通过率。(好有心机的样纸~)使用mac生成文档的同学记得要试发一下邮件,保证win系统下文档不会乱码。另外作为前端,我们更希望是把简历当作作品提交过来的。曾经有位同学将他的简历包装成一个minisite提交过来,技术印象加分妥妥!简历的投递是不是简历写得好,就一定可以成功通过呢。当然不是啦。除开实际个人能力问题,简历的投递也是很关键。常见的简历投递渠道其实有几种:1.传统的人才招聘网站。2.拉勾网、秒聘网等新型招聘网站。3.QQ群等社交网络。4.公司官网。我比较推荐各位使用后三个投递渠道。传统的人才招聘网站存在的问题是面试方看简历免费,但拿联系方式要钱。所以大部分时候,面试官其实不会到上面去找简历(因为找到又联系不上)。第二三种渠道双方获取信息都是免费的,而且不少公司也开始有内推奖励,会有不少人去通过第二三种渠道去发布招聘信息。通过个人渠道可以更快更好的得到招聘1V1服务,更好地帮你推动整个应聘流程。总结好的简历其实是一个好的营销方案,包装的产品是你自己。其实无论找不找工作,我还是比较建议各位定期去整理一下自己的简历去试试,可以了解到现在的技术趋势,自己是否会落后,是否有新的领域可以去探索 Goodluck~。
    查看详情>
  • 曹容铭
    2015/11/18 08:56
    [/图片]       不管是 PC 还是移动端,图片一直是流量大头,以苹果公司 Retina 产品为代表的高 PPI 屏对图片的质量提出了更高的要求,如何保证在图片的精细度不降低的前提下缩小图片体积,成为了一个有价值且值得探索的事情。      但如今对于 JPEG、PNG 和 GIF 这些[/链接]的优化几乎已经达到了极致, 若想改变现状开辟新局面,便要有釜底抽薪的胆量和气魄,而 Google 给了我们一个新选择:WebP。      对 WebP 的研究缘起于手机 QQ 原创表情商城,由于表情包体积较大,在 2G/3G 的网络环境下加载较慢。[/图片]      今年 WebP 图片格式得到越来越多的关注,很多团队也开始布道,前阵子的前端圈“走进腾讯互娱前端技术专场”也有相关专题。借此热潮,在这里把上一年的探索过程以及今年 WebP 新的发展一同分享出来,同时也期待更多的人将其应用于实际业务中。什么是 WebP?        WebP(发音 weppy),是一种支持有损压缩和无损压缩的图片文件格式,派生自图像编码格式 VP8。根据 Google 的测试,无损压缩后的 WebP 比 PNG 文件少了 45% 的文件大小,即使这些 PNG 文件经过其他压缩工具压缩之后,WebP 还是可以减少 28% 的文件大小。       在 Google 的明星产品如 Youtube、Gmail、Google Play 中都可以看到 WebP 的身影,而 Chrome 网上商店甚至已完全使用了 WebP。国外公司如 Facebook、ebay 和国内公司如腾讯、淘宝、美团等也早已尝鲜。目前 WebP 也在腾讯的很多的项目中得到应用,如腾讯新闻客户端、腾讯网、QQ空间等,同时也有一些针对 WebP 的图片格式转换工具,如智图([/链接]),iSparta([/链接])等。[/图片]WebP 的优势上面只是简单介绍了这种图片格式的背景和应用,不过 “talk is cheap”,这种格式优势在哪里?除了压缩效果极好,图片质量能否得到保障?这需要更理性客观的数据:[/图片]可以得出结论:PNG 转 WebP 的压缩率要高于 PNG 原图压缩率,同样支持有损与无损压缩转换后的 WebP 体积大幅减少,图片质量也得到保障(同时肉眼几乎无法看出差异)转换后的 WebP 支持 Alpha 透明和 24-bit 颜色数,不存在 PNG8 色彩不够丰富和在浏览器中可能会出现毛边的问题       WebP 的优势体现在它具有更优的图像数据压缩算法,能带来更小的图片体积,而且拥有肉眼识别无差异的图像质量;同时具备了无损和有损的压缩模式、Alpha 透明以及动画的特性,在 JPEG 和 PNG 上的转化效果都非常优秀、稳定和统一。      科技博客 GigaOM 曾报道:YouTube 的视频略缩图采用 WebP 格式后,网页加载速度提升了 10%;谷歌的 Chrome 网上应用商店采用 WebP 格式图片后,每天可以节省几 TB 的带宽,页面平均加载时间大约减少 1/3;Google+ 移动应用采用 WebP 图片格式后,每天节省了 50TB 数据存储空间。兼容性与可用性       根据对目前国内浏览器占比与 WebP 的兼容性分析,大约有 50% 以上的国内用户可以直接体验到 WebP,如果你的网站以图片为主,或者你的产品基于 Chromium 内核,建议体验尝试。假如你打算在 App 中使用 WebP,除了 Android4.0 以上提供的原生支持外,其他版本以及 iOS 都可以直接使用官方提供的解析库([/链接] 、[/链接] )。       为了验证 WebP 图片格式的业务可行性,我们从流畅度、解码耗时、CPU 使用、内存占用几个维度进行的分析,在开发同学们的帮助下得到了非常宝贵的测试数据:[/图片]测试结论:解码耗时:WebP 的解码时间是 PNG 格式的 4.4 倍(24.8ms)流畅程度:两种格式下,AIO 滑动流畅度无明显差异CPU使用:两种格式下,连续发送 15 个表情,CPU 使用均在 10%—26% 之间波动,两者无明显差异内存占用:两者格式下,连续发送 15 个表情,PSS 内存占用跨度均为 11M,无明显差异动态 WebP 初探了解完静态 WebP,下面再了解一下动态 WebP(Animated WebP):2013 年 11 月 21 日,Animated WebP 终于取得进展,并在 Chrome32 Beta 中得到了支持。目前 Animated WebP 支持将 GIF 直接转换成 Animated WebP,或者将多张 WebP 图片组合成 Animated WebP。与传统的 GIF 图比较,Animated WebP 的优势在于:支持有损和无损压缩,并且可以合并有损和无损图片帧体积更小,GIF 转成有损 Animated WebP 后可以减小 64% 的体积,转成无损可以节省 19% 的体积颜色更丰富,支持 24-bit 的 RGB 颜色以及 8-bit 的 Alpha 透明通道(而 GIF 只支持 8-bit RGB 颜色以及 1-bit 的透明)添加了关键帧、metadata 等数据假如你在使用 Chrome32 以上的浏览器,可以点这里([/链接])体验。但新兴的事物必然存在不足的地方,Animated WebP 存在的问题:消耗较多的 CPU 和解码时间(多 1.5~2.2 倍)和 GIF 相比起来支持度还不够,目前仍无法通用为了支持 Animated WebP,Chrome 的新内核 Blink 添加了近 1500 行的代码综合技术方案对于不同场景下 WebP 的使用,我们总结了一些解决方案,如下:1、若使用场景是浏览器,可以:JavaScript 能力检测,对支持 WebP 的用户输出 WebP 图片使用 WebP 支持插件:WebPJS:[/链接]2、若使用场景是 App,可以:Android 4.0 以下 WebP 解析库([/链接])iOS WebP 解析库([/链接])3、转换工具:智图([/链接])iSparta([/链接])iSparta 是我们组针对 WebP 和 APNG 两种新型图片格式的转化而开发的一款桌面应用,直接图片批量转换为 WebP,同时提供多种参数配置,欢迎体验。[/图片]好啦,同学们看到这里之后是不是迫不及待的想尝试一下webp格式了?
    查看详情>
  • 曹容铭
    2015/06/04 10:35
    同学可以进入vip6群下载
    查看详情>
  • 曹容铭
    2015/06/04 10:34
    曹容铭发布了主贴腾讯课堂的上课地址
    [/链接] 
    查看详情>
  • 曹容铭
    2014/12/07 20:08
    上课内容:css之扩展详解上课老师:曹容铭上课地点:腾讯网页设计VIP课上课期间:20:00-21:30上课地址:下载或升级最新版本QQ, [/链接][/图片]
    查看详情>
  • 曹容铭
    2014/12/04 11:56
    上课内容:css之列表详解上课老师:曹容铭上课地点:腾讯网页设计公开课上课期间:20:00-21:30上课地址:下载或升级最新版本QQ, [/链接][/图片]
    查看详情>
  • 曹容铭
    2014/12/03 12:08
    上课内容:css之列表详解上课老师:曹容铭上课地点:腾讯网页设计公开课上课期间:20:00-21:30上课地址:下载或升级最新版本QQ, [/链接][/图片]
    查看详情>
  • 曹容铭
    2014/11/29 10:32
    课内容:css之背景详解上课老师:曹容铭上课地点:腾讯网页设计公开课上课期间:20:00-21:30上课地址:下载或升级最新版本QQ, [/链接][/图片]
    查看详情>
  • 曹容铭
    2014/11/27 15:35
    上课内容:网页中的框架构架  上课老师:曹容铭上课地点:腾讯网页设计公开课上课期间:20:00-21:30上课地址:下载或升级最新版本QQ, [/链接][/图片]
    查看详情>
  • 曹容铭
    2014/11/26 12:06
    上课内容:css样式-扩展篇  上课老师:曹容铭上课地点:腾讯网页设计公开课上课期间:20:00-21:30上课地址:下载或升级最新版本QQ, [/链接][/图片]
    查看详情>
  • 曹容铭
    2014/11/17 03:22
    上课内容:使用哪些软件可以开发网页?上课老师:曹容铭上课地点:腾讯网页设计VIP课上课期间:20:00-21:30上课地址:下载或升级最新版本QQ, [/链接][/图片]上课内容:DIV+CSS,你知道多少上课老师:代文强上课地点:腾讯网页设计公开课上课期间:20:00-21:30上课地址:下载或升级最新版本QQ, [/链接][/图片]
    查看详情>

关于Ta

  • 主贴 55
  • 回复 62
  • 课程 6
  • 关注 0
  • 粉丝 24

最近访客

  • 长春-谨守

    2019-11-26 18:45

  • xiaoma236698

    2019-01-03 08:30

  • 点回忆

    2018-04-18 11:54

  • 你还记得我吗74

    2018-03-05 20:47

  • 吴习

    2017-06-07 17:13

下载社区APP,查看更多访客

更多福利 在线客服 下载APP 意见反馈

扫描二维码下载APP

下载邢帅APP,缓存视频随身看

关注邢帅教育,领取更多福利

关注邢帅教育,领取更多福利