面向对象的前端开发_面向前端开发人员的另外20份文档和指南

面向对象的前端开发

我们已经步入2015年,我敢肯定,您现在会感觉到以下两种方式之一:

  1. 真的不知该行业要学多少,或者

  2. 渴望更多,迫不及待想要一些新的想法来学习下一步。

好的,我想这可能是两者的结合-第一个是出于我们的个人感受,第二个是出于绝对必要。

为了帮助您,我整理了另一组有用的文档,信息站点和与前端开发各个领域相关的指南。

1.我要用

根据“ 我可以使用”上列出的数据和功能,此应用程序使您能够选择许多前端开发功能,并获得将看到您选择的功能的全球用户数量的百分比读数。

我想用

2. Regulex

如果表达式中存在语法错误,则带有精确错误指示符的客户端正则表达式可视化程序。 还提供了使用iframe将输出嵌入到任何位置的选项。

Regulex

3.掌握:nth-​​child

一个一页的网站,可帮助您掌握如何使用各种有用的但通常很复杂的基于nth-child的选择器组合。

掌握:nth-​​child

4. HTML5视频事件和API

“此页面演示了新HTML5视频元素,其媒体API和媒体事件。 在整个视频中播放,暂停和搜索,更改音量,静音,更改播放速率(包括变为负值)。 看到对视频以及潜在事件和属性的影响。”

HTML5视频事件和API

5.过多的XSS

这可能是所有开发人员都应该熟悉的主题,并且这可能是一个很好的起点。 它是有关跨站点脚本的综合教程,描述了潜在的攻击类型,并提供了防止此类攻击的解决方案。

XSS过多

6. RSCSS

含义为“ CSS样式表结构的合理标准”,该工作正在进行中,以记录一些为超大型项目编写Sass / CSS的技巧和技术。

RSCSS

7. CodeFightClub

“由安德鲁·海瑟薇(Andrew Hathaway)建立的一个项目,旨在帮助其他开发人员学习如何以最好,最有效和首选的方式来编写代码。 为了决定哪种代码是最可取的方式,用户可以评论和投票反对最喜欢的竞争者。” 该网站按编程语言分为几类,这里似乎还没有很多,但是您可以通过添加一些内容并启动一些“代码斗争”来提供帮助。

CodeFightClub

8. Sass准则

免费学习PHP!

全面介绍PHP和MySQL,从而实现服务器端编程的飞跃。

原价$ 11.95 您的完全免费

来自Sass大师本人的Hugo Giraudel,“一个明智的风格指南,用于编写理智,可维护和可扩展的Sass。” 该指南已被翻译成其他6种语言。

萨斯指南

9. Flexbugs

“社区策划的flexbox问题列表以及针对这些问题的跨浏览器解决方法。 目的是,如果您正在使用flexbox构建网站,但某些功能无法正常运行,则可以在此处找到解决方案。” 对于那些开始使用Flexbox构建新布局的人来说,绝对是必须的书签。

Flexbugs

10.前端工程师的宣言

没什么太深入,只是所有前端开发人员都应该考虑的简单提示集,这些提示应被纳入其开发过程和工作流中。

前端工程师的宣言

11. EC5中等效的ECMAScript 6

将ES6功能转换为与ES5兼容的代码的不错参考。 考虑到ES5具有强大的支持,ES6没有,它非常有用。

ES5中的ECMAScript 6等效项

12. Flexbox历险记

来自澳大利亚的开发人员Chris Wright对Flexbox进行了深入,实用的研究。 他还发布了“ 今天使用Flexbox” ,该文章试图帮助您以合乎逻辑,务实的方式过渡到Flexbox。

Flexbox历险记

13.获取BEM

一个全面的站点,用于推广和教育流行的BEM CSS方法的使用。

获取BEM

14. Sass兼容性

“报告不同Sass引擎之间的不兼容性。”

Sass兼容性

15. HTMLelement.info

简洁,合理,易于使用的指南,可从规范中​​获取有关不同HTML元素的信息。

HTMLelement.info

16. JSLint错误说明

如果您像我一样,可能会遵循很多JavaScript最佳实践,但可能不了解这些技术背后的所有原因。 该站点旨在消除您在流行的整理工具JSLint,JSHint和ESLint中发现的错误和警告的神秘感。

JSLint错误说明

17.动画-网络基础

Google的Web基础知识文档中有很多很好的信息,但是这一点特别适合前端开发人员,因为在对UI元素进行动画处理时应用一些良好的做法非常重要。

动画—网络基础

18. Favicon备忘单

“一个令人痛苦的备忘单,适合收藏夹大小/类型。” 从许多不同的热门文章中进行了汇编,这些文章讨论了台式机和移动设备上图标集的来龙去脉。

Favicon备忘单

19. CSS在...

如果您想从一些大公司中获取CSS样式指南,Chris Coyier整理了一张带有信息的表,并链接到去年几个月来呈趋势的各种帖子。 我敢肯定,随着其他人使用他们CSS方法论和做法公开发布消息时,他将继续进行更新。

CSS ...

20.破折号

最后,本机Mac或iOS应用程序是“ API文档浏览器和代码段管理器”。 Dash存储代码段,并立即在离线文档集中搜索150多个API。” 这对几乎所有类型的开发人员都非常有用。

短跑

推荐你的

我们在SitePoint上没有做太多“列表发布”,但这是我在过去一年中所做的第三次此类发布,React相当不错。 如果您错过了这些内容,或者您​​只是一个学习型受虐狂,以下是另外两个:

如果您知道这些帖子中未包含的其他内容,或者您​​已经建立或编写了自己的类似内容,请随时在讨论中告知我们。

翻译自: https://www.sitepoint.com/another-20-docs-guides-front-end-developers/

面向对象的前端开发

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值