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

致程序员：别无谓焦虑，快学习现代 JavaScript 生态体系；2018年，现代的前端开发者应该学习哪些东西？；DMap(谛听)——实战Vue百万条数据渲染表格组件开发；CSS如何实现内凹角效果；Rough.js — 基于 Canvas 轻量级的手绘风格图形库；VsCode中使用Emmet神器快速编写HTML代码；我的美团前端校招面试了解一下 | 掘金技术征文；原生JS 操作 DOM

致程序员：别无谓焦虑，快学习现代 JavaScript 生态体系原标题：致程序员：别无谓焦虑，快学习现代 JavaScript 生态体系编者按：JavaScript 是前端开发的统治性语言。但是这门语言的多变和生态体系之复杂让人又爱又恨，哪怕是接触了很久的人。作为开发者指南的撰写者，Flavio Copes 告诉你对待JavaScript的正确态度应该是什么样的。直到一个月前我甚至还没法克…
2018年，现代的前端开发者应该学习哪些东西？在文章开始之前，先简单的介绍一下我自己以及文中所提及的学习大纲。过去的5年里，我一直在做全栈开发，现担任tajawal的总工程师。因工作需要，我必须身兼多职。这不仅是我的爱好，也是我的工作职责之一。因此我可以密切地关注这一行业的发展趋势，并确保其他工程师也能紧跟趋势。在紧跟趋势这一问题上，我发现无论是初…
DMap(谛听)——实战Vue百万条数据渲染表格组件开发       近几个月在开发一个基于Vue的数据可视化分析辅助应用———DMap(谛听)，一套为数据分析师和数据科学家提供的基于位置大数据分析的工具，旨在提高数据分析效率，降低获取多数据并行分析成本，简
CSS如何实现内凹角效果如题：CSS 如何实现内凹角的效果？
Rough.js — 基于 Canvas 轻量级的手绘风格图形库 Rough.js 是一个轻量级的（大约8k），基于 Canvas 的可以绘制出粗略的手绘风格的图形库。该库提供绘制线条、曲线、弧线、多边形、圆形和椭圆的基础能力，同时支持绘制 SVG 路径。 Usage const rc = rough.canvas(document.getElementById(‘canvas’)); rc.rectangle(10, 10, 200, 200); // x, y, width, h…
VsCode中使用Emmet神器快速编写HTML代码 VsCode中使用Emmet神器快速编写HTML代码  出处：http://www.cnblogs.com/summit7ca/  转载: http://www.cnblogs.com/summit7ca/p/6944215.
我的美团前端校招面试了解一下 | 掘金技术征文首先介绍一下本人：18年应届生，普通二本，学习能力一般，技术能力更是一般，前端小白，但是在努力学习中。从17年秋招开始我便向美团投了简历，也参加了在线笔试，但是输的很惨淡，笔试没过后，来继续在武汉找了家小公司实习。春招开启之际，我尝试过投了斗鱼（没有获得面
原生JS 操作 DOM 前端开发始终绕不过的就是操作DOM，在以前，我们使用Jquery，zepto等库来操作DOM，之后在vue，Angular，React等框架出现后，我们通过操作数据来控制DOM（绝大多数时候），越来越少的去直接操作DOM，更不用说用原生的JS来操作DOM了。但是并不是所有时候都一定要引入这些库，对于基础的JS操作DOM的一些方法，还是要有些…
从Promise到Event Loop（二）在上一章我们提出了一个promise和setTimeout回调执行顺序的疑问，并且一起研究了promise-polyfill的源码实现。然而，最初的问题还是没有得到解答，同时引出了更多的关于异步时序的思考，为了真正解决这个问题，我们必须深入理解一些js实现底层
JavaScript 是如何工作的：渲染引擎以及优化建议原文：How JavaScript works: the rendering engine and tips to optimize its performance 译者：neal1991 welcome to star my articles-translator , providing you advanced articles translation. Any suggestion, please issue or contact me LICENSE: MIT 这是专门探索 J…
面向Vue新人：写一个简单的倒计时按钮在项目开发里，我们经常会遇到发送验证码、点击了之后有60秒倒计时的按钮，很常见却也很简单，但是在写这个按钮的时候有个别地方还要注意下，今天写出来，如有问题欢迎指正！完成的效果如下：为了更快显示出效果，我把时间设成了5秒。按钮在点击之后会出现倒计时，同时
vue写excel add-in 项目需求有空就尝试使用vue去构建一个excel addin 微软太坑爹了,只给了ng react jquery的教程文档会尝试中英文双语的使用Vue来构建一个Excel add-in 在这篇文章，你可以看到是如何使用Vue和Excel的JavaScript API来构建一个Excel add-in的需要安装Vue-cli npm install –global vue-cli …
驳《我不是很懂 Node.js 社区的 DRY 文化》今天在群里有人讨论方老师的文章《我不是很懂 Node.js 社区的 DRY 文化》，我也看了一遍，槽点太多，不知道如何下笔。方老师分析了几个依赖最多的 npm 包，每个都只有不到百行代码。比如 is-odd，每周下载 300 …
vue-cli 3.0 特性速读原文链接最近的开发项目中使用了vue-cli 3.0，使用体验可以说非常棒了，模板更加制定化，配置更加简洁。以下总结下应用过程中的一些经验。新建项目 # 安装 npm install -g @vue/cli # 新建项目 vue create my-pr
利用nodejs写一个自动生成vue组件文件的cli 作者：小白君欢迎访问个人github仓库转载请标明出处引言自从入了vue的坑后，对vue的热爱犹如滔滔江水，一发不可收拾（哈哈哈哈，骚比一下）。公司开发，编写组件基本上都用伟大的vue，虽然目前在公司主要从事移动端app开发，虽说vue官网有推荐v
Webpack 4和单页应用入门先说说为什么要写这篇文章, 最初的原因是组里的小朋友们看了webpack文档后, 表情都是这样的: 摘自webpack一篇文档的评论区) 和这样的: 是的, 即使是外国佬也在吐槽这文档不是人能看的. 回想起当年自己啃webpack文档的血与泪的往事, 觉得有必要整一个教程, 可以让大家看完后愉悦地搭建起一个web…
面向Vue新人：用Vue写一个分页器之前一直想要自己试着实现一个分页器，但是一直拖，今天写完，大概照着网易云音乐的样子来完成。这个小例子很简单，通过这个小例子，可以学习到Vue计算属性的使用，并了解到写分页器需要区分的情况。这篇文章会慢慢从头来实现这个小例子，相信你一定会学会，而且看完了我的思路
vue中点击空白处隐藏div的实现（用指令优雅的实现）简单想应该怎么实现？ 1、肯定是给document增加一个click事件监听 2、当发生click事件的时候判断是否点击的当前对象结合着本思路和指令咱们来实现。简单介绍vue指令一个指令定义对象可以提供如下几个钩子函数 (均为可选)： bind ：只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化…
webpack 知识梳理 webpack 是什么？我们为什么要用它？首先贴出官方解释：本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(depend
vue实践06-项目实践项目采用Webpack+Vue-router的架构方式,在命令行中，进入项目目录，使用npm install 安装package.json里项目的依赖包。如果你网速较慢的话，可以使用淘宝镜像的cnpm来进行安装。查看是否安装正确。在命令行中输入 npm run dev ，如果能在浏览器中正常打开页面，说明安装正确。 mkdir myPos cd myPos vue init webpack…
JavaScript 5/30：Flex Panel Gallery即FLEX布局的图片库 JavaScript30 为Wes Bos推出的一项为期30天的挑战，旨在帮助人们用纯JavaScript来实现效果，初学者若想在JS方面快速精进，不妨一试。本题为第五题。实现效果点击任意一张图片，图片放大X倍，同时图片上下两方飞入文字，再点击已经展开的
Webpack基本架构浅析文章webpack版本为3.6.0 前言随着掌握的前端基础知识越来越多，对技术的要求逐渐不满足于实现即可，技术到了瓶颈期，自己也曾尝试写过一些开源库，不过很少有满意的作品，通常没迭代几个版本就没有耐心继续维护了。通常是面临的情形是前期设计思路太过简单导致后
webpack 4 提取 CSS 等样式文件详细介绍 webpack 4 提取 CSS 文件的配置方法，带源码。
更加高效加载 WebAssembly 模块通过一步步修改 demo，带你学习如何更加高效地加载 WebAssembly 模块。
ES6之块级作用域欢迎访问个人站点作用域作用域指变量所作用的范围，在 Javascript 中有两种作用域：全局作用域函数作用域变量提升变量提升（Hoisting）被认为是， Javascript 中执行上下文（特别是创建和执行阶段）工作方式的一种认识。具体
JavaScript 4/30: 数组的 map, filter 和 reduce 用法 JavaScript30 为Wes Bos推出的一项为期30天的挑战，旨在帮助人们用纯JavaScript来实现效果，初学者若想在JS方面快速精进，不妨一试。现在你看到的是该系列总结的第一篇，不知何时能做完30题，就不在此信誓旦旦立flag了。本题为第四题。
【全球最大同性交友网站 GitHub 10 岁了！】2005年，Linux的缔造者Linus Torvalds对当时现有的代码托管工具效率不满意，便自己做了一个名叫Git的版本控制工具。Git它允许大量开发者同时为源代码贡献新代码，彼此间并不影响，最重要的在于它是开源的。详见
Redux-Saga 实用指北本文适合对Redux有一定了解，或者重度失眠患者阅读！前言需求说的比较简单：利用Redux-Saga，向 GitHub 获取Redux作者 Dan Abramov 的数据，渲染页面；但是，在异步获取GitHub数据的时候，可以点击取消按钮/或者请求时间超