从 JS 引擎到 JS 运行时（上）；Node.js 在 2020 年有什么新东西；HTML 全局属性列表大全；异步网络请求xhr、ajax、fetch与axios对比；Vue图片浏览插件v-viewer的使用；从零一步一步搭建TypeScript+webpack4开发环境；面试知识点之javascript中变量与函数重名规则；Node.js Legacy url API 的安全风险
-
从 JS 引擎到 JS 运行时（上） V8 和 Node.js 的关系，是许多前端同学们所津津乐道的——浏览器里的语言，又兼容了浏览器外的环境，两份快乐重叠在一起。而这两份快乐，又带来了更多的快乐……但你有没有想过，这两份快乐到底是如何重叠在一起的呢？下面我们将以嵌入式 JS 引擎 QuickJS 为例，介绍一个 JS 引擎是如何被逐步定制为一个新的 JS 运行时的。 …
-
Node.js 在 2020 年有什么新东西 本文探讨了 Node.js 社区在 2020 年值得期待的一些重要更新。
-
HTML 全局属性列表大全 所谓 HTML 全局属性，指的是在所有 html 元素上都能使用的属性。
-
异步网络请求xhr、ajax、fetch与axios对比 现代浏览器，最开始与服务器交换数据，都是通过 XMLHttpRequest 对象。它可以使用JSON、XML、HTML和text文本等格式发送和接收数据。 if (window.XMLHttpRequest) { // model browser xhr = new XMLHttpRequest() } else if (window.ActiveXObject) { // IE 6 and older xhr = new ActiveXObject(‘Microsoft.XMLHT…
-
Vue图片浏览插件v-viewer的使用 在项目中点击小图查看大图，对大图进行旋转、放大、缩小是个很常见的需求，今天就跟大家分享下v-viewer插件如何在vue项目中使用。先看下最终实现的效果(图片较大，点击链接进行查看) gif效果图 安装插件 终端执行 yarn add v-viewer 复制代码 使用插件 在main.js中添加如下代码 import ‘viewerjs/…
-
从零一步一步搭建TypeScript+webpack4开发环境 前言 相信大家都知道TypeScript的好处，TypeScript编译工具可以运行在任何服务器和任何系统上，TypeScript增加了代码的可读性和可维护性，很值得我们学习！ 下边我将带大家一步步实现TypeScript开发环境搭建~ 安装Node.js 相信大家电脑一般都安装了node.js 如果不确定是否安装了的话，可以在cmd里面输入…
-
面试知识点之javascript中变量与函数重名规则 相信大家都知道 变量提升 ， 函数提升 ，可重名的时候又是如何处理？ 试问一下2个场景的输出值分别多多少？ 情景一 console.log(a); var a = 100; function a () {}; console.log(a); 复制代码 情景二 console.log(a); function a () {}; var a = 100; console.log(a); 复制代码 答案是两个场景输入…
-
Node.js Legacy url API 的安全风险 “由于兼容问题，node 并未直接移除 legacy API，同时 WHATWG 更严格的规范也导致提供的 API 用起来不如 legacy API 方便，所以仍然还有大量的开发者使用 legacy API。两套 API 尽管看起来提供一样的能力，但是底层对 url 规范的定义不一样，且实现也略有不同，legacy API 中隐藏了一些严重的安全风险。”
-
一个白学家眼里的 WebAssembly 在知乎 如何看待 WebAssembly 这门技术？ 这个问题里，可以看出大家普遍对浏览器、WASM 和 JS 之间的三角关系有不少误解。因此这里作为一个开 (bai) 发 (xue) 者 (jia)，我就来尝试纠正些常见的问题吧。 WASM == 汇编级性能？ 这显然不对，WASM 里的 Assembly 并不意味着真正的汇编码，而只是种新约定的字节码，…
-
前端微服务在字节跳动的打磨与应用 “本文讨论了微前端在字节跳动的应用情况，内容主要分析了微前端具体落地的步骤和两年来的使用情况。其中分析的部分主要讲到一些实际问题和我们的应对，落地情况强调了实现的过程。特别讲到很多在我们观念里面务必要提供的微前端基石，这些方面作为基础设施几乎是使用微前端的必要和前提条件。”
-
2020 及新十年的顶级 JavaScript 框架和话题，了解一下 全文共7114字，预计学习时长21分钟 来源：Pexels 如果你想找一份与JavaScript相关的好工作，或者是了解2020以及新十年间的重要技术，请阅读本文，保证干货满满。 本文的重点不在于列举那些“最好的”、最受人喜爱的或最受欢迎的技术栈和框架——而是说明哪些栈和框架最有助于在2020及新十年间找到好工作。 笔者将研究一…
-
HTTP 在疫情期间把我吓得不敢出门了 这是Java建设者的第61篇原创文章 这是 HTTP 系列的第三篇文章，此篇文章为 HTTP 的进阶文章。 在前面两篇文章中我们讲述了 HTTP 的入门，HTTP 所有常用标头的概述，这篇文章我们来聊一下 HTTP 的一些 黑科技。 HTTP 内容协商 什么是内容协商 在 HTTP 中，内容协商是一…
-
[推荐] Angular ControlValueAccessor：自定义表单控件介绍与实战 本文是学习 Angular ControlValueAccessor 过程中的笔记摘要，全文结构如下： 表单与控件介绍 – 通过日常在 Angular 中使用表单以及自定义控件的场景引出 ControlValueAccessor ControlValueAccessor API 介绍 – 介绍 ControlValueAccessor API 的细节 自定义表单控件实现 – 通过一个计数器…
-
[推荐] 疫情当前，写一个纯前端实现人脸检测的网页，给你的头像戴上口罩 根据春节的起源，如果“年”真的是一个凶猛的怪兽，那么今年一定是2019-nCoV病毒。往年辟邪用的红纸和鞭炮，变成了各色各样的口罩。约好的聚会和自驾游纷纷取消，同学们都成了躲避瘟疫的牛顿，在家里思考科学。甚至在社交网络上也少了很多年味，越来越多的人把口罩都戴到了自己的头像上。 第一次瞥见这种潮流…
-
关于JS类型判断的思考 初衷 写这篇文章的初衷是来源于 JS基础问题-类型判断 ，仅当作巩固下知识。 我们常说学习一个知识点要学会延伸思考，点画线，线绘面，形成自己的知识体系。 一个小小的类型判断其实也可以拓展出很多知识点。 What: 什么是类型? 计算机程序的运行需要对值进行操作，而在编程语言中，能够表示并操作的值…
-
[推荐] Egg + React 实战日记本 大纲 一、Egg.js 基础入门 1、Egg.js 开发环境搭建及生成项目目录讲解 2、理解 Egg.js 的路由机制 3、编写简单的 GET 和 POST 接口 4、Egg.js 中如何使用前端模板 二、React 编写日记界面 1、React 开发环境搭建接入 Ant Design Mobile 2、通过 vw 适配移动端方案 …
-
Rxjs中concat, concatAll, concatMap及concatMapTo的理解及应用 我们知道在Rxjs中以concat开头的操作符都是用于合并数据流的，它的特点就是将前后两个数据流串起来，类似于Array.concat方法。 concat家族中有concat, concatAll, concatMap, concatMapTo等操作符，我们来依次比较这些操作符的区别及应用。 concat 首先concat可以简单的将两个数据流前后收尾相接的串起来,例如 例1…
-
如何在Vue中动态添加类名 作者：Michael Thiessen 译者：前端小智 来源：forum.vuejs.org/ 点赞再看，养成习惯 本文 GitHub https://github.com/qq44924588… 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西。 能够向组件添加动…
-
基于Angular 8和Bootstrap 4实现动态主题切换 效果 首先看看效果： 本文将介绍如何基于Angular 8和Bootstrap 4来实现上面的主题切换效果。 设计 遵循Bootstrap的设计，我们会使用 bootswatch.com 提供的免费主题来实现上面的效果。Bootswatch为前端程序员提供了多达21种免费的Bootstrap主题，并且提供了 API文档 和 实例页面 ，介绍如何在HTML…
-
Nodejs实战系列：数据加密与crypto模块 博客地址： 《NodeJS模块研究 – crypto》 Github ： github.com/dongyuanxin… nodejs 中的 crypto 模块提供了各种各样加密算法的 API。这篇文章记录了常用加密算法的种类、特点、用途和代码实现。其中涉及算法较多，应用面较广，每类算法都有自己适用的场景。为了使行文流畅，列出了本文记录的几类常用算法： …
-
Node.js排除内存泄漏演示 用于定位node内存泄漏的工具常用的有： • v8-profiler • node-heapdump • node-memwatch 在演示DEMO之前可以了解点基本前置知识 关于Node的堆内存与堆外内存小记。 1. 受到V8 GC的主要是堆内存。 2. Node中的内存并非都…
-
[推荐] 从 JS 引擎到 JS 运行时（下） 在上篇文章中，我们已经为 JS 引擎扩展出了个最简单的 Event Loop。但像这样直接基于各操作系统不尽相同的 API 自己实现运行时，无疑是件苦差。有没有什么更好的玩法呢？是时候让 libuv 粉墨登场啦。 我们知道，libuv 是 Node.js 开发过程中衍生的异步 IO 库，能让 Event Loop 高性能地运行在不同平台上。可以说，…
-
[推荐] Effective Typescript：使用 Typescript 的 N 个技巧 主要整理了 effective typescript 里列出的一些技巧，列出了一些自己觉得有用的，有的简单的就一笔带过。更加友好的排版见 https://blog.staleclosure.com/effective-typescript/ 理解Typescript与Javascript区别 Typescript编译选项影响类型检查(建议开启strict) 代码生成与类型检查是独立的 …
-
网页|JS实现3D旋转相册 欢迎点击「算法与编程之美」↑关注我们！ 本文首发于微信公众号： "算法与编程之美"，欢迎关注，及时了解更多此系列文章。 问题描述 3D旋转相册是通过perspective属性的盒子1产生向网页内部的延伸感，并让装有图片沿z轴平移后的盒子2在拥有perspective属性的盒子1内凭transform属性产生的3d效果沿盒…
前端日报栏目数据来自码农头条，每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等，为开发者提供动力，如果觉得内容对你有用，记得分享给你的小伙伴。进入码农头条查看更多
