由于公司业务需求，需要开发一个展示组织架构的树组件（公司的项目是基于Vue）。在GitHub上找了半天，这类组件不多，也没有符合业务需求的组件，所以决定自己造轮子！ 那么，问题来了。递归组件怎么写？ 至此，一个简单的组织架构树组件就完成了。 然而，事情还远远没有结束。。。 我们…

Vue的数据响应主要是依赖了Object.defineProperty()，那么整个过程是怎么样的呢？以我们自己的想法来走Vue的道路，其实也就是以Vue的原理为终点，我们来逆推一下实现过程。 例如const obj = {},然后再调用defineReactive(obj,'…

作为前端工程师，相信大家都写过不少网站和应用，我把网站简单的分为 “表现型” 和 “操作型”。表现型可以是一个产品介绍网站，而操作型的典型代表是管理后台。不久前有机会参与一个建站项目的设计与开发，它属于操作类型网站但需要更深一层的抽象，它是一个 “创建网站的网站”。本文尝试基于…

最近一直在做移动端微信公众号项目的开发，也是我首次用vue来开发移动端项目，前期积累的移动端开发经验较少。经过这个项目的锻炼，加深了对vue相关知识点的理解和运用，同时，在项目中所涉及到的微信api(微信分享，微信支付)，百度地图api(如何实例化地图，给地图添加自定义覆盖物，…

Vue 推荐在绝大多数情况下使用 template 来创建你的 HTML。然而在一些场景中，你真的需要 JavaScript 的完全编程的能力，这就是render 函数，它比 template 更接近编译器。（从官网复制的，慌得一批，其实简单来说就是以函数的方式写HTML，可控…

大家好，我就是技术胖，2017年我在下班时间录制了200集左右的视频教程，现在贡献155集免费观看，希望可以帮助前端小伙伴学习（点击下面链接免费观看）。需要说明的是本人还是一线奋战的前端程序员，不是专业讲师，所以教程难免有所纰漏和错误，还请多多理解和指正。这些视频都是本人原创，…

Vue.js 很棒。但是，当你开始构建大型 JavaScript 应用时，你将开始触及 Vue.js 的边界。实际上这些边界并不是框架的限制；相反，这些边界是 Vue.js 团队不断进步地重要设计决策。 与 React 或 Angular 不同，Vue.js 迎合不同级别的开发…

本文重点讲述Vue2渲染的整体流程，包括数据响应的实现（双向绑定）、模板编译、virtual dom原理等，希望读者看完有所收获。 前者固然直接，但是当应用变得复杂则代码将难以维护，而后者框架帮我们实现了一系列的操作，无需管理过程，优势显然可见。 为了实现这一点，就是实现如何输…