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