『初中级前端必看』谈谈如何更有质量地看源码；JavaScript程序员为什么更喜欢Deno而不是node；ZooTeam 前端周刊｜第 86 期；WebAssembly 简介及原理；[vue源码03] watch 侦听属性 – 初始化和更新；前端也能轻松年薪 20w+？超详细攻略下篇来了；深入理解 JS 中的原型与原型链；移动端双指缩放图片JS事件的实践心得
-
最近有很多童鞋跟鱼头说，面试的时候动不动就问源码。 也有很多童鞋遇到问题的时候，鱼头建议这些童鞋看相关库 / 框架 / 项目的源码。 但是也有很多童鞋向鱼头抱怨说：“源码太难了。” 那么源码真的是一块难啃的硬骨头吗？ 其实不是的。 作为一个优秀（或说合格）的开源项目，它的代码一定不会是晦涩难懂的。不仅是…
-
JavaScript程序员为什么更喜欢Deno而不是node
本文最初发布于 Medium 网站，经原作者授权由 InfoQ 中文站翻译并分享。 NodeJS 的创造人 Ryan Dahl 刚发布了一个新的运行时 Deno，旨在解决 Node 存在的许多缺陷。像大家一样，我一开始也以为这只是又一个 JS 框架。但是深入了解过 Deno 的各项优点之后，我意识到了 Deno 正是 2020 年的今天，后端 Javascript 开发…
-
最近读《重学前端》，开篇就是让你拥有自己的知识体系图谱，后续学的东西补充到相应的模块，既可以加深对原有知识的理解，又可以强化记忆，很不错的学习方案。 这篇文章主要知识点来自： 《Node.js硬实战：115个…
-
研究表明，如果网页不能在 3 秒钟内加载完毕，那么 40% 的访问者将会离开。 根据 Google 的一篇论文记载，如果网站的性能较差，那么 79% 的访问者说自己将不会再访问该网站。 以前，浏览器只支持一种语言：JavaScript。JavaScript 是一门很好的语言，但是它本身就不是为大量计算或游戏而…
-
前置知识 一些单词 somewhat：有点 ( somewhat expensive operation 操作有点昂贵 ) teardown：卸载 复制代码 使用案例 <template> <div class="about"> <h1>This is a watch page</h1> <div>count = {{count}}</div> <button @click="c…
-
点击前端充电营，关注我们 还是接着我们的上文，接下来谈谈js对于新手入门需要掌握哪些东西； 分清楚ECMAScript标准和W3C标准 所谓的ECMA，我们看百度百科的定义： ECMAScript是一种由Ecma国际（前身为欧洲计算机制造商协会，European Computer Manufacturers A…
-
在 JavaScript 中每一个函数都有一个 prototype （原型）属性，这个属性指向一个对象，而这个对象就包含了可以让所有实例共享的属性和方法。也就是说 prototype 是通过调用构造函数而创建的对象实例的原型对象，这样就可以很方便的让每个实例共享原型对象上的属性和方法。 下面来看一个例子： function Person(name…
-
byzhangxinxu from https://www.zhangxinxu.com/wordpress/?p=9461 本文欢迎分享与聚合，全文转载就不必了，尊重版权，圈子就这么大，若急用可以联系授权。 一、Chrome浏览器双指触摸的模拟 结果是模拟不了。 页面整体缩放行为是可以通过按住Shift键+页面左键模拟的，但是，实际上，还是一个触摸点，因此无法模…
-
编写软件很难。 只有少数方法可以做到正确，有很多方法可以做到错误，使我们的生活更加艰难。 在本文中，我们将通过一些代码气味来探讨编写不良代码的一些方法。 具有不同接口的替代类 由于重复，两个功能相同但接口不同的类并不好。 我们不想那样。 因此，我们可能要使用共享代码创建一个超类，然后使子类…
-
前端开发，axios是标配的http请求发起libary, 采用的是Promise的方式。然后，Angular中采用的是另外一种形式Observable，观察订阅模式。Angular默认推荐采用内置的HTTPClient。 下面让我们开始今天的主题，HTTPClient 模块引入 import {HttpClientModule} from ‘@angular/common/http’; 复制代码 @NgModule(…
-
探讨PHP和Node.js开发之间有什么区别，各有什么优势和缺点？
在很长一段时间内，决定在Node.js和PHP之间进行选择是一件很麻烦的事情，但对于后端程序员来说，这一直很麻烦，但它从未影响过开发人员。但是事情很快就发生了变化，现在开发人员必须选择其中之一。Node.js与PHP的战争最近变得相当麻烦，对于开发人员来说，从中选择合适的选择简直就是一场噩梦。 早期的JavaScript和PH…
-
在当前的微前端实现中，我们需要通过一系列的技巧去实现。正如上图所示，微前端的公共依赖加载目前并没有非常好的实现方案。然后，Webpack 5中的模块联邦将会改变这一现状。 模块联邦可以去依赖一个远程模块，这个依赖会在运行时生效，并不影响编译时。因此，这个远程依赖的模块就可以是一个微前端独立模块。同时，每…
-
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 废话：想不到我的第一篇博客是关于…
-
执行环境（execution context）定义了变量或函数有权访问的其他数据，决定了它们各自的行为。每个执行环境都有一个 与之关联的变量对象（variable object），环境中定义的所有变量和函数都保存在这个对象中。虽然我们 编写的代码无法访问这个对象，但解析器在处理数据时会在后台使用它 一般来说js里面存在两种执…
-
.Net Core WebAPI + Axios +Vue 实现下载与下载进度条
故事的开始 老板说：系统很慢，下载半个小时无法下载，是否考虑先压缩再给用户下载？ 本来是已经压缩过了，不过第一反应应该是用户下的数量多，导致压缩包很大，然后自己测试发现，只是等待的时间比较久而已，仍然是下载状态中，并不是系统慢，但是用户体验肯定是最直观的，确实是我们做得不够好，单纯弹出遮罩…
-
vue新添加属性的双向绑定问题（动态添加的属性导致checkbox不起作用）
双向绑定 数据和视图数据互相绑定，对数据操作的时候，会影响到视图，对视图操作的时候，也会反过来影响数据。 vue数据变更 Vue 将被侦听的数组的变更方法进行了包裹，所以它们也将会触发视图更新。这些被包裹过的方法包括： push() pop() shift() unshift() splice() sort() reverse() 深入响应式原理 Vue 最独特…
-
Webpack凭借强大的功能，成为最流行和最活跃的打包工具，也是面试时高级程序员必须掌握的“软技能”；笔者结合在项目中的使用经验，介绍webpack的使用；本文是入门篇，主要介绍webpack的入口、输出和各种loader、plugins的使用以及开发环境的搭建，技术大佬请ctrl+w。 本文所有的demo代码均在 WebpackDemo 概念 …
-
之前遇到个问题，在做项目的时候，需要用户上传视频文件，但是这个视频文件一般都很大，几个G的都有，需要前端组件化的去实现这个功能，所谓断点续传就是，传了一半之后，断电了，关闭浏览器了，电脑被娃儿倒了一…
-
在今天学习webpack搭建前端环境时候我们应该先熟知node有关的知识，用node.js来安装一个包。便于我们更好的理解。 一：什么是webpack 1.本质上，Webpack 是一个现代 JavaScript >应用程序的静态模块打包器（static module >bundler）。在 Webpack 处理应用程序时，它会在内部创建一个依赖图（dependency >gra…
更多内容请关注公众号【前端开发博客】每日更新
