Handle javascript data structures with map/reduce 看完本文，希望可以写出更加漂亮、简洁、函数式的代码? reduce reduce 可以用来汇总数据 {代码...} 把一个对象数组变成一个以数组中各个对象的 id 为属性名，对象本身为属性值的对象。haoduoshipin {代码...} map map 可以理解为是数组的转换器，依次对数组中的每个...

你可能会疑问不使用if有什么好处？额~，可能也没啥很明显的好处，就是换种思考方式来解决问题。if-else并没有错，但在某些情况下大量的if-else可能会降低代码可读性。下面会列举一些实例带你感受其中的奥妙。

JavaScript — Null vs. Undefined 初学者往往搞不清楚null和undefined的区别，本文深入剖析null和undefined的异同。 null是啥？ 关于null有两点需要掌握： null是一个空值 null是被赋值来的 下面是个 Demo, 我们给 a 变量赋值为 null: {代码...} undefined是啥？ undefined通常表示一个变量单单被声明过，但是没有初始化...

7 Hacks for ES6 Developers Hack #1 交换元素 利用数组解构来实现值的互换 {代码...} Hack #2 调试 我们经常使用console.log()来进行调试，试试console.table()也无妨。 {代码...} Hack #3 单条语句 ES6时代，操作数组的语句将会更加的紧凑 {代码...} Hack #4 数组拼接 展开运算符可以取代concat的地位了 {代码...} Hac...

display: grid;或display: inline-grid;或display: subgrid;。grid 和 inline-grid 很好理解就是块级网格及行内块级网格。subgrid 是用来定义子网格，子网格会继承父网格的一系列规格。

Grid，真的布局神器。Css在引入Flex布局和Grid布局两个模块后，才真正有了布局的概念。最初的table布局不知道是神马鬼，再到 float 满天飞，可能还要使用abosulte来实现页面的布局。总之，实现起来特别别扭，要时刻注意：我这么写会不会塌陷，会不会给后面的元素造成影响，尼玛为啥还串位了。笔者斗胆的称这些实现为布局...

本文涉及内容如下： flexbox的基本概念、容器属性学习、项目属性学习、实战演练。 flexbox 堪称布局神器，但属性实在太多让人无从下手，因此将自己所学的知识做个总结。

众所周知，Vue 是基于组件来构建 web 应用的。组件将模块和组合发挥到了极致。Vue 是虽说吸取了 AngularJs 的 MVVM的思想，但是它是单向数据流的，也就是说子组件无法直接改变父组件状态。下面总结出常用的组件消息传递的方式。

我刚学 WEEX 的时候，环境就搭建了好久，大家若也遇到了一些坑可以去 weex-toolkit 的 github上提 issue。这个也是我遇到困难的解决方案。那么就让我们来实现第一个 weex 程序吧。

如果你只想试试 weex 的语法写个 hello world 啥的， 在dotWe线编辑器上玩玩就够了。如果你想更深入的学习， 显然是需要搭建本地开发环境的。本小结内容：安装官方脚手架weex-toolkit、下载Weex Playground、解决浏览器跨域问题。

通过使用有限的类HTML标签、阉割的CSS及JS基于VUE语法来快速构建原生应用。一次编写多端运行，可以使用相同的 API 开发 Web，Android 和 iOS 应用。

然而，有些元素需要被挂载在更高层级的位置。最典型的应用场景：当父组件具有overflow: hidden或者z-index的样式设置时，组件有可能被其他元素遮挡，这个时候你就可以考虑要不要使用Portal使组件的挂载脱离父组件。例如：对话框，tooltip。

关于异步处理，ES5的回调使我们陷入地狱，ES6的Promise使我们脱离魔障，终于、ES7的async-await带我们走向光明。今天就来学习一下 async-await。

ES6为我们提供了模板字符串，语法使用反引号`。模板字符串具有以下三个优点： 多行文本 字符串中插入变量 字符串中插入表达式 基本语法 模板字符串和 ES5的字符串的声明一样。 {代码...} 多行文本 在Jquery 盛行的年代，我们经常会拼接 html 片段再进行节点替换。写一段 ES5的代码大家体会一下： {代码...} ES6支持多行...

ECMAScript6使得声明对象字面量更加简单，提供了属性简写和方法简写功能，属性名计算的新特性。 {代码...} 如果可以理解上述三个新特性，可以不必往下阅读。下面的文字仅提供给还有疑问的朋友。 属性简写 在 ES5及以前的版本中，对象字面量只支持键值对集合。实际业务中，对象字面量的初始化会有一定的代码重复。 {代码....

ES5之前javascript语言只有函数作用域和全局作用域，使用var来声明变量，var声明的变量还存在变量提升使人困惑不已。我们先来复习一下ES5的var声明，再对比学习let和const 。

ES6的 Promise 是个啥哩？，是个承诺。为了解决 js 回调地狱。Promise 给我的体会是: 开始云里雾里，然后越用越好用。今天才明白承诺是什么意思？比如我自己的承诺，如果减肥成功就买个iphone,如果减肥失败就去死~,哈哈然而我并不会。

Destructuring解构是ES6很重要的一个部分。和箭头函数、let、const 同等地位，解构可能是你日常用到最多的语法之一了。解构是什么意思呢？它是js 表达式，允许我们从数组、对象、map、set 中抽取数据同时为多个变量赋值。

最近要实现前端性能探测，可是对于一个刚入职场的我来说前端性能是个啥，我还是个只追求页面展示效果的娃儿~。为了可以顶下这个雷，特意买了高性能网站建设指南。这本书真的不错，强烈推荐看到本文的朋友看一下。

react 新特性 react16 Context 算法相关 图解排序算法(二)之希尔排序 微信小程序 微信小程序组件化的解决方案移动端尺寸基本知识 浏览器 前端必读：浏览器内部工作原理浏览器缓存原理解读浏览器加载css和js及dom解析之间的关系浏览器缓存 CSS学习 移动web开发布局入门sticky 布局学习CSS布局css3 grid学习css3 grid学习0...