![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Web-FE
文章平均质量分 86
Fine0830
这个作者很懒,什么都没留下…
展开
-
React+D3组件开发之treemap(树图)
背景在React前端项目中使用D3JS定制可视化组件,treemap支持节点的新建、删除、缩放、全屏等功能技术实现###首先图表线和点的数据 // dataSource初始数据 const hierarchyData = d3.hierarchy(dataSource) // hierarchy layout and add node.x,node.y c...原创 2019-10-11 17:36:10 · 3774 阅读 · 0 评论 -
前端MVC变形记
转自:http://efe.baidu.com/blog/mvc-deformation/ 背景: MVC是一种架构设计模式,它通过关注点分离鼓励改进应用程序组织。在过去,MVC被大量用于构建桌面和服务器端应用程序,如今Web应用程序的开发已经越来越向传统应用软件开发靠拢,Web和应用之间的界限也进一步模糊。传统编程语言中的设计模式也在慢慢地融入Web前端开发。由于前端开发的环境特性,在经典MV转载 2016-07-29 11:34:53 · 756 阅读 · 0 评论 -
框架数据观测实现原理
首先了解一下浏览器的渲染原理《How Browsers Work》译文(http://developer.51cto.com/art/201306/398315.htm),由于个人最近在研究框架性能,格框架的正确的使用场景,对框架的数据绑定原理做了如下的总结:1、AngularJS Angular的数据观测采用的是脏检查(dirty checking)机制。每一个指令都会有一个对应的用来观测数据的原创 2016-12-27 14:17:46 · 525 阅读 · 1 评论 -
React --- Virtual DOM
1、 原生 DOM 操作 vs. 通过框架封装操作。这是一个性能 vs. 可维护性的取舍。框架的意义在于为你掩盖底层的 DOM 操作,让你用更声明式的方式来描述你的目的,从而让你的代码更容易维护。没有任何框架可以比纯手动的优化 DOM 操作更快,因为框架的 DOM 操作层需要应对任何上层 API 可能产生的操作,它的实现必须是普适的。针对任何一个 benchmark,我都可以写出比任何框架更快的手动原创 2016-12-08 18:11:59 · 501 阅读 · 0 评论