20171022 前端开发周报-前端开发博客

精读《css-in-js 杀鸡用牛刀》；JS原型之吸星大法；Js 中的模块化是如何达成的；前端每周清单第 35 期：Vue.js 2.5 发布、微前端概念详解、浏览器扩展开发实践；JS中如何进行对象的深拷贝；前端高性能计算之四：GPU 加速计算；Vue 2.5 发布了；【WebVR教程翻译】超简单用A-frame快速打造你的VR网站

精读《css-in-js 杀鸡用牛刀》本期精读的文章是：css-in-js 杀鸡用牛刀 1 引言继精读《请停止 css-in-js 的行为》这篇文章之后，我们又读了一篇抵制 css-in-js 的文章，虽然大部分观点都有道理，但部分存在可商榷之处，让我们分析一下这篇文章，了解 css 还做了哪些努力，以及 css-in-js 会如何发展。 2 内容概要 …
JS原型之吸星大法 @波比小金刚如果觉得不错请扔个star过来。
Js 中的模块化是如何达成的由于 Js 起初定位的原因（刚开始没想到会应用在过于复杂的场景），所以它本身并没有提供模块系统，随着应用的复杂化，模块化成为了一个必须解决的问题。本着菲麦深入原理的原则，很有必要来揭开模块化的面纱一、模块化需要解决的问题要对一个东西进行深入的剖析，有必要
前端每周清单第 35 期：Vue.js 2.5 发布、微前端概念详解、浏览器扩展开发实践前端每周清单第 35 期：Vue.js 2.5 发布、微前端概念详解、浏览器扩展开发实践作者：王下邀月熊编辑：徐川前端每周清单专注前端领域内容，以对外文资料的搜集为主，帮助开发者了解一周前端热点；分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰
JS中如何进行对象的深拷贝在JS中，一般的=号传递的都是对象/数组的引用，并没有真正地拷贝一个对象，那如何进行对象的深度拷贝呢？如果你对此也有疑问，这篇文章或许能够帮助到你一、对象引用、浅层拷贝与深层拷贝的区别 js的对象引用传递理解起来很简单，参考如下代码： var a = {na
前端高性能计算之四：GPU 加速计算人工智能是最近两年绝对的热点，而这次人工智能的复兴，有一个很重要的原因就是计算能力的提升，主要依赖于GPU。去年Nvidia的股价飙升了几倍，市面上好点的GPU一般都买不到，因为全被做深度学习以及挖比特币的人买光了。 GPU，全称Graphics Processing Unit，即图像处理器，早期主要用于显示图像使用。因为图…
Vue 2.5 发布了原文：Vue 2.5 released 译者：neal1991 welcome to star my articles-translator , providing you advanced articles translation. Any suggestion, please issue or contact me LICENSE: MIT 我们很高兴宣布 Vu…
【WebVR教程翻译】超简单用A-frame快速打造你的VR网站原文地址：Building a Simple Web VR UI with A-frame作者：paul christophe译者：大田 A-frame是由thr
iMap | 一款基于 Electron 和 Vue 的跨平台旅行地图生成器项目地址：https://huangxizhou.com/project/iMap 技术栈 Vue.js
前端工程师必备十大网站再不点蓝字关注，机会就要飞走了哦
《JavaScript 面试必须知道的 10 个概念》面试中最常被问到的十个 JavaScript 概念，这些概念最能体现面试者对 js 的理解。（叙帝利译）
Vue v2.5 调整和更新不完全详解近日，Vue v2.5 发布，除了对 TypeScript 的更好的支持外，还有一些功能和语法的调整，你需要了解。本文，不谈 TypeScript，只对一些主要的调整进行说明，更多详细更新内容，请参考 V2.5 Release。阅读全文约4分钟。
Napa.js 简介本文介绍 Napa.js 的核心概念，带领大家探索 Napa.js 是如何运转起来的。关于它的由来和开发初衷，可以阅读这篇文章简介 Zone Zone 是 Napa.js 中的核心概念，它是执行 JavaScript 代码的基本单元，所有涉及多线程相关的内
重温 Webpack, Babel 和 React开始之前在书写文章之前，我假设大家已经有了 JavaScript，Node 包管理工具，Linux 终端操作这些基本技能，接下来，我将一步一步指引大家从头搭建一个 React 项目最终实现的效果我们将使用 Webpack 和 Babel …
#前端开发那些事#【基于 Gulp 的多页面应用实践指南】详见：http://www.jianshu.com/p/35571124770f Gulp.js实践详解__基于Gulp的多页面应用实践指南在文中，作者分享了多页应用开发中用到的一些解决方案与实践方法，以及如何用 Gulp 来解决工作流程等问题。（作者：AlienZHOU）
AJAX原理与CORS跨域ajax作为前端开发必需的基础能力之一，你可能会使用它，但并不一定懂得其原理，以及更深入的服务器通信相关的知识。在最近两天的整理过程中，看了大量的文章，发现自己的后端能力已经限制自己在网络通信相关的知…
#前端开发那些事#【细说 Web API 中的 Blob】详见：细说Web API中的Blob 本篇文章将为你介绍 Web 开发中 Blob 的基本用法与使用场景，逐步带你了解 Blob 的那些事。（作者：苍山沭河）分享Web前端相关的技术文章、工具资源、学习心得以及笔记。小编会在12小时内审核通过，并与大家分享精选文章。小狮也会在微博【IT程序狮】上，推荐大家的文章。欢迎Web开发者们踊跃投稿哦。
全栈 React + GraphQL 教程 Part 1——前端：使用 Apollo 声明式地请求和 mock 数据 GraphQL 是一种新的 API 定义和查询语言，有可能成为新的 REST。它使 UI 组件易于声明式地获取数据，而不必关注后端实现细节。GraphQL 作为一种强大
使用 webpack 优化资源前言在前端应用的优化中，对加载资源的大小控制极其的重要，大多数时候我们能做的是在打包编译的过程对资源进行大小控制、拆分与复用。本片文章中主要是基于 webpack 打包，以 React、vue 等生态开发的单页面应用来举例说明如何从 webp
你们要的 Node.js 服务器开源了前言之前曾说过要开源一个我自己编写的 Node.js 服务器由于公司太忙一直没有兑现，今天总算得空整理下代码并托管至 Github 有兴趣的可移步至： NodeJsServer 背景去年我和我一个朋友寻思一款产品（具体名字就不说了），他负责线下推广，我负责产品设计和开发，开发涉及到 Android及微信公众号开发，当然还有我不太…
基于 Electron 和 Vue 的旅行地图生成工具：iMap iMap 是一个基于 Electron 和 Vue 的旅行地图生成工具。它具备简洁、跨平台、智能提示坐标经纬等特点，帮助你打造专属于你的旅行地图。 iMap 是一个基于 Electron 和 Vue 的旅行地图生成工具。它具备简洁、跨平台、智能提示坐标经纬等特点，帮助你打造专属于你的旅行地图。
vue 指令基本使用大全指令解释：指令 (Directives) 是带有 v- 前缀的特殊属性作用：当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM 常用指令 v-text
为vue项目添加骨架屏为vue项目添加骨架屏为vue项目添加骨架屏前段时间阅读了饿了么的 PWA 升级实践一文，受益匪浅。其中构建时使用 Vue 预渲染骨架屏一节，为开发者提供了减少白屏时间，提升用户感知体验的新思路。本文将借鉴这一思路，尝试为
谈谈 PostCSS 前言现在的前端，javascript的发展有目共睹，框架林立。同时，html也是齐头并进，推出了HTML5标准，并且得到了普及。这样的发展却唯独少了一个角色？ CSS，就是这个看似不起眼的家伙，却在开发中发挥着和js一样重要的作用。css，是一种样式脚本，好像和编程语言有着一定的距离，我们可以将之理解为…
WebRender：让网页渲染如丝顺滑 Firefox Quantum 发布在即。它带来了许多性能改进，包括从 Servo 引入的的极速 CSS 引擎。但 Servo 中的很大一块技术尚未被 Firefox Quantum 引入，虽然已经为期不远。这就是WebRender，它是 Quant
我遇见的哪些 CSS 中有趣的尺寸、宽高原文链接： https://github.com/hangyangws/article/blob/master/src/css-width-about.md 写在前面目的：「攻巩固 CSS 知识，发现新的『桃花源』」受众群体：「web 前端开发者、爱好者」
Front-End-Checklist(前端清单) The Front-End Checklist is an exhaustive list of all elements you need to have / to test before launching your site / page HTML to The Front-End Checklist is an exhaustive list of all elements you need to have / to test before launching your site / page HTML to
JavaScript继承的几种方式 JavaScript继承本质和原型链有关原型、实例、构造函数、原型链之间的关系一、借助构造函数实现继承缺点：实例无法访问父类原型上的属性
从 JavaScript 到 TypeScript 1 系列随着应用的庞大，项目中 JavaScript 的代码也会越来越臃肿，这时候许多 JavaScript 的语言弊端就会愈发明显，而 TypeScript 的出现，就是着力于解决 JavaScript 语言天生的弱势：静态类型。前端开发 QQ 群：377786
#jQuery#【jQuery面向对象插件开发实例写法】jQuery面向对象开发的模式使我们的jQuery代码看起来思路清晰，不但有利于复用，甚至对程序的性能起到优化作用，一个好的面向对象写法能够帮助你快速入门jQuery插件开发。所以最…请戳→ #前端开发博客#