20170402 前端开发日报-前端开发博客

从use strict看JS（一）：this与箭头函数；SASS安装和WebStorm的配置；Async/Await 替代 Promise 的 6 个理由；浅析前端页面渲染机制；JavaScript 高程第四章变量、作用域与内存问题；CSS Flexbox学习笔记；用纯客户端JavaScript来写一个有趣的爬虫；继续探索JS中的Iterator，兼谈与Observable的对比

从use strict看JS（一）：this与箭头函数上github看原文：点一下系列一日，见“use strict”，冥想许久…… 这是这个系列第一篇文章，后几篇还没写出来。 use strict use strict指js的严格模式，还没了解的看这里：Javascript 严格模式详解 use strict有3…
SASS安装和WebStorm的配置注意：mac上自带ruby环境一般不用安装安装SASS 1.安装rvm {代码…} 安装完成后执行脚本让rvm生效 {代码…} 查看rvm版本出现版本号则安装成功 {代码…} 2.用rvm安装ruby {代码…} 安装完后查看下gem版本 {代…
Async/Await 替代 Promise 的 6 个理由译者按: Node.js的异步编程方式有效提高了应用性能；然而回调地狱却让人望而生畏，Promise让我们告别回调函数，写出更优雅的异步代码；在实践过程中，却发现Promise并不完美；技术进步是无止境的，这时，我们有了Async/Await。原文: 6 Reasons Why JavaScript’s Async/Await Blows Promises Away 译者: Fundebug…
浅析前端页面渲染机制作为一个前端开发，最常见的运行环境应该是浏览器吧，为了更好的通过浏览器把优秀的产品带给用户，也为了更好的发展自己的前端职业之路，有必要了解从我们在浏览器地址栏输入网址到看到页面这期间浏览器是如何进行工作的,进而了解如何更好的优化实践，本篇主要围绕这两点展开阐述。前端页面渲染机制可谓是老生常谈，但又…
JavaScript 高程第四章变量、作用域与内存问题本文记录了我在学习前端上的笔记，方便以后的复习和巩固。 4.1基本类型和引用类型的值 ECMAScript变量可能包含两种不同数据类型的值：基本类型值和引用类型值。基本类型指的是简单的数据段，而引用类型值指那些可…
CSS Flexbox学习笔记本文记录了我在学习前端上的笔记，方便以后的复习和巩固。开始使用Flex {代码…} 在父元素中的显式的设置display:flex或者display:inline-flex {代码…} 效果如下图: 默认情况下，div在css中是垂直的，如下图:…
用纯客户端JavaScript来写一个有趣的爬虫拿JavaScript写爬虫，听起来就很有趣对不对？爬虫，大多人对于爬虫的理解都停留在使用后端语言如Python写的爬虫。但是实际上，使用客户端JavaScript有诸多后端爬虫所无法拥有的优势：可以方便的分享给其他人用…
继续探索JS中的Iterator，兼谈与Observable的对比继续探索JS中的Iterator，兼谈与Observable的对比
JavaScript中Async/Await优于Promise的6个原因使用promise来解决回调地狱是一个可行的方法，但是promise似乎也不是最完美的，是时候拥抱async/await了
原来你是这样的 Vue 一个新手司机眼里的 Vue —— 由劉凯里分享
JavaScript 高程第三章基本概念本文记录了我在学习前端上的笔记，方便以后的复习和巩固。 3.1.4 严格模式严格模式是JavaScript定义了一种不同的解析和执行模型。在严格模式下ECMAScript3中的一些不确定行为将得到处理，而且对某些不安全的操作…
Vue Cli 创建的 Vue 2.0 项目改造成可以同时运行 Weex 环境下如题 —— 由icepy分享
一个新手司机眼里的 Vue 先说一句题外话，对于 Vue 的探索和应用我只服 ElemeFE 基础软件工程学代码风格基本功 Vue.js 官方文档 ES6 Vue 三大特性数据的双向绑定通过数据绑定连接 View 和 Model，让数据的变化自动映射为视图的更新。
构建自己的 Web Weekly 构建自己的 Web Weekly —— 由eplover分享
原生JS中 forEach 和 Map 区别最近看到关于数组遍历的东西，顺便总结一下 forEach() 和 map() 遍历数组方法的区别。这两个方法都是 ES5 中新增的，当然说到新增方法，不能不提它们的兼容性：IE 9+，哈哈……又是 IE。
如何将 HTML5 性能发挥到极致 HTML5作为新兴领域越来越热。然而在移动设备硬件性能弱于PC的背景下，对性能的需求显得更为重要，而HTML5性能优化前与优化后有着极大的差别，如何优化才能提高性能，对此熟知的人很少。本文以LayaAir引擎为例，通过代码示例详细阐述如何利用引擎对HTML5作出性能的极致优化。主题包括：代码执行基本原理基准测试 …
《从一道坑人的面试题说函数式编程》一道著名的坑人题，可能一些同学见过：[‘2’, ‘3’, ‘4’].map(parseInt);说出上面代码的执行结果。（by 十年踪迹）
【14款优秀的JavaScript调试工具大盘点】JavaScript是一种非常简单的语言，一般说来任何人都可以在几小时内掌握它的基本知识。（来自：码农网）