20200111 前端开发日报

5个提升你JS编码水平的实例;V8 8.0 JavaScript 引擎降低堆内存 40%,添加语言特性 Optional Chaining 和 Null Coalescing;“云”端的语雀:用 JavaScript 全栈打造商业级应用;【重学Node.js 第1&2篇】本地搭建Node环境并起RESTful Api服务;关于微前端你必须了解的三种实现方式;前端基础回顾之手写题;vuex Getters基本用法;Vue3体验卡~

  1. 5个提升你JS编码水平的实例 作者:陈大鱼头 github: KRISACHAN 虽然 2020 的今天,各种前端框架、工具林立,而这些框架跟工具也帮我们提前解决了不少麻烦的问题,但是工具始终是工具,扎实的基本功才是最核心的,现在一起来通过几个实际的代码片段来提高我们原生 JS 的编码水平。 判断数据类型 首先来提问一个: typeof 是否能正确…
  2. V8 8.0 JavaScript 引擎降低堆内存 40%,添加语言特性 Optional Chaining 和 Null Coalescing Google 最新发布了 V8 JavaScript 引擎 V8 8.0 ,其中使用压缩指针(pointer compression)技术,在不影响性能的情况下实现堆内存占用降低了 40%。此外,V8 8.0 添加了支持“可选链”(optional chaining)的操作符 ?. ,以及支持“空合并”( nullish coalescence )的双问号操作符 ?? 。V8 v8.0 将正式提供在 Chrome 80…
  3. 【重学Node.js 第1&2篇】本地搭建Node环境并起RESTful Api服务 课程介绍看这里: juejin.im/post/5df25c… 项目github地址: github.com/hellozhangr… 说明:本想分两章讲环境搭建和起api服务,但操作下来确实过于简单。但考虑到整个系列的完整性也不能不讲,那就把这两篇合二为一吧 本地搭建Node环境 开发环境主要是指Node、MongoDB。本人是用的mac电脑,所以本地…
  4. 关于微前端你必须了解的三种实现方式 微前端的概念最早由 thoughtworks 在 2016 年提出。其核心思路是借鉴后端微服务架构理念,将一个单体的庞大的前端应用拆分为多个简单独立的前端工程。每个前端工程可以独立开发、测试、部署。最终再由一个容器应用,将拆分后的微前端工程组合为一个整体,面向用户提供服务。 微前端的架构方式所带来的好处也…
  5. 前端基础回顾之手写题 前言 本文还是依然针对前端重点基础知识点进行整体回顾系列的一篇,目标是帮助自己理解避免死记硬背。 下面针对new、Object.create、call、apply、new、bind 等基础API,从用法到原理实现过一遍,期望看完之后大家实现时不是死记硬背而是根据理解记忆推导。 基础准备 在探究上述内容原理之前,可以将上述API分…
  6. vuex Getters基本用法vuex基础参考[链接]一.什么是getters?vuex中的getters用于对state中存储的数据进行过滤操作。比如等级:假设1代表初级,2代表中级,3代表高级。在state中存储level值为1或2或3.想在页面中获取对应等级就需要进行…
  7. Vue3体验卡~ 前言 vue咱们都知道现在用的最多的是2.x,但是众所周知在今年的上半年,至少作者是这么说的 所以很多东西也都还没确定百分百是这样的,很有可能有改动,这个到时候再说 本章讲的内容基本都是根据Vue 官方 RFC来写的,因为这里面的消息还相对可信 与vue 2.x的区别以及个人观感 vue3给我的感觉有点像 vue2+mobx+ts…
  8. 前端Tips#3 – 简写的 border-radius 100% 和 50% 是等效的border-radius 这个 css 属性大家应该使用得非常娴熟,现实中用到的场景基本都是四个圆角一致的情况。
  9. 堡垒机的核心武器:WebSSH 录像实现 WebSSH终端录像的实现终于来了 前边写了两篇文章『Asciinema:你的所有操作都将被录制』和『Asciinema文章勘误及Web端使用介绍』深入介绍了终端录制工具Asciinema,我们已经可以实现在终端下对操作过程的录制,那么在WebSSH中的操作该如何记录并提供后续的回放审计呢? 一种方式是『Asciinema:你…
  10. 如何准备20K+的大厂前端面试 程序员的简历不用太花哨,markdown即可,但是一定要突出自己的技术亮点,简历就像是你和心仪妹子约会介绍自己一样,小时候拿过三好学生就别说了 就像你面试高级前端,就不要写会html+css了,也别写会vuejs写todolist了 公司 公司在天眼查,知乎,脉脉上搜一下即可 ,看一下高管,工作氛围等即可 面试题 其实我很…
  11. 熟练掌握JS console.log,拯救你的代码 来源:Pexels JS Console ——Filipe Fortes 大多数的开发人员喜欢在浏览器中输出信息以更多地了解问题。笔者应该不是唯一一个这样做的。 在浏览器控制台中输出信息对开发人员来说就像一次拯救行动。在代码调试中遇到种种疑难杂症时,Console.log()就像灵丹妙药。 其实,除了最常用的Console.log()语句,还…
  12. React Native 性能优化指南【全网最全,值得收藏】2020 年谈 React Native,在日新月异的前端圈,可能算比较另类了。文章动笔之前我也犹豫过,但是想到写技术文章又不是赶时髦,啥新潮写啥,所以还是动笔写了这篇 React Native 性能优化的文章。
  13. 【重学Node.js 第4篇】实现一个简易爬虫&启动定时任务 目前 node.js 爬虫工具比较火的有 node-crawler puppeteer 。不过我目前没打算用这些,因为至少现在我们的项目还用不到。只要能发送请求、解析dom我们就能自己实现一个爬虫。所以我选择了axios + cheerio来自己写爬虫。 获取博客园的推荐文章 首先我们用 axios + cheerio 来获取博客园的首页编辑推荐文章,并解析…
  14. 用 Web 实现一个简易的音频编辑器市面上,音频编辑软件非常多,比如 cubase、sonar 等等。虽然它们功能强大,但是在 Web 上的应用却显得心有余而力不足。因为 Web 应用的大多数资源都是存放在网络服务器中的,用 cubase 这些软件,首先要把音频文…
  15. React vs Angular vs Vue.js – 到底怎么选择? Javascript框架的开发速度非常快,这意味着今天我们经常更新Angular、React和另一个参与者Vue.js的版本。 我们分析了全球需要特定框架知识的开放职位数量。作为消息来源,我们采用Indeed.com并根据超过60,000个工作机会获得以下分配。 考虑到以下数据,我们决定分享每个前端框架的主要优点和缺点,并帮助技术专业人…
  16. JavaScript 中的调节器:提高应用程序的性能调节器是浏览器中通过限制代码要处理的事件数量来提高性能的常用技术。当你想以受控的速率执行回调时,应该使用调节器,它允许你在每个固定的时间间隔内重复处理过渡状态。
  17. 看完这几道 JavaScript 面试题,让你与考官对答如流(上)点赞再看,养成习惯本文 GitHub [链接] 上已经收录,更多往期高赞文章的分类,也整理了很多我的文档,和教程资料。欢迎Star和完善,大家面试可以参照考点复习,希望我们一起有点东西。
  18. 【思否编程公开课】限时免费 迎接Vue 3.0思否编程打造全新公开课系列,邀请大神级讲师分享技术干货,快来围观看直播~ 主题 迎接Vue 3.0 内容介绍: Vue 3.0的新变化 开发团队的设计思路(为什么会有这些变化) 我们应该怎么准备 讲师介绍: 翟路佳讲师:…
  19. 东拼西凑完成一个“前端框架”(4) – Tabs页 在完成了侧边栏后,后台的基础架子已经基本出来了;下面是来加入Tab页面,正在纠结于Tab页面是否用现成的轮子比 如 LayUI 想一想还是撸起袖子直接干一个 Tabs 实现原理 Title 列表 头部标题部分,用于显示Tab页的标题和打开状态 Content 内容 用于放置Tab的内容,显示当前选中的内容 上代…
  20. 前端优化总结 前段时间简单的研究了下前端优化相关的知识,本文算是一个阶段性的总结,或者当做一个优化的参考List。 前言 前端是庞大的,包括HTML、CSS、Javascript、Image、Flash等等各种各样的资源。前端优化是复杂的,针对方方面面的资源都有不同的方式。那么,前端优化的目的是什么? 1. 从用户角度而言,优化能够让页面加…
  21. TypeScript基础看腻了?进阶实现智能类型推导的的简化版Vuex,手把手带你实现 上一篇讲TypeScript的文章中,我带来了在React中的一些小实践 React + TypeScript + Hook 带你手把手打造类型安全的应用。 这篇文章我决定更进一步,直接用TypeScript实现一个类型安全的简易版的Vuex。 这篇文章适合谁: 已经学习TypeScript基础,需要一点进阶玩法的你。 自己喜欢写一些开源的小工具…

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

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


关注我

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

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

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