这里讲解d3的 enter update exit三种模式,以及 append、data、selectAll。
基本代码下面代码都基于以下代码:1234var svg = d3.select("body") .append('svg') .attr('width', 800...
more
Mr.Yellow.Wills
-
-
d3图形图解 树图树图布局APId3.layout.tree() 创建一个树图布局tree.size([]) 设置相邻节点间隔tree.separation([separation]) 设置相邻节点间隔tree.nodes(root) 根据root 计算获取节点数组tree.links(nodes) 根据nodes 计算获取连线数组节点对象(nodes)parent 父节点children ... more
-
基础知识express是一个nodejs框架如下图,express其实封装了原生写法的http等等nodejs的模块,只是原生的http模块用来写req、res有很多要处理的功能,express封装了很多功能到req、res中,用起来更加方便。因此express与nodejs的关系 就好比 jquery 与 js 的关系。因此可以认为express就是一个nodejs框架。 express是... more
-
一直在用git,也想总结一点git笔记,因此就有了本篇。 git图形化工具误你一生使用git图形化工具是使用git的错误开始,使用图形化越深,错的越深。珍爱git,及早丢弃图形化。 git init 与 git remote概述本地一个文件夹,里面有很多文件,你想从现在开始,对此文件进行版本管理,执行git init即可;git init后,就可以尽情地对此项目各种版本管理操作;有一天你想对... more
-
html知识html语义化概念js有语义化,html也有语义化,HTML的语义化强调不要都使用div,建议使用header\footer\nav\section\input num\input email….. 意义利于阅读;利于seo响应不同移动端弹框键盘移动设备会根据不同的input 如何number、email、text、password;弹出不同的键盘,这是很多移动开发使用input... more
-
js设计模式分两篇来写,此为下篇,上篇为 《js设计模式上(面向对象、闭包、命名空间)》。主要讲设计原则与设计模式两部分。 js设计原则js设计原则有四五个,但真正在js编程中的用得最多的差不多就两个:单一职责原则、开放封闭原则。另外在本节的最后部分,附上《unix/linux 设计哲学》书中提到的几个linux的编码准则,列举其中对js编码有启发意义的几个。 单一职责原则概念单一职责原则:... more
-
js设计模式分两篇来写,此为上篇。下篇为《js设计模式下》。js设计模式之前需要了解js的面向对象编程、闭包、命名空间编程模式的概念。 js的面向对象编程注意,这里说的是js的面向对象编程,非java面向对象编程。js的面向对象编程与java是有区别的。 概念js面向对象编程的核心概念是 类 和 实例(对象)。类 在es6上就是 class类,在es5中就是构造函数中定义一系列的propot... more
-
关于 mongoose 与 mongodb笔记 暂时以问答方式叙述。 mongoose 与 mongodb 基本知识什么是mongodb服务端和客户端启动mongodb服务端,cmd命令为 mongod;这表明在电脑上启动了mongodb服务,启动了mongodb服务端;启动mongodb客户端,cmd命令为 mongo;此命令执行后,cmd处于输入状态,可以对数据库进行增删改查;以上两面命... more
-
基础知识warning:uncontrolled .. to be controlled主要还是给input的value在 有值与没有值-undefined 之间切换了,解决之道在于始终保持 value为值: value || ‘’ ;用‘’ 代替 undefined。解决方案参考 之类的 React 元素本质就是对象(object)参考官网<Contacts /> 和 <... more
-
前言这次封装,利用的是工作之余,时间难免宝贵,主要注重功能实现,细节或代码风格没有太注重,请忽略之。 状态提升的运用市面上的form封装,基本套路都是,field设置为完全受控组件,将field状态提升至form。这是form封装方案设计的关键第一步,如果将field设置为非受控组件,后期很多功能实现起来将比较麻烦。 很多人认为,这个状态提升,就应该是提升到form的state中,其实不然,... more