因为工作需要做全栈开发，所以必须要搭建一个web服务器和vue进行联调，但是如果采用django自带的服务器，静态资源的处理很麻烦，前端开发还是需要处理静态资源的，所以我还是需要一个专门的web服务器。而我习惯在windows上开发，linux搭建开发环境虽然方便，不过单就浏览器不能多开这一点就让我十分不爽，windows下可以下载好几个浏览器，然后每个浏览器用于不同的任务（调试程序的死机了，不能

因为工作需要做全栈开发，所以必须要搭建一个web服务器和vue进行联调，但是如果采用django自带的服务器，静态资源的处理很麻烦，前端开发还是需要处理静态资源的，所以我还是需要一个专门的web服务器。而我习惯在windows上开发，linux搭建开发环境虽然方便，不过单就浏览器不能多开这一点就让我十分不爽，windows下可以下载好几个浏览器，然后每个浏览器用于不同的任务（调试程序的死机了，不能

目前有个需求是这样：要用vue开发前端，django开发后端，web服务器（apache或者nginx或者IIS）提供静态文件的服务，前端采用axios作为通信组件和后端的django通信，并动态更新页面。所以我的解决方案是前后端通信只有json数据，前端从后端拿到数据后在vue里面更新页面，这样可以不需要后端设计模板、处理字符串拼接之类的任务，减轻后端的负担，前端的计算量对于大多数客户端而言..

d3可以根据输入的数据来绘制各种图形，如果数据更新了呢？需要刷新图形，这个时候要注意，刷新图形和绘制图形是不同的。绘制图形需要先绑定数据，然后根据数据的size确定要生成多少个svg节点，然后再根据节点去处理各个数据d3.selectAll('path').data(points).enter().append('path').attr('d', (d) =&gt...

参考https://bl.ocks.org/mbostock/db6b4335bf1662b413e7968910104f0f实现了网格线他的思路是把d3中坐标轴的标记线延长到覆盖整个绘图区域，也就是修改ticks()，我觉得这样很巧妙在我读过的各篇文章里，关于d3坐标轴的ticks()大都语焉不详首先坐标轴要对应一个比例尺d3.scale()，比例尺包含了domain()和r...

有一组线条，通过一个三层的数组传递数据，第一层是线条，第二层是点，第三层是x、y坐标值，根据之前的d3.js学习笔记（6）嵌套式select绘制这个图形是很容易的。但是新的需求是：上游数据更新，在中间插入了一条新的线，为了实现这个需求，遇到了一些弯路。第一种错误方法：继续使用data()绑定，试图让d3自动更新，简单来说就是最初绘制这条线时使用的代码，在数据points更新后，再次用同...

在网上有很多教程讲如何用drag拖拽操作图形元素的，但是他们都没说如何操作数据。因为我要写的东西是一个通过在图形界面通过拖拽调整几何形状的程序，所以特别注意了这一点。首先在zoom里已经有了拖拽功能了，可以让整个场景平移，但是原始数据不变。而我需要在特定单元上添加拖拽功能，具体来说就是拖拽线条上的标记点，改变线条的数据。所以必须要让特定的拖拽覆盖zoom的拖拽，也就是说在程序执行时...

在上一篇https://blog.csdn.net/silent_missile/article/details/91128221介绍了如何跨组件，由激发组件通过emit事件，再通过父组件转发到目标组件来调用但是如果目标组件是router-view组件，使用方法就有所不同了，因为router-view组件是会随着路由地址改变而改变的其实调用的方法很简单，就是在router-view...

在实际页面中，很多时候页面一个部分的改变会导致另外一个部分的改变，比如在表格中输入数据会改变相邻的图表形状但是实际上这两个部分大都是差异很大，所以开发中一般都是做成两个组件的。如果在一个大组件中把所有的内容都包含进去，这就不够结构化了，而且有些时候会导致组件特别大。所以最好还是在一个组件中调用另外一个组件的内部函数。基本原理是1. 在激发组件emit一个事件，比如表格输入数据的变化，e...

zoom从字面上看是缩放的意思，但是d3中的zoom除了能缩放，还能平移，因为这两个操作总是不分家的首先，整个显示区域中并不是所有的元素都要缩放和平移的，比如坐标轴、背景，这些都是不需要缩放和平移的，所以在设定zoom元素时，需要将其排除。最好的办法是使用svg的g标签对图形元素进行分组，把需要缩放的放在一个g标签里，其他的可以放在一个g标签里，也可以分开放。在本示例代码中svgGraph...