20200220 前端开发日报

您可能不知道的原生 JavaScript 方法;[推荐] Angular 9.0 发布Ivy 正式抵达;在React应用程序中用RegEx测试密码强度;类型安全的 React + MobX 路由器;React 中获取数据的 3 种方法及它们的优缺点;[秃破前端面试] —— HTML5;Vue从js迁移到ts;大前端之路-js正则看这一篇就够了

  1. 您可能不知道的原生 JavaScript 方法 自从 ES6 发布以来,许多新的、方便的原生方法被添加到 JavaScript 的新标准中。 但是,我还是在 GitHub 的仓库中看到了许多旧代码。当然,这并不是说它们不好,而是说如果使用我下面介绍的这些特性,代码将变得更具可读性、更美观。 Number.isNaN 对比 isNaN NaN 是 number 类型。 typeof NaN === ‘number’ …
  2. [推荐] Angular 9.0 发布Ivy 正式抵达 翻译自:https://blog.angular.io/version-9-of-angular-now-available-project-ivy-has-arrived-23c97b63cfa3 翻译版原始链接:Angular 9 现已推出 – Ivy 已抵达! 版权声明:本文章遵循 CC-BY 协议(署名、共享、演绎),您可以在保持署名的前提下自由转载,而不必联系我,也不必支付报酬。 P.S. Ang…
  3. 在React应用程序中用RegEx测试密码强度尽管一些组织认为应该由用户选择健壮的用户名和密码来保护自己,但是开发人员可以通过将规则包含在程序的设计中来帮助进行良好的密码选择。例如,开发人员可以通过加入进度条、百分比或颜色,来帮助用户在输入密…
  4. 类型安全的 React + MobX 路由器 路由器是前端生态中非常常用,通常非常成熟的一个组成部分。于是为“什么还要造这么一个轮子”成了必须要回答的灵魂拷问。最初驱使我去做这件事情的大致是以下几个原因: 常见的 React Router 方案没有中心化的路由状态,不方便在组件外与全局状态/服务集成。有时还需要自行、多次处理查询参数,写出来的代码有冗余…
  5. React 中获取数据的 3 种方法及它们的优缺点点赞再看,养成习惯本文 GitHub [链接] 上已经收录,更多往期高赞文章的分类,也整理了很多我的文档,和教程资料。欢迎Star和完善,大家面试可以参照考点复习,希望我们一起有点东西。
  6. [秃破前端面试] —— HTML5 年前年后跳槽季,准备从面试内容入手看看前端相关知识点,旨在探究一个系列知识点,能力范围之内的深入探究一下。重在实践,针对初级前端和准备面试的同学,争取附上实际的代码例子以及相关试题~系列名字就用【秃破前端面试】—— 因为圈内大家共识,技术与发量成正比。:smile:希望大家早日 秃 破瓶颈 关于面试题或者…
  7. Vue从js迁移到tsTypescript正广泛成为前端工程师开发项目的首选,我手头上有一些使用js编写Vue项目,最近准备使用ts重写。项目中单单是页面的数量就超过100个,更不用提组件的数量,如果对这么多Vue文件进行一一重写的话,工程量…
  8. JavaScript核心概念-变量对象 本文接着前文所讲的执行上下文的概念,变量是和执行上下文息息相关的。本文还补充了上文没有讲完的执行上下文的一些内容,因为这些内容跟变量对象是有关的,所以放在这篇文章更容易理解。 变量对象(variable object)的定义 既然说执行上下文与变量是有关系的,那么执行上下文应该要知道变量存放在哪里和怎样获取变…
  9. package.json从入门到跑路 前端在入门的时候,第一个了解的东西,就是 package.json 文件,这个文件伴随着所有的前端开发,生生不息。 那么问题来了,我们是否有仔细的深入了解过这个文件,看透外表,深入里层呢? 1. 字段详解 1.1 name 定义: name 在一个非分发(上传至npm库)项目中,仅仅作为项目名称使用。而如果作为一个模块、插件、…
  10. 从 React 切换到 Vue.js React 和 Vue 的关系有点像可口可乐和百事可乐,你在 React 中做的很多事情都可以在 Vue 中完成。当然这里也存在一些重要的概念差异,其中一些反映了 Angular 对 Vue 的影响。 我将在本文中重点介绍两者的差异部分,帮助你快速入门 Vue 并立刻提高生产力。 React 和 Vue 之间有多少区别? React 和 Vue 的相似之处…
  11. 一次 Node.js http 连接池无法复用的问题排查 一次压测中阿里云 SLB 的并发连接数被打满了,导致服务之间的 HTTP 调用延迟很大。当时 SLB 的并发连接数情况如下图所示。 登录容器终端查看,发现某个前端 Node.js 服务中的单个容器的 ESTABLISH 状态的连接数达到 2 万多个,几十个容器直接把连接数占满了。 通过 tcpdump 抓包发现了如下的情况: …
  12. 一个前端工作经历(前端面试指导)- 2016年10月1日 北京 由于从事微信从商失败(总结原因:个人不适合这样的方式),开始到北京。从小性格腼腆,不喜欢和外人打交道。刚开始只是想来北京来旅游,然后就住在青年旅舍。 1.思考未来方向 2.锻炼自己和人沟通 复制代码 2016年12月1日 北京 2个月的休闲时光,感觉还是很愉快的。去后海逛逛,去玩过卡丁车,和…
  13. 剑指offer – 删除链表节点 – JavaScript 题目描述:给定单向链表的头指针和一个要删除的节点的值,定义一个函数删除该节点。返回删除后的链表的头节点。 示例: 输入: head = , val = 5 输出: 解释: 给定你链表中值为 5 的第二个节点,那么在调用了你的函数之后,该链表应变为 4 -> 1 -> 9. 题目分析 LeetCode 上和书本原题有区别…
  14. 原创干货:前端单元测试Jest零基础入门教学写在开头: 单元测试对于很多人比较模式,它是一种推动开发,或者提高产品质量的手段, 我画一张图,大家就能理解 其实单元测试,就是先编写单元测试代码,然后使用单元测试框架,去模拟环境(例如浏览器),然后…
  15. 功能更强的 JSBox 2.0 来了,开发者谈了谈为什么选择「订阅更新制」 经过大半年时间的开发工作,我们近期上线了 JSBox 2.0,又经过两周时间完成了一些优化和修复,现在是时候向大家介绍这个里程碑版本了。 我们在 2.0 版本里面主要做了两件事情: 支持 Node.js 改变了付费模式 这篇文章将详细介绍这两件事情给我们和用户带来的影响。 Node.js 运行时 了解 JSBox 的朋…
  16. JS实战–会动的简历 <script src="main.js"></script> yarn global add parcel@1.12.3 parcel src/index.html 想让一个字可以变化 研究过程 <span id="demo"></span> let demo = document.querySelector(‘#demo’) //通过css选择器找到demo demo.innerHTML=1 //设置demo里的内容为1 …
  17. 一段代码帮你巩固JS事件循环 标题党了一点,但是不耽误你巩固事件循环的知识呀。注意是巩固,本文有几点易混的地方,不适合对事件循环一点都不懂的新手,不然看完可能就傻了。 再次警告:fire::fire::fire:: 看完你可能更糊涂,虽说这也达到了我的效果 代码 function test(){ console.log(0); setTimeout(function() { console.log(1)…

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

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


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流