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