前端周报：CSS 不是真正的编程和前端图像处理指南

1、Web 真相：CSS 不是真正的编程

每隔几个月就会出现一篇文章表明：CSS并不是真正的编程语言。以编程语言的标准来说，CSS过于困难。使用这门语言会很有创造性： 人们对CSS有一些强烈的情愫。 — Dave Rupert (@davatron5000) 来自于：pic.twitter.com/dDspAM8i2F 事实确实如此...

http://zcfy.cc/article/web-truths-css-is-not-real-programming-christian-heilmann-4331.html

2、前端图像处理指南

计算机图像处理是一门很成熟的技术，任何一门可操作系统接口的语言都能很轻易的实现各种处理操作。但是前端限于浏览器环境和接口限制，处理起来会有诸多不便，这里所说的前端图像处理，是真的指不借助任何后端服务纯前端实现的图像处理。本文会介绍canvas位图处理，SVG矢

https://juejin.im/post/59d0eee65188255d3449042a

3、2017，我们从Node.js的版本号大飞跃谈起

本文作者： i5ting 版本帝？ Chrome浏览器已经蹦到57版本了，是名副其实的版本帝，作为兄弟的Node.js也一样，1.0之前等了6年，而从1.0到8.0，只用了2年时间，这世界到底怎么了？ 我们就数一下 从v0.1到0.12用了6年 2015-01-14发布了v1.0.0版本（io.js） 2.x（io.js） 3.x（io.js） 2015年09...

http://www.tuicool.com/articles/ZjMnMnb

4、前端程序员的必备工具清单（MacOS）

前言 工欲善其事，必先利其器。一套完善的工具可以幫助我們事半功倍。而作為前端程序員的我，也是花了點時間為自己配置了一套工具。如果你也是使用 MacOS 作為你的開發系統的話，那麼你可以看一下這篇文章。 日常 Alfred 3

https://juejin.im/entry/59d22eca6fb9a00a6436ed41

5、CSS3 SVG实现可爱的动物哈士奇和狐狸动画

今天，我想向大家展示如何巧妙地使用HTML、CSS排序动画和SVG滤镜把生活中可能最可爱的东西之一——动物画到网页上。我们将探讨绘制动物的两种技术：一种使用纯HTML和CSS，另一种使用内联SVG背景图像。（by 码农网 – 小峰）

http://web.jobbole.com/92568/

6、2017 年 10 月前端开发者超实用干货大合集

每月我们所更新的设计圈干货的产出，很大程度上依赖设计师、设计团队以及相关的开发团队的支撑。而为前端而准备的干货素材，则和相关的社区、开源项目的成长有着密切的关联。 在每个月的前端开发者合集当中，汇集了各种各样的应用程序，包括可以在不同的电脑上管理 Sketch 插件的工具，可用在网页设计中的不同字体...

http://www.uisdc.com/new-for-developer-10-2017

7、JS设计模式-观察者模式

观察者（又称发布订阅）模式定义了对象间的一种一对多的依赖关系，以便一个对象的状态发生变化时，所有依赖于它的对象都得到通知并自动刷新。

https://juejin.im/entry/59d76c88f265da06560492bc

8、JavaScript 中的各种编码解码函数

最近做的项目中，在给客户端发送的数据中有一个值为 url 链接的字段。 因为这个 url 中包含了个 json 字段的查询，有双引号，所以前端得将数据经过编码，发给客户端才不会出错。然后发现自己突然对这个操作有点生疏，索性在这里就总结下 JavaScript 中的那些编码解码问题。 let data = { something: 'som...

http://www.tuicool.com/articles/z6bQjqM

9、像 JavaScript 一样思考

原文链接： https://davidwalsh.name/thinking-javascript 几天前我在一个专题讨论会讲 JavaScript，午饭时候一个学员跑来向我请教一个 JS 难题，而它确实把我给难住了。他保证说这个问题是偶然间遇到的，而我对此表示怀疑，因为这极有可能是一道有意而为之的烧脑题。 我得承认，最...

http://www.ituring.com.cn/article/497284

10、WebVR开发教程——交互事件之Cardboard与gaze

Cardboard与gaze注视 Cardboard可以说是手机VR头显的元老了，狭义上指的是Google推出的一个带有双凸透镜的盒子，广义上则表示智能手机+盒子的VR体验平台。

https://juejin.im/entry/59d646806fb9a00a4171b098

11、手把手教你如何使用webpack 生成css sprites

前言 我们在开发网站的时候，通常会把常用的图标合并成css sprite(雪碧图)，可以有效的减少站点的http请求数量，从而提高网站性能。 下面让我们一起来学习一下如何使用 webpack 合并sprite图。 准备 webpack webpack-spritesmith 插件 file-loader sass-loader (因为 webpack-spritesmith...

http://www.tuicool.com/articles/yeumeaj

12、修改 JavaScript 帧

听说 V8 有新变化？本文介绍的是 V8 从原来的内嵌类型反馈编码到使用简单数据结构存储的实践过程。

https://juejin.im/entry/59d2ed6f6fb9a00a681b01f8

13、【翻译】React v16.0 官方博客升级指引

我们非常激动地宣布 React v16.0 发布了！这些变更包含了一些存在已久的特性，包括碎片（fragments），错误边界，portals，支持 自定义 DOM 属性，提升 以及减小库的大小。 新的渲染返回类型：碎片和字

https://juejin.im/entry/59d707cef265da0653530ff5

14、generator-criket: 一个 Node.js 命令行项目脚手架

一看 generator-criket 这个名字,有经验的人就知道这是基于 yeoman 的. 至于为什么命名为 criket (蛐蛐)? 则是因为我正在看王世襄先生的<京华忆往>,里面有讲到百灵( Lark) 和蛐蛐( criket). Lark 已经被人用了, 有一个 Lark.js 以及对应的 generator-lark, 我就只能用蛐蛐了. 蛐蛐的用法很简单, 装好 yeoman(n...

http://www.tuicool.com/articles/ZzuUF3a

喜欢这篇文章的朋友，欢迎关注、收藏、分享、评论，帮我上热门，你的支持，是我每日更新的动力！

喜欢前端的朋友可以点击关注一下我，每日分享精彩的前端文章！

今日更多精彩文章：http://caibaojian.com/fe-daily-20171008.html

欢迎点击“阅读原文”，学习今日精华文章～

前端开发博客

——————————————————

领略前端技术 阅读前端开发博客

长按二维码，关注前端开发博客

▼