20200101 前端开发日报

开源服务器监控解决方案,基于 Spring Boot + bootstrap 开发,对标业内 Zabbix 等;2020 前端智能化趋势:TensorFlow.js 生态;JavaScript引擎可视化;JS 中为啥使用 JSON 来代替简单对象会更快?;React Hooks 底层解析;窥探原理:手写一个 JavaScript 打包器;前端工程化的一些设想;Javascript事件系统

  1. 开源服务器监控解决方案,基于 Spring Boot + bootstrap 开发,对标业内 Zabbix 等 README.md WGCLOUD-v2.1 核心模块包括:服务器集群监控,ES集群监控,CPU监控,内存监控,数据安全监控,服务心跳检测。 1.采用服务端和客户端协同工作方式,更轻量,更高效,可支持数百台服务器在线监控。 2.server端...
  2. 2020 前端智能化趋势:TensorFlow.js 生态 hi,大家好~我是shadow,一枚设计师/全栈工程师/算法研究员,目前主要研究方向是人工智能写作和人工智能设计,当然偶尔也会跨界到人工智能艺术及其他各种AI产品。 前端开发有哪些新的智能化趋势呢?今天重点整理tensorflow.js相关的内容。有非常多的基于tensorflow.js二次封装的js库,比如face-api.js、ml5.js等...
  3. JavaScript引擎可视化 JavaScript很酷,但是计算机如何才能理解我们编写的代码?作为JavaScript开发人员,我们不必自己处理编译器。但是,一定要了解JavaScript引擎的基础知识,看看它是如何将我们编写的代码转换为机器可以理解的东西的! 注意:这边文章主要是针对基于V8引擎的Node和Chromium 复制代码 HTML 解析器遇到 script 标签时,...
  4. JS 中为啥使用 JSON 来代替简单对象会更快? 什么是简单对象? 在 JavaScript 中,我们可以直接使用一对大括号来定义一个简单对象,比如: const obj = { foo: 'hello world', bar: { baz: , }, }; 复制代码 这产生了一个简单对象,并将其作为常量 obj 的值。这个简单对象包含了 foo 和 bar 两个字段,其中 foo ...
  5. React Hooks 底层解析 原文:https://medium.com/the-guild/under-the-hood-of-reacts-hooks-system-eb59638c9dba 对于 React 16.7 中新的 hooks 系统在社区中引起的骚动,我们都有所耳闻了。人们纷纷动手尝试,并为之兴奋不已。一想到 hooks 时它们似乎是某种魔法,React 以某种甚至不用暴露其实例(起码没有用到这个关...
  6. 窥探原理:手写一个 JavaScript 打包器 前言 之前好友希望能介绍一下 webapck 相关的内容,所以最近花费了两个多月的准备,终于完成了 webapck 系列,它包括一下几部分: webapck 系列一:手写一个 JavaScript 打包器 webpack 系列二:所有配置项 webpack 系列三:优化 90% 打...
  7. 前端工程化的一些设想 最近几年前端工程化这个事情随着模块化标准(曾经的事实标准 commonjs,今天的 ES Module)的落地和工具链的成熟,大家普遍都在采用一体化的策略来完成工程从构建到发布的过程。 以我在外网的一些观察,以及自己曾经参与过的 IDE 项目的经历,今天就斗胆说一说自己的设想。 ...
  8. Javascript事件系统 本文内容 事件基础 事件监听方式 事件默认行为 事件冒泡与事件捕获 事件绑定与事件委托 事件基础 注意:本文不会深入探究Javascript的事件循环。 提到事件,相信每位Javascript开发者都不会陌生,由于Javascript是先有实现,后有规范,因此,对于大部分人来说,事件模块可以说是比较模糊的,本文将从...
  9. 抓紧面试前的宝贵时间 快速搞定前端初级JavaScript面试 第1章 课程介绍【说说面试的那些事儿】 本章会出几个面试题,分析每道题目设计的知识点,然后总结出一个完整的知识体系。让我们开始 “题目->知识点->解题” 的快乐之旅吧。 第2章 JS基础-变量类型和计算【不会变量,别说你会JS】 本章介绍变量的类型和计算的知识点和题目,包括值类型和引用类型区别,类型判...
  10. 前端获取各种宽高window.innerHeight:浏览器内页面可用高度;此高度包含了水平滚动条的高度(若存在)。可表示为浏览器当前高度去除浏览器边框、工具条后的高度。
  11. 聊一聊 Node.js 错误处理 软件程序中, 我们可以将错误大致分为外部错误和内部错误两大类 。 外部错误是正确编写的程序在运行时产生的错误。它并不是程序本身的 bug,更多是一些外部原因导致的问题,比如请求超时、服务器返回 500、内存不足等。 而内部错误是程序里的 bug。比如传参类型错误、读取 undefined 的一个属性等。这类问题跟你选...
  12. 【动画演示】:JS 作用域链不在话下点赞再看,养成习惯本文 GitHub [链接] 上已经收录,更多往期高赞文章的分类,也整理了很多我的文档,和教程资料。欢迎Star和完善,大家面试可以参照考点复习,希望我们一起有点东西。
  13. JS 和 Node.js 中的“事件驱动”是什么意思?[每日前端夜话0x106] 每日前端夜话 0x106 每日前端夜话,陪你聊前端。 每天晚上18:00准时推送。 正文共:1841 字 预计阅读时间:7分钟 翻译: 疯狂的技术宅 作者:Valentino Gagliardi 来源:valentinog.com 事件驱动和发布-订阅 事件驱动架构是建立在软件开发中一种通用模式上的,这种模式...
  14. 使用 pkg 打包 ThinkJS 项目在 ThinkJS 的用户群里,经常有开发者提出需要对源码进行加密保护的需求。我们知道 JavaScript 是一门动态语言,不像其他静态语言可以编译成二进制包防止源码泄露。所以就出现了 pkg、nexe 之类的工具,支持将 JS...
  15. Webpack 的 Tree Shaking 用法 webpack 2.0 开始引入 tree shaking 技术,翻译过来的中文意思就是摇树,它可以在打包时忽略没有用到的代码。 疼!大连这些树快被摇断了 图片来自网络 机制简述 tree shaking 是 rollup 作者首先提出的。这里有一个比喻: 如果把代码打包比作制作蛋糕。 传统的方式是把鸡蛋(带壳)全部丢进去搅拌,然后...
  16. 总结:JS 异步之宏队列与微队列 喵~~ 原理图 setImmediate  也是宏任务,在 Node 环境下,微任务还有  process.nextTick 说明 JS 中用来存储待执行回调函数的队列包含 2 个不同特定的列队 宏列队 :用来保存待执行的宏任务(回调),比如:定时器回调、DOM 事件回调、ajax 回调 ...
  17. 开源 Web 前端导航 README.md fronted navigation frontend.microdba.com How to contribute? Contributions are welcome! Fork this reponsitory If you want add some website to this, just edit/asse...

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

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

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