在这辞旧迎新的日子里我emo了，倒不是什么特别痛苦的事情，简短的叙述下事情的经过吧，去年年中因项目要求需要和“友商”部门共同开发一个项目，前期明确和本部门的领导沟通需要对方提供技术栈以及代码规范。结果...，我们用了vue2，而他们用了vue3，到这了其实和我都没有什么关系，结果年后开工第一天，人家要求我们将自...

tsconfig.json 是 TypeScript 项目的配置文件。如果一个目录下存在一个 tsconfig.json 文件，那么往往意味着这个目录就是 TypeScript 项目的根目录。

现在这个时候在聊起vue源码，不论是vue2还是vue3都有些老生常谈了吧。没得办法，谁让咱卷的慢呢，so 权当是个笔记吧理解Vue的设计思想MVVM框架的三要素：数据响应式、模板引擎及其渲染数据响应式：监听数据变化并在视图中更新模版引擎：提供描述视图的模版语法渲染：如何将模板转换为html先考虑new Vue之后都做了什么(vu...

前面几篇文章讲了redux react-redux 今天就来讲讲redu-sage，为什么要单独拿这个中间件来说呢？想必大家都知道，因为这个中间件很普遍，对于我们在redux或者react-redux中处理异步请求以及副作用，简单的异步我们可以是用redux-thunk,也是可以完成，但是对于比较复杂的情况saga应付起来就比较容易，也不易发生回调地狱！

花了一点时间把react-router系统的整理了一下，包括常用组件的功能原理以及基本实现方式， 文中所贴出来的代码都是每个组件的核心原理的实现，与源码会有略有不同，敬请注意，源码地址均已提供详细的连接，点击即可跳转。放心食用。

这一节美容不是很难主要是react-reudx的核心部分，这部分其实redux也有，就是Provider、connect、bindActionCreators等几个常用的API的实现。

提起redux小伙伴们应该都不陌生，著名的第三方状态管理库，也是很多小伙伴进阶路上必然攻克的源码之一。Redux 除了和 React 一起用外，还支持其它界面库。 它体小精悍（只有2kB，包括依赖）。

第二步使用provider传递数据 {代码...} 注意这里的data应该是Index组件的一个状态，避免因为每次Index刷新，data重新是生成，导致子组件也diff，详细解释。

// 责任链模型（一个接一个执行） {代码...} // 正常组合 {代码...} // redux 中间件组合方式 {代码...} // 洋葱圈模型（一半一半执行） {代码...}

抱着这是领导的吩咐自己又是小菜鸡想进步的想法决定试试，哪怕玩玩也好开始了这次的旅程； 在网上闲逛了一上午，博客文章一大堆，多是虎头蛇尾，有来没回的，没办法也许都是大神笔记吧，只能自己来搞搞了，总是要自己弄的，也许我写的还不如人家呢！ 闲言少叙，咱们这就开始！

进入正题 首先正常的create 没什么好说的， 需要注意一点进入cli3以后 全局安装cli指令由 原来的vue-cli 变成了@vue/cli，对于长时间未关注的小伙伴来说，需要看一下不然是安装不上的或者安装依旧是cli2的版本；

{代码...} 查阅connect后发现使用connect的第四个参数也可实现 {代码...}

昨天着急下班，眼看就要6点了，有事在身本想脚底抹油，溜之大吉的，就在我git push 的时候命令给我之前没就见过的bug，如下：左下角显示的本来应该是红字高亮后面的指向（当时着急跑路没截图尴尬）；当时是可以 add 并且commit的 但是就是push不上去；

报错信息：TS7026: JSX element implicitly has type 'any' because no interface 'JSX.IntrinsicElements' exists.

{代码...}

总所周知项目完成以后代码都会统一打包上线，有些时候我们需要同时上线不同环境，对于不同的环境我们所展示页面、功能有时会有很大变化，那么我们如何应对这样的变化呢？

reacts hooks已经问世很久了今天来记录下如何在hooks是使用dva，众所周知函数是不可以是不可以使用修饰符修饰的，因为函数存在变量提升问题。所以大多数人有选择再次掏出自己的redux，但是redux使用起来确实没有dva方便，那么下面就让我们看看如何在hooks中优雅的使用dva吧！

{代码...}

加点东西，但是点击这个下拉框内部的区域不能关闭下拉框）（原谅我里面没写东西你就当有东西，给个机会噻！），是不是很常见，是不是很恶心！你们是怎么做的。 之前我见过有人把事件挂在window上，然后把不想要操作dom都挂上class，然后在点击事件里面一一排除括弧笑，或者有人投机取巧在一部分dom上挂了事件，结果又是...

最近拜读了一下修言大神的JavaScript 设计模式核⼼原理与应⽤实践， 对于现阶段的我，可以说受益匪浅，自己也学着总结下，分享下干货，力求共同进步！

GIT（分布式版本控制系统）当上游源码库发生提交改变的时候后我们fork下来的库是不会自动更新的，需要我们手动更新，本文简单介绍一下用命令行实现的过程；

promise、async/await的提出，已由来已久，很多人都知道这两个都是为了解决回调地狱问题的，面试中很多面试官都喜欢那这两个作比较，那我今天就来说说promise、async/await的区别以及简单的原理实现。避免面试的尴尬！

前端时间云谦大佬发布了UmiUi一期相对来说功能并不是很多，更多的像是搭一个架子，最近二期也来了，写篇文章感受一下； 简要的放一些UmiUi一期相关的资料吧！视频教程是B站的云谦本人录制的一端视频。 UmiUi二期 添加了区块和模板、Mini 气泡、编译态同步、build 和 dev 分析等功能 安装 闲言少叙，直接进入主题，先安装...

上一篇文章图片什么都有我就不重复了，由于时间属实是太仓促，在这段代码中，我删除了接口数据及其他功能，所以代码拿过来就能用，至于折现和拐点的那段代码，需要数据配合，这里就直接删除了，后期有时间，一定更新上！

对我来说，博客首先是一种知识管理工具，其次才是传播工具。我的技术文章，主要用来整理我还不懂的知识。我只写那些我还没有完全掌握的东西，那些我精通的东西，往往没有动力写。炫耀从来不是我的动机，好奇才是。--阮一峰

浏览器的控制台可以说是前端程序猿最常用的东西了，一般都是配合console.log()，一起使用，其实console不止可以.log,今天就来说说console的其他用法，要觉得小弟收集总结的还可以的话，辛苦给个赞，要是觉得那里写的有什么问题的话，请在下面给个评论，一起进步！o(*≧▽≦)ツ

这不是一篇介绍Promise的文章，如果你还不太了解Promise，可以先看下我之前的关于Promise以及你可能不知道的6件事，觉得写得还可以的希望能动动小手点个赞，谢谢啦(*^▽^*)

所谓 Promise，就是一个对象，用来传递异步操作的消息。它代表了某个未来才会知道结果的事件（通常是一个异步操作），并且这个事件提供统一的 API，可供进一步处理。

现在各种框架各种库都很强大，但是也因为功能强大，导致很多配置都过于繁重，真正有用的就那么几个，今天就基于echarts封装一个通用柱形图! 想要了解其他的组件可以看下我之前封装的其他组件有好的思路或者其他的也会分享出来的；基于antd封装横向拖动时间轴 通用柱形图主要包含几个部分 title展示，xAxis上label的展示...

书接上会把剩余的继续写完！ 13、判断Object中是否含有某个属性 {代码...} 14、使用map遍历Object {代码...} 15、Object.is(); {代码...} 16、Object.assign();与 {...object1, ...object2} {代码...} 17、... 拓展运算符 {代码...} 18、[]设定变量为属性名 栗 {代码...} 在补上一些常用的简写 当if条件内部只有一行代码...