20200210 前端开发日报

JS 引擎到 JS 运行时(上);Node.js 在 2020 年有什么新东西;HTML 全局属性列表大全;异步网络请求xhr、ajax、fetch与axios对比;Vue图片浏览插件v-viewer的使用;从零一步一步搭建TypeScript+webpack4开发环境;面试知识点之javascript中变量与函数重名规则;Node.js Legacy url API 的安全风险

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

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

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

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

发表评论

请登录后发表评论: