qq_34415621的博客

源码框架读一些库的源码时最头疼的其实不是里面各个函数的功能，而是整体结构框架，通常库的源码都很长，跟框架相关的代码并不是在一起放着的，导致你想明白起来就很难。我看过通过画图的方式去讲解框架的，但看完以后还是一头雾水，甚至越看越懵逼，各种箭头绕来绕去对理解框架是然并卵的。身为一个程序员，代码其实是最直接的。并且框架这种底层的东西，原理一定是很简单的。即便是复杂如整个互联网的架构，每一层网络模型的原理也都是很简单的。所以想理解框架，最好的方式就是把跟框架相关的代码提取并精炼出来，其他乱七八糟的东西一

underscore.js源码中关于对象合并方法的解析（extend，extendOwn，defaults）

underscore.js中节流函数的解析源码简化版源码underscore.js是一个经典的js工具库，随着语言的发展，虽然现在用的少了，但它像jquery一样，甚至影响了语言的发展，足以说明其厉害之处。许多开发人员进阶首选学习的就是它。本文解析一下其中的防抖函数，加深对js语言的理解。节流和防抖的区别：防抖函数：连续触发时，刷新上一次的定时器，在一定时间段内只响应最后一次。节流函数：连续触发时，只会在一定时间段内触发一次，不刷新时间间隔，也就是可以多次触发。简单点说就是比如点击一个按钮，用

popmotion.js简介popmotion.js是一个小巧强大的js动画工具库,并不像传统的动画库,不会把各种类型的动画封装成直接驱动元素的函数,核心功能是生成数字类型补间值,结合vue这种数据驱动视图的框架用起来特别爽.和任何其他动画库例如three.js都可以很好的融合使用.举个简单的例子:import { animate } from "popmotion"animate({ from: 0, to: 100, onUpdate: latest => console.lo

toString方法解析刚开始使用toString方法时就会很疑惑,例如下图经常能看到一些判断数据类型的代码里会使用toString.call(…),根据返回值判断类型.可是似乎js里任何对象都有toString方法,并且返回值都不相同.下面的内容从应用层面捋一下.js是一种基于原型的语言,当调用对象的一个方法时,如果该对象没有此方法,则会一直顺着原型链向上查找,直到Object对象为止,如果还是没有就会报错.例如:function Person(name) { this.name = n

前端实现一个图片上标注点连成框的程序实现的效果功能的实现实现的效果身为一个三线小城市的开发者，平时就是使用各种框架画个按钮，表单，图表之类的东西，如果突然有一天面临一个非主流的需求，虽然看起来并不是很难，但需要学习很多canvas相关的知识才能实现。在此强烈推荐大名鼎鼎的echarts底层图形框架zrender，你可能从来没听说过zrender，但是如此牛逼的echarts就是用它实现的，完全可以放心使用。它没有直接用canvas那么生涩，也不会像各种应用层框架那么死板，看完文档以后，很快就能上手

前端js自定义对象与自定义事件的实现应用场景自己实现一个简单的事件管理器常用的操作写在最后应用场景当你要写一些库之类的东西，通常需要构造一个巨大的对象，对象的方法经常互相穿插，这时可以使用自定义事件去解耦，使程序结构更清晰易于开发和维护。自己实现一个简单的事件管理器有同学说直接用jq里的不就行了？当你写一个库的时候，把整个jq添加进去，jq其他的功能你又不想用，对于库来说就像城市的CBD，寸土寸金。不可能加一堆没用的东西在里面，所以只能参考其他代码自己完成一个。class EventManage