20200614 前端开发日报

『初中级前端必看』谈谈如何更有质量地看源码;JavaScript程序员为什么更喜欢Deno而不是node;ZooTeam 前端周刊|第 86 期;WebAssembly 简介及原理;[Vue源码03] watch 侦听属性 – 初始化和更新;前端也能轻松年薪 20w+?超详细攻略下篇来了;深入理解 JS 中的原型与原型链;移动端双指缩放图片JS事件的实践心得

  1. 『初中级前端必看』谈谈如何更有质量地看源码

    最近有很多童鞋跟鱼头说,面试的时候动不动就问源码。 也有很多童鞋遇到问题的时候,鱼头建议这些童鞋看相关库 / 框架 / 项目的源码。 但是也有很多童鞋向鱼头抱怨说:“源码太难了。” 那么源码真的是一块难啃的硬骨头吗? 其实不是的。 作为一个优秀(或说合格)的开源项目,它的代码一定不会是晦涩难懂的。不仅是...

  2. JavaScript程序员为什么更喜欢Deno而不是node

    本文最初发布于 Medium 网站,经原作者授权由 InfoQ 中文站翻译并分享。 NodeJS 的创造人 Ryan Dahl 刚发布了一个新的运行时 Deno,旨在解决 Node 存在的许多缺陷。像大家一样,我一开始也以为这只是又一个 JS 框架。但是深入了解过 Deno 的各项优点之后,我意识到了 Deno 正是 2020 年的今天,后端 Javascript 开发...

  3. ZooTeam 前端周刊|第 86 期

    最近读《重学前端》,开篇就是让你拥有自己的知识体系图谱,后续学的东西补充到相应的模块,既可以加深对原有知识的理解,又可以强化记忆,很不错的学习方案。 这篇文章主要知识点来自: 《Node.js硬实战:115个...

  4. WebAssembly 简介及原理

    研究表明,如果网页不能在 3 秒钟内加载完毕,那么 40% 的访问者将会离开。 根据 Google 的一篇论文记载,如果网站的性能较差,那么 79% 的访问者说自己将不会再访问该网站。 以前,浏览器只支持一种语言:JavaScript。JavaScript 是一门很好的语言,但是它本身就不是为大量计算或游戏而...

  5. [vue源码03] watch 侦听属性 – 初始化和更新

    前置知识 一些单词 somewhat:有点 ( somewhat expensive operation 操作有点昂贵 ) teardown:卸载 复制代码 使用案例 <template> <div class="about"> <h1>This is a watch page</h1> <div>count = {{count}}</div> <button @click="c...

  6. 前端也能轻松年薪 20w+?超详细攻略下篇来了

    点击前端充电营,关注我们 还是接着我们的上文,接下来谈谈js对于新手入门需要掌握哪些东西; 分清楚ECMAScript标准和W3C标准 所谓的ECMA,我们看百度百科的定义: ECMAScript是一种由Ecma国际(前身为欧洲计算机制造商协会,European Computer Manufacturers A...

  7. 深入理解 JS 中的原型与原型链

    在 JavaScript 中每一个函数都有一个 prototype (原型)属性,这个属性指向一个对象,而这个对象就包含了可以让所有实例共享的属性和方法。也就是说 prototype 是通过调用构造函数而创建的对象实例的原型对象,这样就可以很方便的让每个实例共享原型对象上的属性和方法。 下面来看一个例子: function Person(name...

  8. 移动端双指缩放图片JS事件的实践心得

    byzhangxinxu from https://www.zhangxinxu.com/wordpress/?p=9461 本文欢迎分享与聚合,全文转载就不必了,尊重版权,圈子就这么大,若急用可以联系授权。 一、Chrome浏览器双指触摸的模拟 结果是模拟不了。 页面整体缩放行为是可以通过按住Shift键+页面左键模拟的,但是,实际上,还是一个触摸点,因此无法模...

  9. JavaScript代码中的坏味道

    编写软件很难。 只有少数方法可以做到正确,有很多方法可以做到错误,使我们的生活更加艰难。 在本文中,我们将通过一些代码气味来探讨编写不良代码的一些方法。 具有不同接口的替代类 由于重复,两个功能相同但接口不同的类并不好。 我们不想那样。 因此,我们可能要使用共享代码创建一个超类,然后使子类...

  10. Angular HttpClient 30分钟轻松上手

    前端开发,axios是标配的http请求发起libary, 采用的是Promise的方式。然后,Angular中采用的是另外一种形式Observable,观察订阅模式。Angular默认推荐采用内置的HTTPClient。 下面让我们开始今天的主题,HTTPClient 模块引入 import {HttpClientModule} from '@angular/common/http'; 复制代码 @NgModule(...

  11. 探讨PHP和Node.js开发之间有什么区别,各有什么优势和缺点?

    在很长一段时间内,决定在Node.js和PHP之间进行选择是一件很麻烦的事情,但对于后端程序员来说,这一直很麻烦,但它从未影响过开发人员。但是事情很快就发生了变化,现在开发人员必须选择其中之一。Node.js与PHP的战争最近变得相当麻烦,对于开发人员来说,从中选择合适的选择简直就是一场噩梦。 早期的JavaScript和PH...

  12. Webpack 5模块联邦引发微前端的革命?

    在当前的微前端实现中,我们需要通过一系列的技巧去实现。正如上图所示,微前端的公共依赖加载目前并没有非常好的实现方案。然后,Webpack 5中的模块联邦将会改变这一现状。 模块联邦可以去依赖一个远程模块,这个依赖会在运行时生效,并不影响编译时。因此,这个远程依赖的模块就可以是一个微前端独立模块。同时,每...

  13. js实现mp3录音通过websocket实时传送+简易波形图

    https://blog.csdn.net/qq_32447301/article/details/84948717?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase  废话:想不到我的第一篇博客是关于...

  14. JavaScript 执行环境及作用域

      执行环境(execution context)定义了变量或函数有权访问的其他数据,决定了它们各自的行为。每个执行环境都有一个 与之关联的变量对象(variable object),环境中定义的所有变量和函数都保存在这个对象中。虽然我们 编写的代码无法访问这个对象,但解析器在处理数据时会在后台使用它    一般来说js里面存在两种执...

  15. .Net Core WebAPI + Axios +Vue 实现下载与下载进度条

    故事的开始 老板说:系统很慢,下载半个小时无法下载,是否考虑先压缩再给用户下载? 本来是已经压缩过了,不过第一反应应该是用户下的数量多,导致压缩包很大,然后自己测试发现,只是等待的时间比较久而已,仍然是下载状态中,并不是系统慢,但是用户体验肯定是最直观的,确实是我们做得不够好,单纯弹出遮罩...

  16. vue新添加属性的双向绑定问题(动态添加的属性导致checkbox不起作用)

    双向绑定 数据和视图数据互相绑定,对数据操作的时候,会影响到视图,对视图操作的时候,也会反过来影响数据。 vue数据变更 Vue 将被侦听的数组的变更方法进行了包裹,所以它们也将会触发视图更新。这些被包裹过的方法包括: push() pop() shift() unshift() splice() sort() reverse() 深入响应式原理 Vue 最独特...

  17. Webpack配置全解析(基础篇)

    Webpack凭借强大的功能,成为最流行和最活跃的打包工具,也是面试时高级程序员必须掌握的“软技能”;笔者结合在项目中的使用经验,介绍webpack的使用;本文是入门篇,主要介绍webpack的入口、输出和各种loader、plugins的使用以及开发环境的搭建,技术大佬请ctrl+w。 本文所有的demo代码均在 WebpackDemo 概念 ...

  18. 大文件断点续传前端JS的实现

    之前遇到个问题,在做项目的时候,需要用户上传视频文件,但是这个视频文件一般都很大,几个G的都有,需要前端组件化的去实现这个功能,所谓断点续传就是,传了一半之后,断电了,关闭浏览器了,电脑被娃儿倒了一...

  19. webpack搭建vue项目实现脚手架功能

    在今天学习webpack搭建前端环境时候我们应该先熟知node有关的知识,用node.js来安装一个包。便于我们更好的理解。 一:什么是webpack 1.本质上,Webpack 是一个现代 JavaScript >应用程序的静态模块打包器(static module >bundler)。在 Webpack 处理应用程序时,它会在内部创建一个依赖图(dependency >gra...

更多内容请关注公众号【前端开发博客】每日更新
20200614 前端开发日报

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