Web前端学习之资源汇总

2017-09-26  本文已影响66人  Hebborn_hb

01.PS切图

《PhotoShop切图》

《切图规范及标注规则记录》

02.Sublime编辑器安装及调试

《如何优雅地使用Sublime Text》

《一键”生成HTML——Emmet插件常用语法》

《HBuilder 使用教程》

03.html部分

《我的HTML会说话——从实用出发,谈谈HTML的语义化》

《HTML5 简介》

《HTML5 中文教程》

《HTML5新标签学习笔记》

04.CSS部分

《css教程》

《网易微专业之《前端工程师》学习笔记(1)-CSS文本格式》

《网易微专业之《前端工程师》学习笔记(2)-CSS的简写和分开写》

《网易微专业之《前端工程师》学习笔记(3)-CSS盒模型》

《网易微专业之《前端工程师》学习笔记(4)-CSS不常用选择器》

《网易微专业之《前端工程师》学习笔记(5)-CSS布局属性》

《网易微专业之《前端工程师》学习笔记(6)-CSS变形》

《网易微专业之《前端工程师》学习笔记(7)-CSS动画》

《网易微专业之《前端工程师》学习笔记(8)-CSS作业1》

《网易微专业之《前端工程师》学习笔记(8)-CSS作业2》

《谈谈如何用CSS处理文本格式》

《Flex弹性布局教程:语法篇》

《Flex弹性布局教程:实例篇》

《CSS深入-设置不同块级流方向时的属性百分比计算》
《巧用margin/padding的百分比值实现高度自适应(用于占位,避免闪烁)》

05.JavaScript部分

《网易微专业之《前端工程师》学习笔记(9)-JS基础》

《网易微专业之《前端工程师》学习笔记(10)-JS的常用方法清单》

《网易微专业之《前端工程师》学习笔记(11)-JS正则》

《Javascript进阶》

《jQuery》

《网易微专业之《前端工程师》学习笔记(12)-JS单元测试题》

《网易微专业之《前端工程师》学习笔记(13)-JS进阶单元作业主观题》

《网易微专业之《前端工程师》学习笔记(14)-JS期末测试主观题》

《网易微专业之《前端工程师》学习笔记(15)-JS单元作业题》

《网易微专业之《前端工程师》学习笔记(16)-DOM单元测试客观题》

《网易微专业之《前端工程师》学习笔记(17)-DOM单元测试主观题》

《网易微专业之《前端工程师》学习笔记(18)-DOM期末主观题》

《LocalStorage使用总结》

《LocalStorage必知必会》

《html5系列:form 2.0 新结构》

《html5系列:form 2.0 新数据类型》

《html5系列:form 2.0 新表单属性》

《【JS学习笔记】关于this指针的理解》

《【JS学习笔记】函数表达式中this指针的意外改变》

《【JS学习笔记】ECMAScript中一些最值的考虑》

《javascript中的面向对象之——原型继承》

《【JS趣味】数组求和的方法收集》

《【JS趣味】去除一个字符串的首字符的方式收集》

《【JS学习笔记】关于如何克隆一个独立但属性和方法都相同的对象》

《【JS学习笔记】ES5数组对象的5个迭代方法是如何像它们调用的函数传参的呢?》

《谈谈javascript的Function中那些隐藏的属性/方法:caller/callee/apply/call/bind》

06.页面架构

《前端布局系列文章》

《水平、垂直居中布局方案整理》

《两列自适应布局方案整理》

07.前端架构部分

《vue2.0基础系列》

《vue2.0进阶系列》

08.其他

《利用DataURL技术在网页上显示图片》

《Chrome Dev Editor(devaloper preview)》
这是chrome的应用,编辑器,直接在chrome上跑,很多css样式可以直接通过手动点设置,而不是敲代码。polymer框架出的应用。

9.作业部分

《网易微专业之《前端工程师》学习笔记(12)-JS单元测试题》

《网易微专业之《前端工程师》学习笔记(13)-JS进阶单元作业主观题》

《网易微专业之《前端工程师》学习笔记(14)-JS期末测试主观题》

《网易微专业之《前端工程师》学习笔记(15)-JS单元作业题》

《网易微专业之《前端工程师》学习笔记(16)-DOM单元测试客观题》

《网易微专业之《前端工程师》学习笔记(17)-DOM单元测试主观题》

《网易微专业之《前端工程师》学习笔记(18)-DOM期末主观题》

10.推荐书单

《图解CSS3:核心技术与案例实战》
《Head First jQuery(中文版)》
《CSS设计指南(第三版)》-人民邮电出版社
《Head First Ajax》
《Head First Html5 programming》
《JavaScript高级程序设计(第三版)》
《单页Web应用:JavaScript从前端到后端》
《JavaScript语言精粹》
《JavaScriptDOM编程艺术(第2版)》
《编写可维护的JavaScript》
《Web全栈工程师的自我修养》
《深入浅出Node.js》
《响应式Web设计》
《精通CSS》
《高性能JavaScript》
《You-Dont-Know-JS》

999.安全
《安全之路:Web渗透技术及实战案例解析(第2版)》by陈小兵

《图灵程序设计丛书·Web渗透测试:使用KaliLinux》byJoseph Muniz/Aamir Lakhani

《Web渗透技术及实战案例解析》by陈小兵、范渊、孙立伟

11.推荐资源文章

《玩转CSS选择器(一) 之 使用方法介绍》

《玩转CSS选择器(二) 之 浏览器支持,常见Bug,性能优化》

《IE你够了!CSS选择器》

《【CSS学习笔记】对于IE6、IE7下display: inline-block; 的兼容问题的探讨》

《使用 CSS3 Flexible Boxes 布局》

《Front-end-Interview-questions》

《CSS 学习指南》

《移动前端开发之viewport的深入理解》

《语种名称代码》

《移动端高清、多屏适配方案》

《用 highlight.js 为文章中的代码添加语法高亮》

问题与对策:CSS的margin塌陷(collapse)

《CSS之BFC详解》

《详说 Block Formatting Contexts (块级格式化上下文)》

《了解服务器的相关知识》

《不只是平面:css三维变换的应用》

《3d transform的坐标空间及位置》

《运算符优先级》

SegmentFault 2015 Top Rank 系列之《JavaScript 相关优秀文章》

SegmentFault 2015 Top Rank 系列之《前端优秀文章》

《Javascript中valueOf与toString区别》

《JS中的prototype》

《CSS Grid布局:浏览器开启CSS Grid Layout》

《CSS Grid布局:什么是网格布局》

《CSS Grid布局:网格单元格布局》

《CSS Grid布局:合并单元格布局》

《CSS Grid布局:显式和隐式网格线》

《CSS Grid布局:网格区域》

《CSS Grid布局:独立源与网格的层叠顺序》

《CSS Grid布局:网格的流动》

响应式
《移动前端开发之viewport的深入理解》

《谷歌 Web 开发最佳实践手册(2.1.1):标签中的图像》

《如何给函数取个合适的名字》

《Cookie有毒?实测告诉你Cookie的真相》

《一个对前端模板技术的全面总结》

接下来的是两篇GitHub的文章
《如何高效利用GitHub》
《Git与Github入门资料》

《怎么使用GitHub-知乎》Fadeoc Khaos
《Git之忽略文件(ignore file)》

《自定义 Git - Git属性》

《Git官网讲的.gitattribute(英文)》

《Node.js中的模块接口module.exports浅析》

《关于commonJs和nodeJs的关系》

《Javascript 异步加载详解》

《JavaScript 依赖管理》

《猴子都能懂的Git教程》

《怎样有效学习nodejs》

《搭建一个免费的,无限流量的Blog----github Pages和Jekyll入门》

《js的一道经典题》

《一道常被人轻视的前端JS面试题》

简书著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

上一篇下一篇

猜你喜欢

热点阅读