Web 真相：CSS 不是真正的编程；前端图像处理指南；2017，我们从Node.js的版本号大飞跃谈起；前端程序员的必备工具清单（MacOS）；CSS3 SVG实现可爱的动物哈士奇和狐狸动画；2017 年 10 月前端开发者超实用干货大合集；JS设计模式-观察者模式；JavaScript 中的各种编码解码函数
-
Web 真相：CSS 不是真正的编程 每隔几个月就会出现一篇文章表明：CSS并不是真正的编程语言。以编程语言的标准来说，CSS过于困难。使用这门语言会很有创造性： 人们对CSS有一些强烈的情愫。 — Dave Rupert (@davatron5000) 来自于：pic.twitter.com/dDspAM8i2F 事实确实如此…
-
前端图像处理指南 计算机图像处理是一门很成熟的技术，任何一门可操作系统接口的语言都能很轻易的实现各种处理操作。但是前端限于浏览器环境和接口限制，处理起来会有诸多不便，这里所说的前端图像处理，是真的指不借助任何后端服务纯前端实现的图像处理。本文会介绍canvas位图处理，SVG矢
-
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…
-
前端程序员的必备工具清单（MacOS） 前言 工欲善其事，必先利其器。一套完善的工具可以幫助我們事半功倍。而作為前端程序員的我，也是花了點時間為自己配置了一套工具。如果你也是使用 MacOS 作為你的開發系統的話，那麼你可以看一下這篇文章。 日常 Alfred 3
-
《CSS3 SVG实现可爱的动物哈士奇和狐狸动画》今天，我想向大家展示如何巧妙地使用HTML、CSS排序动画和SVG滤镜把生活中可能最可爱的东西之一——动物画到网页上。我们将探讨绘制动物的两种技术：一种使用纯HTML和CSS，另一种使用内联SVG背景图像。（by 码农网 – 小峰）
-
2017 年 10 月前端开发者超实用干货大合集 每月我们所更新的设计圈干货的产出，很大程度上依赖设计师、设计团队以及相关的开发团队的支撑。而为前端而准备的干货素材，则和相关的社区、开源项目的成长有着密切的关联。 在每个月的前端开发者合集当中，汇集了各种各样的应用程序，包括可以在不同的电脑上管理 Sketch 插件的工具，可用在网页设计中的不同字体…
-
JS设计模式-观察者模式 观察者（又称发布订阅）模式定义了对象间的一种一对多的依赖关系，以便一个对象的状态发生变化时，所有依赖于它的对象都得到通知并自动刷新。
-
JavaScript 中的各种编码解码函数 最近做的项目中，在给客户端发送的数据中有一个值为 url 链接的字段。 因为这个 url 中包含了个 json 字段的查询，有双引号，所以前端得将数据经过编码，发给客户端才不会出错。然后发现自己突然对这个操作有点生疏，索性在这里就总结下 JavaScript 中的那些编码解码问题。 let data = { something: ‘som…
-
像 JavaScript 一样思考 原文链接： https://davidwalsh.name/thinking-javascript 几天前我在一个专题讨论会讲 JavaScript，午饭时候一个学员跑来向我请教一个 JS 难题，而它确实把我给难住了。他保证说这个问题是偶然间遇到的，而我对此表示怀疑，因为这极有可能是一道有意而为之的烧脑题。 我得承认，最…
-
WebVR开发教程——交互事件之Cardboard与gaze Cardboard与gaze注视 Cardboard可以说是手机VR头显的元老了，狭义上指的是Google推出的一个带有双凸透镜的盒子，广义上则表示智能手机+盒子的VR体验平台。
-
手把手教你如何使用webpack 生成css sprites 前言 我们在开发网站的时候，通常会把常用的图标合并成css sprite(雪碧图)，可以有效的减少站点的http请求数量，从而提高网站性能。 下面让我们一起来学习一下如何使用 webpack 合并sprite图。 准备 webpack webpack-spritesmith 插件 file-loader sass-loader (因为 webpack-spritesmith…
-
修改 JavaScript 帧 听说 V8 有新变化？本文介绍的是 V8 从原来的内嵌类型反馈编码到使用简单数据结构存储的实践过程。
-
【翻译】React v16.0 官方博客升级指引 我们非常激动地宣布 React v16.0 发布了！这些变更包含了一些存在已久的特性，包括碎片（fragments），错误边界，portals，支持 自定义 DOM 属性，提升 以及减小库的大小。 新的渲染返回类型：碎片和字
-
generator-criket: 一个 Node.js 命令行项目脚手架 一看 generator-criket 这个名字,有经验的人就知道这是基于 yeoman 的. 至于为什么命名为 criket (蛐蛐)? 则是因为我正在看王世襄先生的<京华忆往>,里面有讲到百灵( Lark) 和蛐蛐( criket). Lark 已经被人用了, 有一个 Lark.js 以及对应的 generator-lark, 我就只能用蛐蛐了. 蛐蛐的用法很简单, 装好 yeoman(n…
-
《深入理解 ES6》阅读笔记：迭代器（Iterator）和生成器（Generator） 这一小节的内容，比较鼓舞的是终于可以在JS语言层面，能看见Iterator和Generator了。说到迭代器，也许你会有疑问，可以预期的，你能看到Generator的实现也是依赖迭代器。我所接触到的编程语言中，最早让我理解这个特性的是Python。迭代器是一种特殊的对象，它的设计有专门的接口（描述）来完成我们常说的迭代（循环）过…
-
每日一博 | 常见 JS 动画效果 在这里，我为大家提供几种常用的动画效果，虽然没有什么特别，不是很炫酷，但很常见也很便捷。 一、轮播图： 轮播图在网页中运用较广，经常使用于头部banner，使用于电商网站中，例如;淘宝、京东、天猫等购物平台都少不了。而轮播图有多种类型，这次就和大家说说其中的两款。轮播图的原理：点击上一张或下一张时，图…
-
JavaScript 骚操作 前言 如有错误，欢迎批评指正！ 技术无极限，唯一的限制是你的想象力！ 在JavaScript世界中，有些操作会让你无法理解，但是却无比优雅。比如下面这些： 5种方式实现值交换 下面几种方式都行 1. var temp = a; a = b; b = temp
-
高性能迷你React框架anujs1.1.2发布anujs1.1.2在兼容官方React比以往更进一步，一共跑通293套测试，其中179套是官方React的测试。 在ref机制，owner机制，虚拟DOM更新机制，context传递机制，SVG生成策略上大大重构。是有史以来最多的更新级。但工…
-
MongooseJS 4.11.14发布，MongoDB 连接包 MongooseJS 4.11.14 已发布，MongooseJS 是使用 JavaScript 编程，连接 MongoDB 数据库的软件包，使 MongoDB 的文档数据模型变的优雅起来，方便对 MongoDB 文档型数据库的连接和增删改查等常规数据操作。 更新内容： chore: add nsp check to the CI build #5679 hairyhenderson …
-
全面解析JS中的this机制 author @波比小金刚 如要转
-
《Node.js在CLI下的工程化体系实践》成都OSC源创会分享总结 背景: 随着开发团队规模不断发展壮大，在人员增加的同时也带来了协作成本的增加，业务项目越来越多，类型也各不相同。常见的类型有组件类、活动类、基于React+redux的业务项目、RN项目、Node.js项目等等。如果想要对每个项目进行一些规范的约束比如Git提
-
翻译 | 像 JavaScript 一样思考 原文链接： https://davidwalsh.name/thinking-javascript 几天前我在一个专题讨论会讲 JavaScript，午饭时候一个学员跑来向我请教一个 JS 难题，而它确实把我给难住了。他保证说这个问题是偶然间
-
Enzyme 3.1.0 发布，JavaScript 测试工具 Enzyme 3.1.0 已发布，Enzyme 来自 airbnb 公司，是一个用于 React 的 JavaScript 测试工具，方便你判断、操纵和历遍 React Components 输出。Enzyme 的 API 通过模仿 jQuery 的 API ，使得 DOM 操作和历遍很灵活、直观。Enzyme 兼容所有的主要测试运行器和判断库，文档和例子使用 mocha 和 chai。 更…
-
如何在 CSS 背景图片中对 SVG 图片进行着色 我们都知道如果把SVG嵌入到html中，可以使用fill来对SVG图片进行颜色填充；如果你使用css中的背景图片来引用SVG图片，那就无法使用fill来对SVG进行颜色填充。那还有其它的方法既要使用背景图片来引用SVG，又要改变它的颜色，这篇文章就来聊聊这个话
-
当 Web 前端架构方案遇上《金瓶梅》 首先声明，我不是标题党，你可以说我是老司机，但是这次绝对不会把你带沟里去，关于技术类的文章千篇一律，估计早就看烦了，不妨细细品味这篇文章，带你认识一个不一样的web前端世界，文章主要结合金瓶梅中的人物属性和web前端架构的模块划分关系，分享一个关于我对web前端架构的一点点别致的看法，如果能耐心的看完，对…
-
Element 2.0.0-alpha.1 发布，基于 Vue 2.0 的组件库 Element 2.0.0-alpha.1 已发布，Element 是饿了么开源的一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库，提供了配套设计资源，帮助你的网站快速成型。 更新内容： 新特性 综合 新增 theme-chalk 主题 增强以下组件的可访问性：Alert、AutoComplete、Breadcrumb、Button、Chec…
-
聊聊全站 HTTPS 带来的技术挑战 昨天写的文章里了讨论了数据传输的安全性的问题，最后一部分提到了通过HTTPS解决数据传输安全性的方案。那么一个新问题又来了，实施全站HTTPS的过程中，我们可能会遇到哪些技术问题？所以我今天和大家一起来算一下这个账，将技术成本理清楚。 准备工作 1.购买证书，网站使用HTTPS需要申请安全证书，…
-
Immutable.js v4.0.0-rc.3 发布，不可变数据集合 Immutable.js v4.0.0-rc.3 发布，不可变数据集合 达尔文 发布于2017年10月01日 收藏 0 腾讯云-1小时搭建人工智能应用，让技术更容易入门>>> Immutable.js 4.0.0-rc.3 发布了，Immutable 是 Facebook 开发的不可变数据集合。不可变数据一旦创建就不能被修改，使得应用…
-
《深入理解 ES6》阅读笔记：JavaScript 中的类 大部分面向对象的语言都支持类和类继承的特性 从ECMA1-ECMA5的版本都不支持类和类继承的特性，于是开发者们通过原型，构造函数等来模拟类和类继承特性，这里不在复述，如果你有兴趣的话，可以阅读一下红包书（JavaScript高级程序设计）中关于类，类继承这两章。ECMA6终于至少在语言层（依然是基于原型的语法糖…
-
Vuejs官方编码指南,快来看看你的代码符合多少最佳实践 Style Guide beta This is the official style guide for Vue-specific code. If you use Vue in a project, it’s a great reference t
-
JS中的算法与数据结构——集合(Set) 愉快的假期告一段落，继续我们的学习~ 集合(Set) 同数学中所学的一样，集合(Set)是由一组无序但彼此之间又有一定关系性的成员构成，每个成员在集合中只能出现一次，不同于我们之前
-
React特性精华 以下内容是我在学习和研究React时，对React的特性、重点和注意事项的提取、精练和总结，可以做为React特性的字典，方便大家查阅； 目录
-
ES6常用知识点概述 前言 国庆假期已过一半，来篇干货压压惊。 ES6，并不是一个新鲜的东西，ES7、ES8已经赶脚了。但是，东西不在于新，而在于总结。每个学前端的人，身边也必定有本阮老师的《ES6标准入门》或者翻译的《深入理解ECMAScript6》。本篇主要是对ES6的一些
前端日报栏目数据来自码农头条，每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等，为开发者提供动力，如果觉得内容对你有用，记得分享给你的小伙伴。进入码农头条查看更多
