前端开发必备资源与学习网站集合

需积分: 9 1 下载量 135 浏览量 更新于2024-09-11 收藏 2KB TXT 举报
"前端学习会用到的网站和资源包括W3C学习平台,用于jQuery等库的CDN服务如BootCDN,以及各种在线学习和资源站点。这些网站覆盖了前端开发的基础知识、框架应用、图标库、压缩工具、浏览器兼容性处理、HTML5特性学习、JavaScript实操和编辑器等。" 前端开发是一个涵盖广泛领域的学科,包括HTML、CSS、JavaScript以及众多库和框架。在学习前端时,以下几个网站是必不可少的资源: 1. W3C:全球万维网联盟,提供权威的Web标准规范和教程,是学习HTML、CSS、DOM等基础知识的首选网站,例如`http://www.w3school.com.cn/jquery/jquery_callback.asp`介绍了jQuery的回调函数。 2. CDN服务:例如BootCDN(`http://www.bootcdn.cn`)提供了流行的JavaScript库和框架的CDN链接,如jQuery、video.js、Vue和Angular,可以加快网页加载速度。 3. 学习网站: - `http://www.sucaijiayuan.com/` 和 `http://www.w2bc.com/` 提供丰富的编程教程和实例。 - `http://www.jq22.com/` 和 `http://www.htmleaf.com/jQuery/pubuliuchajian/` 针对jQuery的学习和实践,包括插件和实战教程。 - `http://www.qdfuns.com/` 是一个汇集前端技术文章和教程的平台。 4. 图标资源: - `http://fontawesome.io/` 提供Font Awesome图标库,可直接在CSS中使用。 - `http://www.iconfont.cn/plus/collections/index` 是阿里巴巴IconFont,拥有大量自定义图标,支持下载和在线使用。 - `http://fortawesome.github.io/Font-Awesome/icons/` 是Font Awesome的图标展示,方便查找所需图标。 5. 工具和技巧: - `http://techbrood.com/works` 是一个学习HTML5、CSS3、WebGL和SVG等新技术的地方。 - `http://xueshengzixue.com/` 和 `http://tool.lu/js/px-rem` 分别提供在线学习资源和像素转REM单位的转换工具。 - `http://mxd.tencent.com/wp-content/uploads/2014/11/rem.html` 关于REM布局的教程。 - `https://tinypng.com/` 是一个在线图片压缩工具,优化网页图片大小。 6. 浏览器兼容性: - `http://www.cnblogs.com/jinguangguo/archive/2013/05/17/3083507.html` 讨论了IE浏览器的兼容性问题处理。 7. HTML5特性: - `http://www.webhek.com/addEventListeneronclick` 深入讲解HTML5中的事件监听器。 - `http://blog.csdn.net/rudy24/article/details/52586257` 和 `http://ueditor.baidu.com/website/download.html` 分别介绍了addEventListener与onclick的区别以及百度UEditor这样的富文本编辑器。 8. JavaScript实战: - `document.execCommand()` 的使用在`http://wqss.2008.blog.163.com/blog/static/9124280820`有详细解释,这是一个在JavaScript中进行文档操作的实用方法。 通过这些网站和资源,前端开发者不仅可以学习理论知识,还能实践操作,提升技能,从而更好地应对前端开发的各种挑战。