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

5 分钟掌握 JavaScript 实用窍门；[译文] 现代 js 框架存在的根本原因；前端开发中js代码异常处理及监控；JS动态滑动切换到页面指定位置；babel-preset-env学习指南；码云推荐 | 基于 Vue.js 实现的 Material Design 组件库；JavaScript开发者的工具箱非常实用；JavaScript之Range–或许会有点用

5 分钟掌握 JavaScript 实用窍门简评：一开始 JavaScript 只是为网页增添一些实时动画效果，现在 JS 已经能做到前后端通吃了，而且还是年度流行语言。本文分享几则 JS 小窍门，可以让你事半功倍 ~ 1. 删除数组尾部元素一个简单方法就是改变数组的length值: const arr = ; // truncanting arr.length = 3;…
[译文] 现代 js 框架存在的根本原因原文链接：The deepest reason why modern JavaScript frameworks exist 众成翻译地址：现代 js 框架存在的根本原因(翻译一样是我翻译的，但它缺了几张图，因此掘金重新发了~) 精读《现代 js 框架存在的根
前端开发中js代码异常处理及监控前言其实，我在前端工作中，对错误异常处理做的比较少，因为我们知道，JavaScript 有基本的异常处理能力，前端开发过程中，很多错误js会直接抛出，但是这仅仅是表象的，有时候会因为环境不同，例如线下是好的，线上有问题，或者API等原因，造成js报错。针对这些报错，我们要及时捕获，才能不影响线上体验，减少损失！…
JS动态滑动切换到页面指定位置方法一：window.scroll 将页面动态划到指定的位置。浏览器：IE11以上 window.scroll({ top: 2500, left: 0, behavior: ‘smooth’ }); // Scroll certain amounts from current position window.scrollBy({ top: 100, // could be negative value left: 0, behavior: ‘smooth’ }); 方法二：…
babel-preset-env学习指南文章概览 babel-preset-env是非常重要且常用的一个插件预设，掌握它的用法以及实现原理非常有必要。本文主要内容包括：babel-preset-env是什么、入门实例、如何配置以支持特定版本的 node/浏览器、实现原理等。本文所有例子可以在笔者的github 找到。 babel-preset-env简介首先，介绍下历史背景，对了解…
码云推荐 | 基于 Vue.js 实现的 Material Design 组件库 Muse-UI Material Design UI library for Vuejs 2.0 Installation Muse-UI is available as an npm package npm install muse-ui -S yarn add muse-ui Usage import Vue from ‘vue’ import MuseUI from ‘muse-ui’ import ‘muse-ui/dist/muse-ui.css’ Vue.use(MuseUI) For more informatio…
JavaScript开发者的工具箱非常实用自从HTML5变得流行以来，整个Web平台取得了长足的进步，人们也开始将JavaScript视为一门能够创建复杂应用的语言。许多新的API纷纷浮现，而关于浏览器如何应用这些技术的文章也大量涌现。作为一门脚本语言，JavaScript最初创建的目的是用于增强web页面的表现能力，而现如今JavaScript几乎已经用在所有你能想到的地方了…
JavaScript之Range–或许会有点用 Range是JavaScript的内置对象，一般来讲用到的地方不是很多，主要是一些交互性比较强的场景可能会用到，比如高亮标注，用不到还好说，如果用到了查资料确实也是比较少的，所以这里总结一下笔记，不会太深入。需要注意的是这里很多方法都属于实验性功能，所以
使用 DataFrame 读取复杂 JSON 中的嵌套数组（Spark）所周知，在早期Spark版本中就已经支持读取Json格式的数据文件，并能够直接转换为数据库表，以方便我们进行处理数据，在本篇文章中我们将介绍如何通过Spark API很简单地读取Json数据，并进一步讲解，读取复杂Json中的嵌套数组。本次使用的各个组件版本设定如下： Spark： 2.1.0 Scala 2.1…
通过生成内容和CSS网格布局为空单元格添加样式新手在使用网格布局时常见的一个问题是：如何对一个不包含任何内容的单元格添加样式。在当前的Level 1规范中还无法做到，因为无法选定空单元格或网格区域并对其添加样式。也就是说，想要设置样式必须插入一个元素。本文我将会介绍如何使用CSS生成内容为空单元
Webpack + ES6 最新环境搭建与配置