20200226 前端开发日报

在 Blazor WebAssembly 中使用 gRPC-Web；Vue实例$mount；Node 雄文：Gulp 与 Grunt 已死，npm scripts 才是未来（上）；从源码看Babel是如何编译Async函数的；前端面试必备 ES6 全方位总结；JS的防抖、节流函数；[推荐] 千万级流量业务的 Serverless 实践，看 FaaS 给前端带来的变化；VUE源码系列五：组件是怎样生成的？(附详细源码解析)

1. 在 Blazor WebAssembly 中使用 gRPC-Web 对于单页面应用程序，gRPC-Web 是 JSON-over-HTTP 的一种方便、高性能的替代方案。 如果你已经了解关于 gRPC 和 gRPC-Web 的一切，你可以跳到 添加 gRPC 服务到一个Blazor WebAssembly 应用程序 一节。如果你只是想要一些简单的 Blazor WebAssembly + gRPC-Web 应用程序，请看这个仓库 https://github.com/…
2. Vue实例$mount // 在src/core/instance/init.js中 if (vm.$options.el) { vm.$mount(vm.$options.el) } 复制代码 重写原型上的$mount方法 纯前端浏览器环境compiler版本的$mount 如果el指向body或者html根节点则报错 判断当前实例有没有定义render函数,如果没有就去取template,通过compileToFunctions方法转换…
3. Node 雄文：Gulp 与 Grunt 已死，npm scripts 才是未来（上） Cory House是“Building Applications with React and Flux”与“Clean Code: Writing Code for Humans”的作者，同时也是Pluralsight上众多课程的讲师。他是VinSolutions的软件架构师，在全球培训了为数众多的软件开发者，主要领域是前端开发与整洁代码等软件开发实践。Cory是微软MVP、Telerik开发者专家，同时也是outlierd…
4. 从源码看Babel是如何编译Async函数的 某次面试场景： 面试官：你知道 async/await 吗？ 我：有所了解（心中窃喜，看来下面要问我事件循环方面的东西了，马上给你倒着背出来，稳得很） 面试官：那请你说下 Bable 是如何处理 async/await 的？ 或者直接描述一下相关 polyfill 的原理 我：。。。（怎么不按套路出牌？） 我确实不知道这个东西，但…
5. 前端面试必备 ES6 全方位总结 掘金/魔王哪吒大家好，我是魔王哪吒，话不多说，今天带来的是一篇《前端面试必备ES6全方位总结》文章，欢迎大家喜欢。 前言 学习ES6需要掌握的路线，了解什么是ECMAScript概述，了解Symbol数据类型，掌握let和const，以及变量的解构赋值，Set和Map的原理。 什么叫做箭头函数，ES6对于ES5都有…
6. JS的防抖、节流函数 防抖、节流函数一般应用在一些高频触发的方法，例如搜索框联想输入的input事件、onmousemove事件、click事件等等；实际上业务不需要多次触发，那么就需要用到防抖或者节流来处理啦。 简单的可以这样理解 防抖函数：疯狂点击按钮，每次点击的时间间隔都小于规定时间，那么相应的方法不会执行 节流函数：疯狂点击按…
7. [推荐] 千万级流量业务的 Serverless 实践，看 FaaS 给前端带来的变化 2019 年初，淘系技术部启动了 Serverless 研发模式升级计划。而哇哦视频作为首个落地的业务，迄今已有半年。 本次则会为大家分享哇哦视频在这半年中发生的故事，与大家一起看看在一线业务同学的眼中，Serverless 会给前端同学带来什么，而我们又能收获什么？ 分享内容 本次分享我会从以下三个部…
8. VUE源码系列五：组件是怎样生成的？(附详细源码解析) Vue的核心思想就是组件化，我们去开发一个页面，就是拿一堆组件去搭建，像堆积木一样，因此，今天我们来分析一下Vue组件是如何创建的，以及它的内部工作原理。 案例 import Vue from ‘vue’ import App from ‘./App.vue’ var app = new Vue({ el: ‘#app’, // 这里的 h 是 createElement 方法 render: h => h(…
9. 理解Javascript的正则表达式前言 本文4089字，阅读大约需要12分钟。 总括: 本文基于Javascript的正则表达式，结合笔者个人的思考来对正则表达式的特性进行讲解。 参考文章：A Practical Guide to Regular Expressions (RegEx) In JavaScript…
10. 深入理解 Node.js 中的 Worker 线程 原文：https://blog.insiderattack.net/deep-dive-into-worker-threads-in-node-js-e75e10546b11 多年以来，Node.js 都不是实现高 CPU 密集型应用的最佳选择，这主要就是因为 JavaScript 的单线程。作为对此问题的解决方案，Node.js v10.5.0 通过 worker_threads 模块引入了实验性的 “worker 线程” 概念，并从 Node.j…
11. Angular 从入坑到挖坑 – 组件食用指南
12. 2020年你不能不知道的webpack基本配置传统的html+css+js开发方式不能不能很好地运用less/scss等css预处理器以及ES6+的高级语法。
13. 使用 JS 建立一个 Mixin 机器人 官方推荐使用 golang ，对于前端人员的学习门槛还是有一些。所以在这里发布一个 js 写的教程。 读完此篇文章您将获得： 一个收到消息会自动回复 hello mixin 的机器人。 1. 开发基础 node 环境，笔者目前使用 v10.15.1 ，更高亦可。 JavaScript 语法基础 Mixin 机器人 session 及 secret 2. …
14. 从源码分析Vue的响应式原理 据Vue的官方介绍，Vue的响应式系统是非侵入性的，那Vue是如何做到将不同类型的数据（基本类型、普通对象、数组等）转换为可检测的呢？在了解Vue的具体实现之前，我们先了解一下为什么要将数据变为可检测的。 因为Vue是MVVM框架，即数据可以驱动视图的，在传统的开发中（非数据驱动视图），我们需要去操作DOM来实现视图…
15. 高级 Vue 技巧：控制父类的 slot点赞再看，养成习惯本文 GitHub [链接] 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西。
16. hello，Ajax（Ajax的封装） 前面一篇文章讲了ajax的原理，作用和实现。但是都只是实现一个ajax请求响应操作，浏览器和服务器之间请求响应不会只有一次，加入请求响应100次，那么要写100次近似的代码吗？ 这篇文章就是解决如何发送多个ajax的问题。如果你对ajax没有了解，我的上一篇文章 hello,ajax(0基础入门篇) 用心看完，大约5分钟就可以get到…
17. Angular框架的基本原理 编辑推荐: 本文主要介绍Angular框架的基本原理，并使用Primeng组件库来实现简单的应用开发，希望对您能有所帮助。 本文来自于CSDN,由火龙果软件Alice编辑推荐。 最近公司在研发新的web平台，对于前端的开发最终选定使用Angular框架进行开发，而经过这一段时间的学习与研究，基本可以使…
18. 小白必看，JSBridge 初探近些年，移动端普及化越来越高，开发过程中选用 Native 还是 H5 一直是热门话题。Native 和 H5 都有着各自的优缺点，为了满足业务的需要，公司实际项目的开发过程中往往会融合两者进行 Hybrid 开发。Native 和 H5…
19. Vue中你可能认为是bug的情况原来是这样的 前言 我们知道Vue框架剧本双向数据绑定功能，在我们使用方便的同时，还有一些细节问题我们并不知道，接下来一起探讨一些吧 双向数据绑定 js变量改变影响页面 页面改变影响js变量 Vue2是如何做到数据绑定的 Object.defineProperty(obj,key,{ set:function (newV) { …
20. Webpack 插件开发如此简单 【Webpack】:fire:Webpack 插件开发如此简单！ 本文使用的 Webpack-Quickly-Starter 快速搭建 Webpack4 本地学习环境。 建议多阅读 Webpack 文档《 Writing a Plugin 》章节，学习开发简单插件。 本文将带你一起开发你的第一个 Webpack 插件，从 Webpack 配置工程师，迈向 Webpack 开发工程师！ 做…
21. React 生命周期详解Tip:请不要死记生命周期的顺序和作用，要理解 React 将这些生命周期暴露出来给开发者调用是因为开发者有使用这些生命周期的需求，通过这些生命周期，我们可以完成一些事情。
22. vue配置命令打包不同的生产环境与测试环境 我们在打包VUE项目的时候通常会使用 npm run build 命令。但是我们经常要打包测试环境与生产环境，然而在打不同环境的包时候，某些配置项是不同的。我们每次通过手动来修改的话会非常繁琐。如果需要手动修改的地方过多的话，难免会有遗漏。 目前我参与开发的项目就有3种不同的环境需要处理 本地开发环境 n…
23. 前端缓存技术概述
24. cnpm : 无法加载文件 D:nodejsnode_globalcnpm.ps1，因为在此系统上禁止运行脚本 cnpm : 无法加载文件 D:nodejsnode_globalcnpm.ps1，因为在此系统上禁止运行脚本 cnpm : 无法加载文件 D:nodejsnode_globalcnpm.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com /fwlink/?LinkID=135170 中的 about_Execution_Policies。 所在位置 行:1 字符: 1 + cnpm install -…
25. 在 Web 中获取 MAC 地址 两年前做的一个项目，当时客户的需求还没有完成，客户就提出了解决安全的问题，这是当时写的一个记录，分享到这里。 解决安全登录的问题 去给客户演示系统，演示完刚开发完的系统以后客户就将我们的系统批的遍体鳞伤，这时才知道自己的系统比想象中的更不堪（不是我等无能，是各种原因全都…
26. JavaScript入门笔记[5]:jQuery的山寨源码 jQuery的灵感来源，一定是俄罗斯套娃吧 jQuery是目前最为长寿的JS函数库，还有日本up主小哥专门拍了一个 视频 。虽然从网上看到的，都是唱衰jQuery的声音，但是作为一只菜鸡，我还是从jQuery开始我的框架学习吧。 在我这只菜鸡看来，jQuery令我感到恐惧的地方，是它的链式操作， 不就是套娃么 。 …

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

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