20180604 前端开发日报

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

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

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多

原创文章:20180604 前端开发日报 ,未经许可,禁止转载,©版权所有
原文出处:前端开发博客 (http://caibaojian.com/fe-daily-20180604.html)