(转)《前端工程师》学习笔记 --资源汇总

转自 荷小音,如需转载请备注

我是剔除一些无法访问的文章,欢迎大家补充好的文章

03.调试及Sublime编辑器

《Sublime安装和插件安装》

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

04.html部分

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

05.CSS部分

《css选择器》

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

《巧用margin/padding的百分比值实现高度自适应(多用于占位,避免闪烁)》

《【CSS深入】设置不同块级流方向时的属性百分比计算》

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

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

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

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

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

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

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

06.JavaScript部分

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

《localstorage 必知必会》

对应DOM课程的“数据存储”那一节

《html5系列:form 2.0 新结构》

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

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

《理清javascript中的面向对象(一)——原型继承》

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

对应 JS课程里的“函数进阶”

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

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

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

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

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

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

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

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

07.页面架构

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

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

《网易微专业之《前端工程师》学习笔记(27)-水平垂直居中布局》

《网易微专业之《前端工程师》学习笔记(26)-幻灯布局》

08.前端架构部分

待续

09.其他

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

Chrome Dev Editor(devaloper preview)

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

10.作业部分

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

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

《【前端微专业错题集】页面制作》

《【前端微专业错题集】JavaScript》

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

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

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

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

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

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

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

11.推荐书单

《图解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陈小兵、范渊、孙立伟

12.推荐资源文章

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

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

《IE你够了!CSS选择器》

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

《使用 CSS3 Flexible Boxes 布局》

《Front-end-Interview-questions》

《CSS 学习指南》

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

《语种名称代码》

想知道html的头文件中lang="en"的更深层的含义么,看这篇。

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

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

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

《CSS之BFC详解》

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

BFC布局详细的一篇文章

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

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

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

《运算符优先级》

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

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

《Javascript中valueOf与toString区别》

由于运算时都要隐式的调用这两种方法,那么这两种方法的区别又是什么,如果同时存在这两个方法的时候,会优先调用哪个方法呢,就可以看看这篇文章,一般来说,字符串运算时会调用toString()方法,而数值运算时会调用valueOf()方法。

《JS中的prototype》

这篇比较清楚的介绍了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的真相》

这篇文章比较详细介绍了Cookie有什么用,有什么弊端,用户在浏览器上怎么禁用设置Cookie,怎么删除Cookie,顺便还介绍了禁用Cookie有什么危害等,从用户层面上了解什么是Cookie。

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

这篇文章会对当今前端界的三种截然不同的模板方案做一个全面的对比。

接下来的两篇GitHub的文章是阳志平老师的文章。

《如何高效利用GitHub》

《Git与Github入门资料》

《怎么使用GitHub-知乎》

知乎上的这篇教材,尤其是后面Fadeoc Khaos的解答,会让你瞬间知道怎么理解GitHub的那么多流程。

《Git之忽略文件(ignore file)》

这篇介绍Git的.gitignore文件里怎么写,有语法,非常简单哈。

《自定义 Git - Git属性》

这篇里有讲Git的diff,.gitattribute文件。

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

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

这篇文章对应的是技术选型这章的模块系统这节课,其中讲到怎么注入和调用接口的方法,就用到export和require。

《关于commonJs和nodeJs的关系》

这篇也是对应的模块系统这节课。CommonJS是一种规范,NodeJS是这种规范的实现。CommonJS是一 个不断发展的规范。填补了JS在非浏览器的应用开发方面的空白。

《Javascript 异步加载详解》

《JavaScript 依赖管理》

CommonJS vs AMD详解,如何处理依赖管理。

《猴子都能懂的Git教程》

哈哈,真的猴子都能懂哈。

《怎样有效学习nodejs》

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

《js的一道经典题》

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

12.国外前端博客--可找来翻译

国外前端博客1:webdesignernews

国外前端博客2:frontendfront

国外前端博客3:frontendrescue

作者:荷小音

链接://www.greatytc.com/p/4ce1708ea072

來源:简书

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 198,932评论 5 466
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 83,554评论 2 375
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 145,894评论 0 328
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,442评论 1 268
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,347评论 5 359
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 47,899评论 1 275
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,325评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,980评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,196评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,163评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,085评论 1 328
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,826评论 3 316
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,389评论 3 302
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,501评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,753评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,171评论 2 344
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,616评论 2 339

推荐阅读更多精彩内容