chennaiyou1054-CSDN博客

转载 Github Visualization / Github 数据可视化

[TOC]Github Visualization / Github 数据可视化网站链接: https://ssthouse.github.io/github-visualization/github链接: https://github.com/ssthouse/github-visua...

2019-09-17 09:07:17 306

转载前端杂谈: 如何实现一个 Promise?

前端杂谈: 如何实现一个 Promise?首先, 什么是 Promise?A promise is an object that may produce a single value some time in the future: either a resolved value, or...

2018-12-13 16:45:00 80

转载微软宣布 Edge 浏览器将切换至 Chromium 内核

简述据微软官方 blog的消息，windows 的默认浏览器 Edge将切换内核至 Chromium，并且微软将秉承开源精神，在未来更多的为 Chromium项目贡献代码。微软具体说了什么？原文如下：For the past few years, Microsoft has mea...

2018-12-07 12:27:00 136

转载前端杂谈: DOM event 原理

前端杂谈: DOM event 原理DOM 事件是前端开发者习以为常的东西. 事件的监听和触发使用起来都非常方便, 但是他们的原理是什么呢? 浏览器是怎样处理 event绑定和触发的呢?让我们通过实现一个简单的event 处理函数, 来详细了解一下.首先, 如何注册 event ?这个...

2018-11-22 12:44:00 117

转载前端杂谈: CSS 权重 (Specificity)

前端杂谈: CSS 权重 (Specificity)css 权重想必大家都听说过, 一些简单的规则大部分人也都知道:较长的 css selector 权重会大于较短的 css selectorid selector 权重高于 class selector.但是具体规范是什么...

2018-11-19 15:28:00 105

转载前端杂谈: Attribute VS Property

第一个问题: 什么是 attribute & 什么是 property ?attribute 是我们在 html 代码中经常看到的键值对, 例如:<input id="the-input" type="text" value="Name:" />上面代码中的 inp...

2018-11-13 14:08:00 56

转载 Github Repository 可视化 (D3.js & Three.js)

Github Repository 可视化 (D3.js & Three.js)先上 Demo 链接 & 效果图demo 链接github 链接效果图 2D:效果图 3D:为什么要做这样一个网站?最初想法是因为 github 提供的页面无法一次看到用户的所有 ...

2018-10-17 18:45:00 127

转载可视化讲解深度优先遍历(DFT)

可视化讲解深度优先遍历(DFT)深度优先遍历, 刷过题的朋友应该都很熟悉了,难是不难,但是理解起来还是要费一些功夫的. 深度优先遍历的实现方法有递归和非递归两种, 这里我们用可视化的角度,讲解前一种: 递归的深度优先遍历.为什么要以可视化的方式来讲解呢? 因为人是视觉的动物, 如果和你说...

2018-09-16 12:15:00 150

转载前端Tips: 创建, 发布自己的 Vue UI 组件库

创建, 发布自己的 Vue UI 组件库前言在使用 Vue 进行日常开发时, 我们经常会用到一些开源的 UI 库, 如: Element-UI, Vuetify 等.只需一行命令, 即可方便的将这些库引入我们当前的项目:npm install vuetify// oryarn ad...

2018-07-22 13:20:00 102

转载用 D3.js 画一个手机专利关系图, 看看苹果,三星,微软间的专利纠葛

用 D3.js 画一个手机专利关系图, 看看苹果,三星,微软间的专利纠葛前言本文灵感来源于Mike Bostock 的一个 demo 页面原 demo 基于 D3.js v3 开发, 笔者将其使用 D3.js v5 进行重写, 并改为使用 ES6 语法.源码: github在线演示 ...

2018-07-16 10:08:00 144

转载可视化讲解 DOM 构建过程

前言最近在看 Secrets of the JavaScript Ninja, 书中第二章讲到 DOM 的构建流程.记得我之前也为理解 DOM 构建流程查阅过数次资料, 虽然每次查阅完都觉得 DOM 构建流程很简单, 看完便懂, 但是懂了又忘还是让人有些头疼.为了给自己加深印象, 也为了...

2018-07-10 12:18:00 80

转载 [译] D3.js 之 d3-shap 简介

[译] D3.js 之 d3-shap 简介译者注原文: 来自 D3.js 作者 Mike Bostock 的 Introducing d3-shape译者: ssthouse联系译者: 邮箱(ssthouse@163.com) & 微信(wssst123456789)...

2018-07-02 18:01:00 65

转载 [译]D3.js 之 d3-selection 原理

[译]D3.js 之 d3-selection 原理译者注原文: 来自 D3.js 作者 Mike Bostock 的How Selections Works译者: ssthouse译文在前一篇文章中, 我介绍了关于 D3 selection 的基础, 这些基础足以让你开始使...

2018-06-29 11:09:00 86

转载 [译] D3.js 嵌套选择集 (Nested Selection)

[译] D3.js 嵌套选择集 (Nested Selection)译者注:原文: Mike Bostock (D3.js 作者) -- Nested Selections译者: ssthouse本文讲解的是关于 D3.js 中 d3-selection 的使用. d3-sel...

2018-06-26 18:53:00 76

转载用D3.js 十分钟实现字符跳动效果

用D3.js 十分钟实现字符跳动效果注本文基于 D3.js 作者 Mike Bostock 的例子原文分为三部分, 在这里笔者将其整合为了一篇方便阅读.该效果基于 D3.js, 主要使用到了 d3-selection. 如果对d3-selection的基本使用逻辑不太清楚可以参...

2018-06-18 13:14:00 94

转载以 Join 的方式来思考D3.js

声明原文链接: 来自 D3作者 Mike Bostock https://bost.ocks.org/mike/join/译文地址: github repository如果觉得还不错, 不妨去github给个star ?Content打个比方, 你想用D3画一个散点图 , 用每一个...

2018-06-18 13:13:00 69

转载 [译]D3.js 漫游指南

原文: https://medium.com/@enjalot/the-hitchhikers-guide-to-d3-js-a8552174733a译文源代码地址: https://github.com/ssthouse/d3-blog/blob/master/d3-guide/d3_r...

2018-06-18 13:12:00 98

转载 D3.js + Canvas 绘制组织结构图

D3.js + Canvas 绘制组织结构图使用 D3.js 默认的 svg 渲染D3默认的树状图画图使用的是svg, 比如这个来自D3作者的例子:https://bl.ocks.org/mbostock/4339083使用svg有好有坏:好处是方便操作dom元素, 添加用户交互...

2018-06-18 13:11:00 462

chennaiyou1054的博客