20180421 前端开发日报

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

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

    全球最大同性交友网站 GitHub 10 岁了
  28. Redux-Saga 实用指北 本文适合对Redux有一定了解,或者重度失眠患者阅读! 前言 需求说的比较简单:利用Redux-Saga,向 GitHub 获取Redux作者 Dan Abramov 的数据,渲染页面;但是,在异步获取GitHub数据的时候,可以点击取消按钮/或者请求时间超

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

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

原文:20180421 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20180421.html)