手记

超赞分享!干货汇集的前端周刊(第二期)

前端周刊是一份专为前端从业人员,以及对前端、设计领域感兴趣的朋友们打造的技术周刊。程小狮会精选出前端、设计领域近期相关的资讯、热点以及技术干货,与大家一同分享。


前端技术集——前端干货聚集地

HTML

1. HTML 5 视频直播一站式扫盲
地址:http://t.cn/R5gji9V

视频直播这么火,再不学就 out 了。为了紧跟潮流,本文中,作者将向大家介绍一下视频直播中的基本流程和主要的技术点,包括但不限于前端技术。

2. 简单了解 HTML5 中的 Web Notification 桌面通知
地址:http://t.cn/R53ixg6

在以前,我们的通知实现主要是通过闪烁页面的标题内容来实现。然而,这种提示有个致命的缺陷,就是用户的浏览器要一直是张开的。现在,Web Notification 就可以很好地解决上面的痛点。


CSS

1. CSS 专业的技巧
地址:http://t.cn/R53L2QN

20个CSS专业技巧助你提升开发效率。这些技巧适用于最新版的 Chrome, Firefox, Safari, Opera, Edge,以及 IE11。前端er,来Enjoy吧!

2. 你真的了解盒模型吗?
地址:http://t.cn/R5Ek4xx

深入浅出带你了解CSS中的盒模型。

3. 22个必备的 CSS 小技巧
地址:http://t.cn/R5nefw6

这是一篇来自Ilya Pestov博客的文章《22 Essential CSS Recipes》,作者分享了一些实用的CSS小技巧。涉及混合模式、渐变边框等知识点。

4. 小tips: IE7,IE8浏览器纯 CSS 实现正圆角效果
地址:http://t.cn/R51KPQK

CSS3 border-radius可以轻易实现圆还有圆角效果,然而,需要IE9+浏览器才行。移动端自然不成问题,但是众多(尤其面向C侧)PC页面是至少需要兼容IE8的,那有没有什么办法可以让IE7、IE8也支持圆角呢?一起来看看,作者的解读。

5. 2016年至今最受欢迎的14篇 CSS 文章
地址:http://t.cn/R5EyW39

我们回顾了2016年至今《HTML5 Weekly》已经发布的20篇周刊,并收集出了最受欢迎的CSS文章、技巧、工具以及教程,与大家分享。

6. CSS 进阶:提高你前端水平的 4 个技巧
地址:http://web.jobbole.com/86793/

CSS 在刚开始学习的时候看起来非常简单。但是,随着你的不断了解,你会发现 CSS 的复杂,以及它的深度。在文中,作者分享了能让你在大规模使用 CSS 的时候,保证代码健壮性的四个要点。


Javascript

1. 解构(Destructuring) -- Exploring ES6
地址:http://www.zcfy.cc/article/498

一篇关于 ES6 解构的文章,文章很详细的讲解了关于解构的一切。

2. 用 ES6 构建新一代可复用 JS 模块
地址:http://t.cn/R5QRyzt

本文翻译自《Writing Next Generation Reusable JavaScript Modules in ECMAScript 6》,作者将为大家讲述如何用 ES6 构建 JS 模块。

3. 为 ES6 配置 JavaScript 测试工具
地址:http://www.zcfy.cc/article/569

现在已经可以很方便的使用 ES6 了,针对开发流程的工作流已经非常简单与详细了。但针对测试的呢?在本文中,作者将介绍目前最流行的测试工具—— Mocha,Jasmine,Karma以及Testem —— 以便让它们能与ES6一起工作。

4. JavaScript 原型中的哲学思想
地址:http://t.cn/R5Huqry

在本文中,作者分享了自己对 JavaScript 原型相关知识点的理解。涉及 JavaScript原型指针、原型对象、原型链等内容。一起来看看,你掌握了多少?

5. 开开心心做几道 JavaScript 机试题
地址:http://t.cn/R5Qlotm

在文中,作者将与大家聊聊常见 JavaScript 面试题的解法,以及面试注意事项。


其他推荐

1. 如何在前端开发中增加编码效率,这里有十款 Chrome 扩展可以帮你
地址:http://t.cn/R5uri3I

Chrome 浏览器一直是开发过程中不可缺少的利器。除了功能强大的DevTool,更有各种好用的前端开发与调试工具。在本文中,我们就分享一些前端开发相关的 Chrome 插件,相信有你喜欢的。

2. 新鲜出炉!Web 开发人员必备资源
地址:https://www.sdk.cn/news/4098

一些最新的 Web 开发人员必备学习、工具等资源。

3. 也谈前端面试常见问题之『数组乱序』
地址:http://t.cn/R5u6GOn

详解经典的前端面试题——数组乱序

4. 一步一步教你用 Vue.js + Vuex 制作专门收藏微信公众号的 app
地址:http://t.cn/R5Rw1d3

随前端老司机利用Vue.js + Vuex 制作专门收藏微信公众号的 app.前端er,抽时间来试试咯!

5. 支付宝前端应用架构的发展和选择
地址:http://t.cn/R5gpZ4K

我理解的支付宝前端应用架构发展史,从 roof 到 redux,再到 dva.


前端新手家园——前端新人好帮手

1. 谷歌推荐的计算机科学学习路线
地址:http://t.cn/R5CkgAY

要成为一名成功的软件工程师,你必须具备扎实的计算机科学基础。本自学指南适用于想要学习编程的大学生们,分为专业方向和非专业方向两个系列。它们能够帮助你进一步学习计算机科学,或者对这个领域建立初步理解。

2. 一个靠谱的前端开源项目需要什么?
地址:http://t.cn/R5nb5W6

在本文中,作者以自身经验出发,与大家聊一聊心目中靠谱的 Github 前端开源项目应该具有什么。

3. 前端组件库合集
地址:http://t.cn/RwTRrBN

这个项目中收集了搭建 Web App 常用的样式和组件。前端er,来看看有木有你项目中需要的东东。

4. JavaScript 问题集锦
地址:http://t.cn/RqAhmTd

关于 JavaScript,工作和学习过程中遇到过许多问题,也解答过许多别人的问题。这篇文章记录了一些有价值的JavaScript问题。

5. Angular 官方中文文档
地址:http://t.cn/R5gjN9R

送福利咯!第一个由官方正式发布的 Angular 中文开发文档。学 Angular 的朋友,不要错过。


前端猿与射鸡尸——设计的那些事

1. 100+ 值得设计师们关注的优秀字体
地址:https://xituqu.com/234.html

字体设计的功能是信息传递与视觉审美。在本文中,作者整理了100+值得设计师们关注的优秀字体,一起来Enjoy吧!

2. 网页配图之道!八条实战学来的首图设计技巧(一)
地址:http://t.cn/R5r1rY2

如何设计首图,是网页设计之中一个非常重要的问题。为此,我们就此特献出八条设计技巧,全是来自实际经验,以期和大家共同探讨之。

3. 给新手设计师的灵感收集指南
地址:http://t.cn/R5BRD6d

本文推荐了不少能帮设计师寻找灵感的书籍和网站,都是高手常逛的,适合收藏起来每天看。

4. 从人性的角度揭露 Banner 设计背后的14个秘密
地址:http://t.cn/R5nChY3

为什么有的 Banner 能够吸引人去点击,而有的无人问津?这篇文章也许能够给你带来一些启发。

5. 腾讯重磅出品!一份超全面的2016年用户体验行业调查报告
地址:http://t.cn/R51aHnX

这是一份用户体验行业最全面的调查报告,是腾讯CDC继2015年发布用户体验行业报告后,再次用数据为你深度解析用户体验行业发展情况。推荐一读!


程序人生——程序员的成长与故事

1. 码农和英语
地址:http://t.cn/R58edPj

英语对于码农来说是一个重要的技能。文中,作者通过自身经历分享了一些学习英语的经验与建议。

2. 如何高效的进行编程练习
地址:http://www.jianshu.com/p/25c32b497232

程序老司机带你通过了解编程与情绪周期,立定练习与计划,逐步提升你的编程水平。理论与实践相结合,希望这些心得对你有所启发。

3. Mac 开发配置手册
地址:http://t.cn/RUKxSoN

一本如何让一部全新的 MacBook 快速完成开发环境配置的手册,主要面向 Web 开发者,希望对你有所帮助。

4. 程序员创业?你需要先避开这些坑
地址:http://www.jianshu.com/p/23401957a6bf

说说那些程序员在创业初期应该尽可能避开的坑。


专注前端开发 欢迎关注
前端周刊由【IT程序狮]】微信公众帐号创建,专注于前端领域技术分享。希望这份周刊能够成为你成长的得力助手与伙伴。

超赞分享!前端周刊已在途中。

39人推荐
随时随地看视频
慕课网APP

热门评论

可以可以可以可以可以可以可以可以可以可以可以可以

支持支持支持支持支持支持支持支持

查看全部评论