Vue.js 最显著的功能就是响应式系统，它是一个典型的 MVVM 框架，模型（Model）只是普通的 JavaScript 对象，修改它则视图（View）会自动更新。这种设计让状态管理变得非常简单而直观，不过理解它的原理也很重要，可以避免一些常见问题。下面让我们深挖 Vue.js 响应式系统的细节，来看一看 Vue.js 是如何把模型和视图建立起关联关系的。
如今大前端的趋势下，你停下学习的脚步了吗？Vue3.0 都 Beta 了,但是还是感觉有些知识点云里雾里的，小编研究了一下Vue-Router源码整理和总结了一些东西,看尤大大怎么设计的。希望能够对你们有所帮助，如果喜欢的话，可以帮忙点个赞。
vue已是目前国内前端web端三分天下之一，同时也作为本人主要技术栈之一，在日常使用中知其然也好奇着所以然，另外最近的社区涌现了一大票vue源码阅读类的文章，在下借这个机会从大家的文章和讨论中汲取了一些营养，同时对一些阅读源码时的想法进行总结，出产一些文章，作为自己思考的总结，本人水平有限，欢迎留言讨论~
为了学习 rollup 打包原理，我克隆了最新版（v2.26.5）的源码。然后发现打包器和我想像的不太一样，代码实在太多了，光看 d.ts 文件就看得头疼。为了看看源码到底有多少行，我写了个脚本，结果发现有 19650行，崩溃...
开始准备写这一篇文章的时候，中国的新型冠状病毒肺炎疫情还在继续，累积确诊81058人，现存确诊10827人。这篇文章写完的时候，累计确诊81501人，现存确认5846人。疫情已经持续了3个月，但也终将过去。毫无疑问，在这漫长的3个月的时间里，很多与疫情抗争的工作人员都是非常辛苦的，再次感谢&致敬。
ReactComponent的实现超出想象的简单，位于src/isomorphic/class/ReactBaseClasses.js：
koa是一个基于node实现的一个新的web框架，它是由express框架的原班人马打造的。它的特点是优雅、简洁、表达力强、自由度高。它更express相比，它是一个更轻量的node框架，因为它所有功能都通过插件实现，这种插拔式的架构设计模式，很符合unix哲学。
上一篇文章我们讲了Koa的基本架构，可以看到Koa的基本架构只有中间件内核，并没有其他功能，路由功能也没有。要实现路由功能我们必须引入第三方中间件，本文要讲的路由中间件是@koa/router，这个中间件是挂在Koa官方名下的，他跟另一个中间件koa-router名字很像。其实@koa/router是fork的koa-router，因为koa-router的作者很多年没维护了，所以Koa官方将它fork到了自己名下进行维护。这篇文章我们还是老套路，先写一个@koa/router的简单例子，然后自己手写@koa/router源码来替换他。
Express的源码还是比较复杂的，自带了路由处理和静态资源支持等等功能，功能比较全面。与之相比，本文要讲的Koa就简洁多了，Koa虽然是Express的原班人马写的，但是设计思路却不一样。Express更多是偏向All in one的思想，各种功能都集成在一起，而Koa本身的库只有一个中间件内核，其他像路由处理和静态资源这些功能都没有，全部需要引入第三方中间件库才能实现。下面这张图可以直观的看到Express和koa在功能上的区别，此图来自于官方文档：
前端路由是我们前端开发日常开发中经常碰到的概念，在下在日常使用中知其然也好奇着所以然，因此对 vue-router 的源码进行了一些阅读，也汲取了社区的一些文章优秀的思想，于本文记录总结作为自己思考的输出，本人水平有限，欢迎留言讨论~
本文由 IMWeb 社区 imweb.io 授权转载自腾讯内部 KM 论坛，原作者：ruikunai。点击阅读原文查看 IMWeb 社区更多精彩文章。 什么是koa框架？ koa是一个基于node实现的一个新的web框架，它是由express框架的原班人马打造的。它的特点是优雅、简洁、表达力强、自由度高。它更express相比，它是一个更轻量的node框架，因为它所有功能都通过插件实现，这种插拔式的架构设计模式，很符合unix哲学。 koa框架现在更新到了2.x版本，本文从零开始，循序渐进，讲解koa2的框
模块是Node.js里面一个很基本也很重要的概念，各种原生类库是通过模块提供的，第三方库也是通过模块进行管理和引用的。本文会从基本的模块原理出发，到最后我们会利用这个原理，自己实现一个简单的模块加载机制，即自己实现一个require。
本文来自V同学投稿的源码共读第六期笔记，写得很有趣。现在已经进行到第十期了。你或许经常看见 npm 更新的提示。
我的文章，尽量写得让想看源码又不知道怎么看的读者能看懂。我都是推荐使用搭建环境断点调试源码学习，哪里不会点哪里，边调试边看，而不是硬看。正所谓：授人与鱼不如授人予渔。
日常开发中我们经常跟接口打交道，而在现代标准前端框架(Vue/React)开发中，离不开的是 axios，出于好奇阅读了一下源码。
React 是一个十分庞大的库，由于要同时考虑 ReactDom 和 ReactNative ，还有服务器渲染等，导致其代码抽象化程度很高，嵌套层级非常深。阅读 React 源码是一个非常艰辛的过程，在学习过程中给我帮助最大的就是这个系列文章。作者对代码的调用关系梳理得非常清楚，而且还有配图帮助理解，非常值得一读。站在巨人的肩膀之上，我尝试再加入自己的理解，希望对有志于学习 React 源码的读者带来一点启发。
这是第 72 篇不掺水的原创，想要了解更多，请戳上方蓝色字体：政采云前端团队 关注我们吧～ 本文首发于政采云前端团队博客：浅析 vue-router 源码和动态路由权限分配 https://ww
说到 JS HTTP 请求，就不得不提 Axios，作为前端网络请求库领域中的霸主，被广泛应用于众多的 web 项目中。
2009年，Node.js 项目诞生，所有模块一律为 CommonJS 格式。 时至今日，Node.js 的模块仓库 npmjs.com ，已经存放了15万个模块，其中绝大部分都是 CommonJS
时至今日，Node.js 的模块仓库 npmjs.com ，已经存放了15万个模块，其中绝大部分都是 CommonJS 格式。
《ShaderHelper组件速递》一篇我们介绍了ShaderHelper组件的使用，以及如何定义一个shader程序并添加到ShaderHelper组件的program枚举属性中，这里我们再简单回顾下shader模板对象定义：
之前写前后端分离的服务器的时候接触过一点点Node.js，查了点资料。这里就把学到的一些东西记录下来(
① 本文只解析基于SMTP协议发送邮件的情况 ② 本文的解析基于删减学习版—simple-nodemailer (https://github.com/AttackXiaoJinJin/simple-nodemailer) ③ 关于处理email.content的部分省略
Game的实例在游戏时只有一个，现在我们首先将Game类改造为一个单例。所谓单例，就是运行时只有一个实例。Game.js代码改造如下：
感兴趣的读者可以点击阅读。 其他源码计划中的有：express、vue-rotuer、redux、 react-redux 等源码，不知何时能写完（哭泣），欢迎持续关注我（若川）。
最开始谈NodeJS的时候写过一篇文章谈了它与Java各自的优缺点。NodeJS最早的定位是什么样的呢？最早开发者Ryan Dahl是想提升自己的工作效率，是为了开发一个高性能服务器，那高性能服务器的要求是什么呢？他觉得一个高性能服务器应该满足“事件驱动，非阻塞I/O模型”。最后，Ryan Dahl基于Chrome的V8引擎开发了NodeJS。正是由于NodeJS的出现，使得类似React/Vue/Angular这类前端框架大放异彩，NodeJS是这些框架开发环境的基础。
这个问题是在下在做一个Vue项目中遇到的实际场景，这里记录一下我遇到问题之后的思考和最后怎么解决的(老年程序员记性不好 -。-)，过程中会涉及到一些Vue源码的概念比如$mount、render watcher等，如果不太了解的话可以瞅瞅 Vue源码阅读系列文章 ~
SPA（ single-page application ）仅在 Web ⻚⾯初始化时加载相应的 HTML、JavaScript 和 CSS。⼀旦⻚⾯加载完成，SPA 不会因为⽤户的操作⽽进⾏⻚⾯的重新加载或跳转；取⽽代之的是利⽤路由机制实现 HTML 内容的变换，UI 与⽤户的交互，避免⻚⾯的重新加载。
但，收到很多朋友的反馈都是：源码晦涩难懂，时常看着看着就不知道我在看什么了，感觉缺乏一点动力，如果你可以出点面试中会问到的源码相关的面试题，通过面试题去看源码，那就很棒棒。
上一篇文章写了 jQuery整体架构，学习 jQuery 源码整体架构，打造属于自己的 js 类库
Timer模块相关的逻辑较为复杂，不仅包含JavaScript层的实现，也包括C++编写的与底层libuv协作的代码，想要完整地看明白是比较困难的，本章仅以setTimeout这个API的实现机制为主线，讲述源码中的JavaScript相关的实现部分，这部分只需要一些数据结构的基本知识就可以理解。
发布/订阅者模式应该是我在开发过程中遇到的最多的设计模式。发布/订阅者模式，也可以称之为消息机制，定义了一种依赖关系，这种依赖关系可以理解为 1对N (注意：不一定是1对多，有时候也会1对1哦)，观察者们同时监听某一个对象相应的状态变换，一旦变化则通知到所有观察者，从而触发观察者相应的事件，该设计模式解决了主体对象与观察者之间功能的 耦合。
我们每天写vue3项目的时候都会使用setup语法糖，但是你有没有思考过下面几个问题。setup语法糖经过编译后是什么样子的？为什么在setup顶层定义的变量可以在template中可以直接使用？为什么import一个组件后就可以直接使用，无需使用components 选项来显式注册组件？
我们以特性作为入口，解答上述问题的同时一起感受下 Axios 源码极简封装的艺术。
有网友在公众号上提问题，使用async.js在微信小游戏环境报错，由于Shawn这段时间有点懒癌发作，没有即时回复留言，已经超过48小时回复不了，在此表示歉意，今天用这篇教程分享async.js相关的的一些使用经验，希望对大家有所帮助！
node-gyp的作用我已经不想赘述了，这里给一个我之前文章的链接：cnblogs看这里，知乎看这里。本文主要从源码入手，介绍node-gyp查找VisualStudio的过程
我们通过组件的方式来开发前端页面，在浏览器里面，组件渲染时会通过 dom api 对 dom 做增删改来显示相应的内容。但在服务端并没有 dom api，我们可以把组件渲染成 html 字符串，然后下发到浏览器渲染，因为已经有了 html 了，就可以直接渲染成 dom，不再需要执行 JS，所以很快。
最近在负责一个微信小程序的前端以及前后端接口的对接的项目，整体上所有页面的布局我都已经搭建完成。
bootstrap/ ├── less/ ├── js/ ├── fonts/ ├── dist/ │ ├── css/ │ ├── js/ │ └── fonts/ └── docs/ └── examples/
注意一个细节，是在加载&执行模块文件前会先缓存module实例，而不是之后才缓存，这是Node.js 能够从容应对循环依赖的根本原因：
本文是开始学习 Vue 源码的第一篇笔记，当前的版本是 2.6.14 。如果对你有一点点帮助，请点赞鼓励一下，如果有错误或者遗漏，请在评论区指出，非常感谢各位大佬。
本文为读 lodash 源码的第八篇，后续文章会更新到这个仓库中，欢迎 star：pocket-lodash
这是第 101 篇不掺水的原创，想要了解更多，请戳上方蓝色字体：政采云前端团队 关注我们吧～ 本文首发于政采云前端团队博客：手把手带你入门Webpack Plugin https://www.z
技术栈：React+recorder-tool.js +recorder.js + Express + Baidu语音识别API
上面的这段话对于没做过前端开发的朋友而言，看着可能会有点难懂，没关系，我们用个例子简单地演示一下。
前言 上周【跳一跳】小游戏刷遍了朋友圈，也代表了微信小程序拥有了搭载游戏的功能（早该往这方面发展了，这才是应该有的形态嘛）。作为一个前端er，我的大刀早已经饥渴难耐了，赶紧去下一波最新的微信官方开发工
在我们常见的JavaScript数字运算中，小数和大数都是会让我们比较头疼的两个数据类型。
这是《小游戏从0到1设计模式重构》系列内容第5篇，所有源码及资料在“程序员LIYI”公号回复“小游戏从0到1”获取。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
