20180701 前端开发日报

再谈 Vue2 组件库开发;Vue-router 源码:前端路由;Vue CLI 3 配置中 Modern mode 是什么;html2canvas的踩坑之路;react 之 state 对象;JavaScript异步调用的发展历程;或许你并不需要 Rust 和 WASM 来提升 JS 的执行效率 — 第二部分;Call Me By Your Name – node.js的小美好

  1. 再谈 Vue2 组件库开发 导读:本文是 Vue 2.0 组件库开发系列文章第二篇。继第一篇《漫谈Vue 2组件库》后,再来聊一聊基于 webpack 脚手架开发一个 Vue 2.0 移动端 UI 组件库的经验与思考。 前文再续,书接上回。话说 Vue 组件库开发那些事儿。 我们的 Vue 组件库开发经验主要来自于 NutUI 组件库的开发实践,这是我们从...
  2. vue-router 源码:前端路由 在学习 vue-router 的代码之前,先来简单了解一下前端路由。 前端路由主要有两种实现方法: Hash 路由 History 路由 先来看看这两种方法的实现原理。 接着我们将用它们来简单实现一个自己的前端路由。 前端路由 Hash 路由 url 的 hash 是以 # 开头,原本是用来作为锚点,从而定位到页面的特定...
  3. Vue CLI 3 配置中 Modern mode 是什么 最近特别关注 vue-cli 3 的更新情况,有很多特别棒的新功能和特性,比如基于 UI 界面的项目管理器(参数配置、数据查看、插件安装一体的界面工具)、可配置的输出构建类型(App、库、组件、异步组件)、构建模式 Modern mode 等等。下面我们重点关注下 Modern mode 是什么,如何实现的。 目录 Modern m...
  4. html2canvas的踩坑之路 前言 早有耳闻这个html2canvas比较坑,但无奈于产品需求的压迫,必须实现html转图片的功能,自此走上了填坑之路,好在最后的效果还算令人满意,这才没有误了产品上线周期. html2canvas介绍 html2canvas的详细介绍可以点击这里查看,其实
  5. react 之 state 对象 首先,在 react 中,通过类来构建 react 组件时,可以在类的构造函数 constructor 中可以使用 react 的属性 state,属性 state 是一个对象,在对象中可以定义组件需要的属性和属性值,比如下面的例子: import React
  6. JavaScript异步调用的发展历程 同步与异步 通常,代码是由上而下依次执行的。如果有多个任务,就必须排队,前一个任务完成,后一个任务才能执行。这种连续的执行模式就叫做同步。 a(); b(); c(); 上面代码中,a、b、c是三个不同的函数,每个函数都是一个不相关的任务。在同步模式会先执行 a 任务,再执行 b 任务,最后执行 c 任务。当b...
  7. 或许你并不需要 Rust 和 WASM 来提升 JS 的执行效率 — 第二部分 原文地址:Maybe you don't need Rust and WASM to speed up your JS — Part 2 原文作者:Vyacheslav Egorov 译文出自:掘金翻译计划 本文永久链接:github.com/xitu/gol
  8. Call Me By Your Name - node.js的小美好 node的出现,真是让用惯js的前端工程师遇见了爱情,进而大踏步的走向了后端,尽管有时候会被质疑,不被理解。那又有什么关系。 本文是《一站到底 ---前端基础之网络》 代码的整理。但也是一篇独立的node零基础学习笔记。 首先你需要安装node环境。大家自己去
  9. 【JSConf EU 2018】WebAssembly 的手工艺术 在今年欧洲的JSConf上Emil Bay进行了一场题为《Hand-Crafting WebAssembly》的演讲。Emil表示:“现在已经有很多关于WebAssembly(WASM)的演讲。遗憾的是,大多数演讲是关于如何把高级语言编译成wasm的,他们把wasm当成一个半透明的盒子。WebAssembly是一门有趣的语言,你可以用它写出性能低于C的代码”。在这此的演讲中,E...
  10. React v16.4.0:你可能并不需要派生状态(Derived State) 很长一段时间,componentWillReceiveProps生命周期是在不进行额外render的前提下,响应props中的改变并更新state的唯一方式。在16.3版本中,我们介绍了一个新的替代生命周期getDerivedStateFromProps去更安
  11. ECMAScript Decorators---装饰器 ECMAScript Decorators---装饰器 Decorators是什么 Decorators可以改变类方法和类实例字段的属性和行为,使我们可以灵活地使用更简单的语法动态实现这些内容,是非侵入式的。---举例,你给手机添加一个外壳罢了,并不影响手机
  12. HTML5.2新标签 —— dialog HTML5.2新标签 —— dialog 原文地址 前言 继HTML5新增了诸多新的标签之后,HTML5.2又引入了几个现代标签,其中就包括<dialog>标签。 下面跟大家一块学习一下这个标签。 举个栗子
  13. 我所知道的Promise what Promise? A promise represents the eventual result of an asynchronous operation. How Use? The primary way of interacting with a promise is through its then method, which registers callbacks to receive either a promise's eventual value or the reason why the promise cannot be fulfilled. ...
  14. Promise之你看得懂的Promise Promise源码详解 学习知识要善于思考,思考,再思考。 —— 爱因斯坦 1.回调地狱 曾几何时,我们的代码是这样的,为了拿到回调的结果,不得不callback hell,这种环环相扣的代码可以说是相当恶心了 let fs = require('fs')
  15. 状态管理库 MobX 和 react MobX 是一个独立的组件,可以配合各种框架使用,由于项目中需要使用 react & MobX。下面来详细了解一下 State 是每一个应用程序的核心部分,而使用一个不合规范的 State 则是让你的应用充满 bug 和失控的不二法门,或者就是局部变量环绕,让你的 state 失去了同步。有很多框架试图解决这个问题,比...
  16. vue observer 源码学习 一、版本:2.5.9 二、建议       vue最重要的应该就是响应式更新了,刚开始接触vue或多或少都能从官方文档或者其他地方知道vue响应式更新依赖于Object.defineProperty(
  17. 前端测试:Part II (单元测试) 我们在Part1里已经说过,但与那测试就是测试单元的代码,不管这些单元是函数、模块还是类。多数人认为测试应该以单测为主,但我不这么认为,如果你同意也没有问题。我会一遍一遍又一遍地在这一系列文章中强调,你怎测试都行,只要你写了足够多的测试,让你对你的上线有信心就行。 不管你写多少单测,单测确实是最好写...
  18. 探索 JS 中的模块化原文链接: http://yanjiie.me
  19. Node.js 写的可以在浏览器中使用的 xlsx 解析/生成器 Excel XLSX parser/generator written in JavaScript with Node.js and browser support, jQuery/d3-style method chaining, encryption, a
  20. 很实用的进度条插件ProgressBar.js ProgressBar.js配置参数详解 1,介绍 它是响应式的创建SVG元素的一个插件。不要慌,不懂SVG也没有关系,插件的使用,主要是对配置参数的理解。 这是ProgressBar.js的网站,有动效的展示(我截的静态的图。。。),在如下图所示,右击
  21. D3.js 之 d3-selection 原理 在前一篇文章中, 我介绍了关于 D3 selection 的基础, 这些基础足以让你开始使用 D3 selection. 在这篇文章中, 我将介绍 d3-selection 的实现原理. 本文可能需要更长的时间来阅读, 但它能揭开 selection 的原理 并让你能真正掌握数据驱动文本的思想(D3的思想) 本文会介绍 selection 内部的工作原理而不是 selection ...
  22. 详解 JS 中 new 调用函数原理JavaScript 中经常使用构造函数创建对象(通过 new 操作符调用一个函数),那在使用 new 调用一个函数的时候到底发生了什么?先看几个例子,再解释背后发生了什么。
  23. 一站到底 ---前端基础之网络 网络相关的知识是每个前端工程师都应该具备的。很多从事前端的朋友们都没系统学习过计算机网络和http相关内容。在没有建立一个整体的知识体系下,会有一种一站到底答题的感觉,每个知识点都大致知道问题的答案,但总不确定,更不知道具体是怎么回事。本文系统的梳理了与前端密
  24. Python 与 JavaScript 语法差异点 随着人工智能技术的普及,越来越多的前端程序员开始关注相关技术。Python 作为人工智能领域最常用的语言,与前端程序员日常使用的语言 JavaScript 同属脚本语言,且在两者发展过程中,社区也多有相互借鉴之处,因此有很多相似。一个熟悉 JavaScript
  25. 使用Vue踩过的坑  如何解决在vue中替换图片、一个使用base64,而我们使用zepto之后,src找不到资源,因为已经打包了,难道强行写base64。 1. 引入文件时语法很重要! import "FooterMenu" from '@compon

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

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

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