• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > 20个为前端开发者准备的文档和指南(3)

20个为前端开发者准备的文档和指南(3)

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含前端开发,文档,指南等相关知识,匿名希望在学习及工作中可以帮助到您
  我们来到了2015年(译者注:原文撰写与2015年2月25日),而且我感肯定你现在有下面两种感觉的其中一种:

  1.你对在这个产业中得花费多少来学习有些不堪重负(Really overwhelmed)

  2.渴望获取到更多的知识,但是等不到别人告诉你接下来该学些什么。

  我假设它综合了这两种情绪-第一种产生的原因是我们个人的情感,而第二种焦虑产生就有些不必要了。

  所以,为了帮你走出困境,我编译了另外一些有用的文档,信息站点和涉及到前端开发不同领域的指南的列表。 

  1.I want to use

  基于的数据和功能都在Can I use网站上列出来了,这个app可以给你选择很多前端开发功能的能力和获得全世界用户看到你选择的功能的人数的百分比。

  2. Regulex(JavaScript正则表达式可视化工具)

  它是一个客户端工具,一个JavaScript正则表达式可视化工具,该工具有一个精确的错误提示器,来告诉你在你的正则表达式里有某个语法错误。它也提供一种选择,即通过使用一对iframe标签来把输出的结果嵌入到你想要嵌入的地方。

  3. Mastering the :nth-child(精通:nth-child)

  它是只有一页的站点,可以帮助你理解如何使用多种多样有用但是通常又很复杂的基于nth-child的选择器组合。

  4. HTML5 Video Events and API(HTML5 Video(视频)事件和API)

  “这个页面演示了HTML5 video的新元素,它的多媒体API,以及多媒体事件。播放、暂停和在整个视频里搜索、调节音量、静音、调节回放速度(包括设置为负值)。在视频里看看效果,看看主要事件的效果和属性值的变化。”

  5. Excess XSS(攻克XSS)

  XSS介绍链接地址: http://baike.sogou.com/v625072.htm?fromTitle=xss

  它大概就是一个所有开发者都应该熟悉的主题,而且对于了解XSS,它上面的内容也许是很好的开始。它是跨站脚本的综合性的教程,是一份潜在攻击类型的手册,并且提供了解决方案来预防这些攻击。

 6. RSCSS

  它意味着”合理的CSS 样式表结构标准”,在为很大的项目编写Sass/CSS时,它还在备档一些技巧和技术。

  Sass介绍链接地址: http://baike.sogou.com/v73912368.htm?fromTitle=SASs

  7. CodeFightClub(编程竞争俱乐部)

  “它是由Andrew Hathaway创建的一个项目,它的目标是帮助同样的开发者学习如何尽他们所能来以最好、最有效和最优的方式来编写他们的代码。为了能决定谁的代码编写方式是最好的,用户可以发表评论,并且可以为他们喜欢的竞争者投票来赢得一场竞争。”这个网站根据编程语言分成了很多类别,但是上面似乎没有那么多,然而你可以在网站上添加来使它增多,并且也可以发起一些”编程竞争赛”。

  8. Sass Guidelines(Sas指南)

  它来自Sass大师Hugo Giraudel,“一个固执己见的样式指南,用来编写合理的,可维持的和可扩展的Sass代码。”该指南已经被翻译成了六种其他的语言。

  9. Flexbugs

  “它是一个社区策划的flexbox(伸缩布局盒)问题和为它们准备的跨浏览器解决方案。它的目的是,如果你用flexbox构建了一个站点,而它并没有像你预期的那样运行工作,你可以在这里找到解决方案。”当用Flexbox开始构建一个新布局时,应该为它们确定一个必要的标签。

  10. A Front End Engineer’s Manifesto(一份前端工程师的忠告)

  它没有特别深入的内容,就是一个告示的简单集合,它提醒所有的前端开发者应该把他们的开发流程和工作流相结合。

  11. ECMAScript 6 equivalents in ES5

  一份非常好的,可以把ES6功能转化为ES5兼容的代码的参考手册。它很好地考虑到了对ES5的强力支持(ES5 has great support),但是对ES6却没有强力的支持(ES6 doesn’t)。

  12. Flexbox Adventures

  它是来自澳洲的开发者Chris Wright制作的,具有一定的深度和实际效果的Flexbox手册。他也发布了标题是Using Flexbox Today的帖子,该帖子有助于帮你以合理实际的方式移到Flexbox开发上来。

  Using Flexbox Today的链接地址: https://chriswrightdesign.com/experiments/using-flexbox-today/

  13. Get BEM

  它是一个综合的站点,旨在推广和教导开发者使用流行的BEM CSS方法学。

  BEM的链接地址: http://www.w3cplus.com/css/bem-definitions.html

  14. Sass Compatibility(Sass 兼容性)

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

  15. HTMLelement.info

  一份小巧、合理、使用简单的指南,它可以从参考手册上获取不同的HTML元素信息。

  16. JSLint Error Explanations(JSLint的错误提示解释)

  如果你喜欢,你也许会遵循很多的JavaScript的最佳实践,但是你也许并不一定理解在这些技术下的所有成因。该站点主旨是揭示你在流行的linting工具JSLint、JSHint和ESLint上产生的错误和警告的秘密。

  17. Animations — Web Fundamentals(动画-Web的基础)

  在Google的Web Fundamentals documentation(web 基础文档)里有很多的有用信息,但是这个为前端开发者特别提出来,是因为在制作一个动态的UI元素时,有一些重要的好的经验可以应用到自己的项目上。

您可能想查找下面的文章:

  • 关于HTML5 history API 的介绍
  • 20个为前端开发者准备的文档和指南(3)
  • 20个为前端开发者准备的文档和指南(2)
  • 20个为前端开发者准备的文档和指南(1)

相关文章

  • 2018-12-03浅析border-radius如何兼容IE_html5教程技巧
  • 2018-12-03HTML5 video标签的播放控制
  • 2018-12-03H5中如何获取和设置自定义属性
  • 2018-12-03html5 History API 实现无刷新更新地址栏URL
  • 2018-12-03html5中在元素或者选取的文本被拖动时触发的事件ondrag
  • 2018-12-03创造更好的浏览体验-HTML5 history API
  • 2018-12-03HTML5中对lang与xml:lang属性的解释
  • 2018-12-03html5中valid、invalid、required的定义_html5教程技巧
  • 2018-12-03html5 Canvas画图教程(2)—画直线与设置线条的样式如颜色/端点/交汇点_html5教程技巧
  • 2018-12-03如何在HTML5中使用SVG

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • Html5+JS实现手机摇一摇功能
    • HTML5 localStorage知识点总结
    • HTML5 Web Workers之网站也能多线程的实现_html5教程技巧
    • 基于html5,父级块中添加video,不能全屏播放的问题解决。
    • 如何得到 HTML5 格式的优酷视频?
    • 使用HTML5中的contentEditable来将多行文本自动增高_html5教程技巧
    • IDEA如何安装vue开发插件安装图文教程
    • 用H5的WebGL如何在同一个界面做出json和echarts图表
    • 有关HTML5 Video对象的ontimeupdate事件(Chrome上无效)的问题
    • HTML5如何解决margin-top的塌陷问题(附代码)

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有