DoryDM-CSDN博客

原创 C语言函数的参数传递实例:利用函数交换两个变量的值

交换两个变量的值，容易联想到【两量交换借助中间变量】的方法。若用函数调用的方式来实现交换，沿用上述思路初步实现如下:#include<stdio.h>void exchange(int,int);void exchange(int one,int another){ int t; t = one; one = another; anoth...

2018-04-17 01:28:04 17945 1

原创【SVG.js实战篇】01-Vue中优雅的使用SVG.js

一、关于SVG.jsSVG.js是一个基于SVG的开源JS库，支持操作 SVG 和执行 SVG 动画。真的很好用！(在实际项目场景中，使用SVG.js很便利友好)github仓库官方文档本文Demo源码二、安装// npmnpm install @svgdotjs/svg.js// yarnyarn add @svgdotjs/svg.js三、项目中引入import { SVG } from "@svgdotjs/svg.js"四、绘制基础图形绘制图形之前，首先需要创

2020-07-26 17:38:29 7265 4

原创【Echarts第四篇】用自定义图标渲染数据

前言：项目中遇到一个需求，将Y轴数据源中的不同字段用对应的自定义图标展示，正好Echarts支持自定义系列图标，实现起来挺方便，所以我又自己做了一个小栗子，总结一下Echarts自定义系列的用法。这是下文例子的成品demo，包含两个系列(series)的Echarts图，其中一个是普通的折线图，另一个则是根据数据自定义的系列。一、Echarts自定义系列介绍Echarts的自定义系列支持自定义系列中的图形元素，核心API如下:series: [{type: custom, //指定系列类.

2020-07-09 22:28:20 3362 1

原创【JS版算法笔记02】搜索插入位置

题目描述(注: leetcode原题传送门):给定一个排序数组和一个目标值，在数组中找到目标值，并返回其索引。如果目标值不存在于数组中，返回它将会被按顺序插入的位置。(可以假设数组中无重复元素)我看评论区很多JS的小伙伴都选择了indexOf()方法，但我在做这道题目时使用了findIndex()方法: ，也挺好用:var searchInsert = function(nums, target) { //如果目标值在数组内，则返回其索引 let isEqual = (item)

2020-05-16 11:42:07 278

原创 Echarts【第三篇】框选型dataZoom配置项

dataZoom配置项主要用来对坐标轴的数据区域进行缩放，分为内置型、滑条型以及框选型。框选型区域缩放功能支持用户通过框选坐标轴的区域，来控制数轴的显示范围。(官网实例传送门)本文重点总结框选型区域缩放的常用配置:配置toolbox配置了toolbox.feature.dataZoom后，工具栏就会显示数据区域缩放相关的图标：分为区域缩放图标、区域缩放还原图标。区域缩放重置图标需要单独引入。 toolbox: { right: '5%', //工具栏离容器右侧的距离(left、to

2020-05-12 16:15:38 2446

翻译【译】React入门导学与实战

关于本译文，我的小说明：最近在学习React，看到这篇特别详细的入门文章，觉得很棒，就想赶在青年节结束之前，翻译并分享出来。这是本人第一篇技术译文，即便花费了好几天时间，也还是可能存在一些翻译不到位的地方。如果可爱的你发现了什么错误，别被我误导，以原文的意思为准~????????????以下为正文：当我第一次开始学JavaScript时，就已经听说过React了。但我得承认，当我看了一眼React后...

2020-05-04 19:44:29 289

原创【JS版算法笔记】第一篇-求二叉树的所有路径

题目描述(leetcode传送门)：给定一个二叉树，求所有从根节点到叶子节点的路径。结合二叉树的数据结构，容易联想到用递归的方式，先上代码:var binaryTreePaths = function(root) { if(root == null) return [] if (root.left == null && root.right...

2020-04-18 15:31:58 448

原创 Vue组件通信方式

一、组件间存在的关系通常来说，各组件之间的关系分为:• 父子组件• 兄弟组件• 隔代组件问题来了，在Vue中，如何界定各组件之间属于什么关系？在Vue中，组件以树的形式互相联结:个人的理解是，组件之间的引入关系决定了各自之间的从属关系:对于父子组件，如果组件B在组件A中通过以下方式注册,且在组件A的template以如下方式引用：//组件A-父组件<template&g...

2020-04-04 12:08:28 212

原创【Echarts第二篇】自定义柱状图的样式

以使用频率较高的颜色开始走起~！一.自定义颜色如果系列没有设置颜色，则会依次循环从该列表中取颜色作为系列颜色。官方文档给出的默认颜色列表为:[’#c23531’,’#2f4554’, ‘#61a0a8’, ‘#d48265’, ‘#91c7ae’,’#749f83’, ‘#ca8622’, ‘#bda29a’,’#6e7074’, ‘#546570’, ‘#c4ccd3’]但实际上...

2020-03-23 23:14:37 4790

原创 Web性能优化-第一篇

一、衡量网页性能的重要指标首次绘制（First Paint）: 参考@MDN 的说法，指浏览器将第一个像素渲染到屏幕上所需的时间首次有内容绘制（First Contentful Paint）: 网页上出现任意有内容的东西需要的时间首次有意义绘制（First Meaningful Paint): 系统的主要内容出现在页面上所需的时间首次可交互时间（Time To Interactive)...

2020-01-17 16:18:38 464

原创 Vue中使用Echarts【第一篇】实现简单柱状图

所需工具: Vue + Vue CLI + Echarts第一步，初始化Vue项目&引入Echarts1.使用Vue CLi构建Vue项目，并引入Echarts，引入方式见官网在这里用npm的方式引入:npm install echarts --save第二步，如果上述步骤没出啥意外，就可以在Vue项目中愉快的使用Echarts了;-)现在开始尝试实现官网给出的柱状图示...

2019-09-25 11:31:05 10996

原创 CSS盒模型以及CSS选择器

Part 1 :盒模型(box model) “every element in web design is a rectangular box.”在一个文档中，每个元素都被表示为一个矩形的盒子。在CSS中，使用标准盒模型(也可叫做框模型)描述这些矩形盒子中的每一个。这个模型描述了元素所占空间的内容。每个盒子有四个边：外边距边(margin), 边框边(border), 内填充边...

2018-02-14 01:36:23 345

原创学习git

Git 是 Linus Torvalds 于2005年为了帮助管理 Linux 内核开发而开发的一个开放源码的版本管理软件。版本管理是指管理更新的历史记录，git的这种特性使源代码的发布和交流极其方便git常用命令1-初次运行 Git 前的配置设置用户信息git config --global user.name "你的用户名"git config --global user.e...

2017-11-29 22:32:41 270

Wonder_Risk的博客