20200219 前端开发日报

React 进阶(六):react-redux 的使用;前端算法题目解析(一);可视化搭建数据大屏系统的前端实现;React Hooks 究竟有多慢?;127个常用的JS代码片段,每段代码花30秒就能看懂(一);nodejs — path 模块;JavaScript核心概念-执行上下文;【技术圈】Chrome 80 稳定版发布| Node.js 安全漏洞修复

  1. React 进阶(六):react-redux 的使用 虽互不曾谋面,但希望能和你成为笔尖下的朋友 以读书,技术,生活为主,偶尔撒点鸡汤 不作,不敷衍,意在真诚吐露,用心分享 点击左上方,可关注本刊 撰文 | 川川 VX-ID:suibichuanji 点击文末左下方阅读原文,可看视频内容 ...
  2. 前端算法题目解析(一)前几天逛 github 的时候看到一些前端的算法题,自己做了一遍发现还挺有意思的,因此整理了一下收录 daily-question 的 algorithm 文件夹中,后续会继续增加,本文分享我整理的十个算法题目。
  3. 可视化搭建数据大屏系统的前端实现随着公司业务的发展,经常会收到一些数据大屏的需求。目前我司有两种实现方案,一是人肉搭建,二是用阿里云 DataV 搭建。
  4. React Hooks 究竟有多慢? 自从 Hooks 诞生以来,官方就有考虑到了性能的问题。添加了各种方法优化性能,比如 memo、hooks deps、lazy initilize 等。而且在官方 FAQ 中也有讲到,Function 组件每次创建闭包函数的速度是非常快的,而且随着未来引擎的优化,这个时间进一步缩短,所以我们这里根本不需要担心函数闭包的问题。 当然这一点也通...
  5. 127个常用的JS代码片段,每段代码花30秒就能看懂(一) JavaScript 是目前最流行的编程语言之一,正如大多数人所说:“如果你想学一门编程语言,请学JavaScript。” FreeCodeCamp的创始人 Quincy Larson 在最近的一次采访中被问到哪种语言开发人员应该首先学习。他回答:“ JavaScript。”: “软件正在吞噬世界,JavaScript正在吞噬软件。JavaScript每年都在变得越来越占主导...
  6. nodejs — path 模块 path 模块是 nodejs 中用于处理文件/目录路径的一个内置模块,可以看作是一个工具箱,提供诸多方法供我们使用,当然都是和路径处理有关的。同时在前端开发中 path 模块出现的频率也是比较高的,比如配置 webpack 的时候等。本文是对该模块中一些常用的方法进行介绍,走,一起学习下吧。 需要注意下,nodejs 中所有的...
  7. 【技术圈】Chrome 80 稳定版发布| Node.js 安全漏洞修复 速览 Chrome 80 稳定版发布 Node.js 13.6-13.8 发布 Firefox 73 正式发布 TypeScript 3.8 RC 发布 Angular 9.0.0 版本发布 Chrome 81 开始支持 Text fragments 功能 Chrome 80 稳定版发布 cookie 策略调整、静默通知机制和进一步强化 HTTPS 的普及; Chrome 80 稳...
  8. Unicode In JavaScript 作者: 嵇智 最近在学习 babylon 的词法解析,发现了一段很有趣的代码,百思不得其解。 // this.input 输入的字符串 // this.state.pos 当前解析字符串的索引 fullCharCodeAtPos() { const code = this.input.charCodeAt(this.state.pos); if (code <= 0xd7ff || code >= 0xe000) return code; cons...
  9. 用React hooks实现TDD由于篇幅所限文章中并没有给出demo的所有代码,大家如果有兴趣可以将代码clone到本地从commit来看整个demo的TDD过程,配合文章来看会比较清晰。本文涉及的所有代码地址: teobler/TDD-with-React-hooks-demo
  10. LeetCode 79.单词搜索 - JavaScript 题目描述:给定一个二维网格和一个单词,找出该单词是否存在于网格中。 单词必须按照字母顺序,通过相邻的单元格内的字母构成,其中“相邻”单元格是那些水平相邻或垂直相邻的单元格。同一个单元格内的字母不允许被重复使用。 例子: board = , , ] 给...
  11. 前端算法题目解析(二)虽然疫情还是严峻,但总会过去。在此居家办公之际,应该趁这个时机好好提升下自我,多读书多看报,少吃零食多运动哈哈。
  12. 为Angular打造的优秀甘特图方案 【51CTO.com快译】在本文中,我们将向您介绍三个不同的可用于创建甘特图应用程序的Angular组件(相关概念请参见: https://dzone.com/articles/what-is-a-gantt-chart-how-and-when-to-use-a-gantt )。放心,我们并不会在此过于讨论技术细节,而是会从基本功能和配套文档的角度,和您探讨这些图表的实际用途,以及如何通...
  13. Vue中fragment.js使用方法详解createDocumentFragment 如果要在一个节点上一次性插入多个元素怎么办,比如说一次插入 10000 个节点? 最简单粗暴的方式就是: var parent = document.getElementById(`'parent'`); for`(`var i = 0; i < 100...
  14. Git 高级用法小抄 作者 : Maxence Poutord 原文: New Frontend 网站 如果你觉得 git 很迷惑人,那么这份小抄正是为你准备的!请注意我有意跳过了git commit、git pull/push之类的基本命令,这份小抄的主题是 git 的一些「高级」用法。 导航 —...
  15. nuxt.js实现服务端渲染ssr (一)(环境配置、 多环境开发、进程守护、服务端镜像) nuxt.js是一个基于 Vue.js 的轻量级应用框架,可用来创建服务端渲染 (SSR) 应用,也可充当静态站点引擎生成静态站点应用——nuxt官网 根据自己在这上方面一条路走到黑,摸滚带爬的踩坑经验,接下来我将从以下几个方面给各位接触到或者未来接触到这方面知识的码友进行全方位的讲解和剖析。 背景 nuxt框架的概述...
  16. 为何每次 Git Commit 要尽可能小? 原文:https://medium.com/better-programming/why-you-should-write-small-git-commits-c9a042737aa6 大部分与软件工程或程序开发有关的人都应该熟悉 Git 等版本控制系统。 通常,你会阶段性的作出改变、编写一段 commit message,然后将改变推送到仓库中。以下是一个例子: git add ....
  17. 剑指offer - 打印从 1 到最大的 n 位数 - JavaScript 输入数字 n,按顺序打印出从 1 到最大的 n 位十进制数。比如输入 3,则打印出 1、2、3 一直到最大的 3 位数 999。 例如: 输入: n = 1 输出: 题目分析 我印象中看第一版书的时候,这题的考察点是需要用字符串处理大数。但是仔细看这题给的 JavaScript 模版,函数返回的类型是 number[] ,所...
  18. 重磅 | GitHub 正式开源命令行工具 GitHub CLI 免费加入「头条君的圈子」 项目介绍 GitHub 发布命令列工具 (Beta) 测试版,官方表示,GitHub CLI 提供了一种简单无缝的 GitHub 使用方法。 用户可以在 macOS、Windows 和 Linux 上安装 GitHub CLI,官方会依据使用者的意见反馈,在之后版本添加更多功能。 GitHub 地址 ...
  19. Mosh的Node.js教程(五) 前言 本系列文章是根据 Mosh 大佬的视频教程 全方位Node开发 - Mosh 整理而成,个人觉得视频非常不错,所以计划边学习边整理成文章方便后期回顾。该视频教程是英文的,但是有中文字幕,感谢 marking1212 提供的中文字幕翻译。 本篇文章大纲 查看包的注册信息 安装特定版本的包 升级本地包 开发用依...
  20. 你应该知道的13个有用的JavaScript数组技巧 数组是Javascript最常见的概念之一,它为我们提供了处理数据的许多可能性。您可以在编程开始之初就了解它,在本文中,我想向您展示一些您可能不知道并且可能非常有用的技巧。有助于编码!让我们开始吧。 1. 数组去重 这是一个非常流行的关于Javascript数组的采访问题,数组去重。这里有一个快速简单的解决方案,可以使...
  21. React16源码解析React16源码解析 git仓库地址:[链接] 目录结构 ├──packages(带注释的React16.8源码来源yck) ├── src(模拟实现React15) │ ├── index.js │ ├── react │ │ ├── component.js │ │ ├── createElement.js │ │ ├── en...
  22. 一个弟弟关于jQuery的记录 前提:jQuery是一套跨浏览器,多功能,可扩展的JavaScript库。jQuery受欢迎主要是因为有一下这些特色: (1)强大的兼容处理,消除了浏览器之间的差异 (2)简洁的链式语法,结合函数式编程技巧就能用少量的代码完成一系列的功能 (3)元素操作法多样化,可对文档中的元素进行查找,读写属性,控制样式,注册事件...

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

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

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