20191202 前端开发日报

在前端 Word 还能这样玩;React & Vue的组件通信;拥抱云时代的前端开发架构:微前端;Vue.js 无限滚动列表性能优化方案;在 JavaScript 中使用 Array.flat() 扁平化数组;javascript之深度学习;打算写一个《重学Node.js》系列,希望大家多多支持;celty:c站出品微前端框架

  1. 在前端 Word 还能这样玩前阵子听到公司运营的小姐姐们在抱怨,说在富文本编辑器中发布包含图片的 Word 文档时,图片和文本内容不能一起复制,每次她们都得分开处理,对于包含较多图片的 Word 时,她们处理起来很抓狂。目前她们所使用后...
  2. React & Vue的组件通信 组件之间的通信是面试中极为常见的问题,也是在实际工作中会经常遇到的问题,所以今天来总结一下关于组件通信方面的知识点。 父子组件通信 父 -> 子 Vue props: 父组件向子组件传递数据,同时可以限制传递数据的类型。 ref: 父组件访问子组件的实例,可以调用子组件的属性和方法。 React props: 父组...
  3. 拥抱云时代的前端开发架构:微前端 “首先必须明确微前端不是框架、不是工具/库,而是一套架构体系,它包括若干库、工具、中心化治理平台以及相关配套设施。”
  4. Vue.js 无限滚动列表性能优化方案 大家都知道,web 页面修改 DOM 是开销较大的操作,相比其他操作要慢很多。这是为什么呢?因为每次 DOM 修改,浏览器往往需要重新计算元素布局,再重新渲染。也就是所谓的重排(reflow)和重绘(repaint)。尤其是在页面包含大量元素和复杂布局的情况下,性能会受到影响。那对用户有什么实际的影响呢? 一个常见的场景...
  5. javascript之深度学习 以下是关于深度学习之javascript系列的目录,原书来自于 livebook.manning.com/book/deep-l… ,我将周期性不定时进行中文翻译本的加载,对 machine learning with javascript 有兴趣的天使们可以关注我,咱们一起学习并讨论,让我们共同来探寻智能与前端连接点,帮助前端迈进智能化时代~ 1.简介篇:深度学习和javasc...
  6. Node.js在控制台彩色输出的方法及原理 本文首发于本人博客 Node.js在控制台彩色输出的方法及原理 ,欢迎大家访问:kissing_heart: 我们都知道,在nodejs环境下使用普通的 console.log , console.error , console.info 输出都是不会有颜色的,如果你不知道,那你现在知道啦:smirk:。在这种情况下,如果我们需要彩色输出,则通常通过 chalk 这个node模块来实...
  7. 分享 GitHub 上有趣、入门的开源项目:《HelloGitHub》第 44 期 兴趣是最好的老师,HelloGitHub 就是帮你找到兴趣! 简介 分享 GitHub 上有趣、入门级的开源项目。 这是一个面向编程新手、热爱编程、对开源社区感兴趣 人群的月刊,月刊的内容包括:各种编程语言的项目、让生活变得更美好的工具、书籍、学习笔记、教程等,这些开源项目大多都是...
  8. Go 号称几行代码开启一个 HTTP Server,底层都做了什么? 点击上方蓝色“Go语言中文网”关注我们,领全套Go资料,每天学习 Go 语言 前言 对于Golang来说,实现一个简单的http server非常容易,只需要短短几行代码。同时有了协程的加持,Go实现的http server能够取得非常优秀的性能。这篇文章将会对go标准库net/http实现http服务的原理进行较为深...
  9. 深入理解JavaScript之执行上下文和变量对象 继续接着上篇文章,上篇我们说到函数上下文的结构可表示为 const ExecutionContextObj = { VO: window, // 变量对象 ScopeChain: {}, // 作用域链 this: window }; 复制代码 即每个函数上下文,都要有这三个重要属性: 变量对象(Variable object, VO) 作用域链(Scope chain) this 今天再细...
  10. 性能让你的 React 组件跑得再快一点 性能和渲染(Render)正相关 React 基于虚拟 DOM 和高效 Diff 算法的完美配合,实现了对 DOM 最小粒度的更新。大多数情况下,React 对 DOM 的渲染效率足以我们的业务日常。但在个别复杂业务场景下,性能问题依然会困扰我们。此时需要采取一些措施来提升运行性能,其很重要的一个方向,就是避免不必要的渲染(Ren...
  11. 复用 JavaScript 测试用例 本文主要讲述在增加测试用例有效性的同时,降低测试用例的开发成本。 原文链接: Reusing JavaScript Tests 大多数人都觉得写测试用例实在是太难了~ :triumph: 首先思考一下我们为什么会需要测试用例呢? 代码定义了一组执行特定操作的指令。下面这个函数被视为执行定义明确的数学运算: y = a + b...
  12. JavaScript 是怎么工作的:内存管理及怎么处理四种常见的内存泄露 几个星期前,我们开始了一个系列,旨在更深入地研究 JavaScript 及其实际工作原理:我们认为,通过了解 JavaScript 的构建块以及它们如何协同工作,您将能够编写更好的代码和应用程序。 本系列的第一篇文章重点介绍了 引擎、运行时和调用堆栈的概述 。第二篇文章仔细研究了谷歌的 V8 JavaScript 引擎的内部部分 ,也提...
  13. webpack-chain 重新构建你的 webpack 应用 刚入驻掘金,不懂掘金的审核机制是什么,发表了文章两天连个标签都进不去,也没有地方找人查明原因。只能再发一篇了~ 开篇 很多人都或多或少使用过 webpack,但是很少有人能够系统的学习 webpack 配置,遇到错误的时候就会一脸懵,不知道从哪查起?性能优化时也不知道能做什么,网上的优化教程是不是符合自己的项目...
  14. (译)JavaScript的工作原理:事件循环和异步编程的兴起 + 5 种 async/await 更好的编码方式 欢迎阅读该系列文章的第4部分,该文章专门探讨JavaScript及其构建组件。 在识别和描述核心元素的过程中,我们还共享一些在构建 SessionStack 时使用的经验法则, SessionStack 是一个 JavaScript 应用程序,必须强大且高性能确保竞争力。 您是否错过了前三章? 您可以在这里找到它们: An overview of the eng...
  15. 了解JS数组的常用方法 数组是一种线性表数据结构。它用一组连续的内存空间,来存储一组具有相同类型的数据。 上图可以看出,数组的存储方式为连续的内存空间,那么几句可以通过下面的方式, a _address = base_address + i * data_type_size 复制代码 实现高效的数组随机访问。中间操作就没那么高效了,因为要在中间的位置...
  16. 使用 TS 声明文件+JSDoc 对 es 项目提供智能提示 背景:最近做的内部使用的管理系统,使用 ES6 构建,之前一直使用 typescript 构建项目,感觉到写声明文件真的很烦很浪费时间。这次使用 es6 构建项目,发现效率更低,没有智能提示浪费的时间比写声明文件的多了好几倍。 VS Code 对 JavaScript 项目的支持 VS Code 编辑器通过 jsconfig.js(ts 项目是 tsconfig.js...
  17. 深入浅出 JavaScript 原型链 追求进步的同学都关注了 “ 1024译站 ” 这是1024译站的第 32 篇文章  了解原型链继承的概念 这篇文章,我们来学习一下 JavaScript 原型链。我们将了解对象之间是怎么关联的,以及如何实现对象之间的继承关系。 1 目标 作为开发人员,我们写代码的主要任务就是操作数据。我们获取数据...
  18. 通过Node.js实现MongoDB的数据库复制转移我需要把原来的 MongoDB 数据完整拷贝到新服务器上,查了一下实现方式蛮多的,但我觉得都不如写个 node 脚本来实现自由方便,这个方式也应该没有跨版本不兼容的坑,至少我从3.4升级到4.2是没问题的脚本依赖 mongo...
  19. angular异步验证防抖爬坑记本周的一个需求是在一个异步验证上加上防抖,防抖,以前也接触过,依稀记得不难,就没再去看angluar的官方文档,直接就开始google写了,然后……一不小心就掉坑里了。
  20. 我和前端的猿粪,了解一下我眼中的前端 作为一个自学前端的靓仔(小白),最开始在我的世界中是没有前端这个概念的,相当长一段时间内,我一直把前端称之为「做网站」,是不是有点飘? 1、我眼中的前端 点进来了这篇文章,应该会对前端稍微有那么一点点了解。 高大上一点说: 我所见,我所得,皆为前端 ;大白话: 嗯,就是“做网站”的 。至于专业...

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

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

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

发表评论

请登录后发表评论: