- 博客(30)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 vue基于Echarts的拖拽数据可视化功能实现
我司产品提出了一个需求，做一个数据基于Echars的可拖拽缩放的数据可视化，上网百度了一番，结果出现了两种结局，一种花钱买成熟产品（公司不出钱），一种没有成熟代码，只能自己写了，故事即将开始，敬请期待......。 不，还是先上一张效果图吧，请看......前期知识点1. offset（偏移量）定义：当前元素在屏幕上占用的空间，如下图：其中：offsetHeight: 该元素在垂直方向上的占用的空间，单位为px，不包括margin。offsetWidth：该元素在水...
2020-12-31 15:04:35
4445
3
原创 vue使用echarts图表自适应的几种解决方案
这篇文章主要给大家介绍了关于vue使用echarts图表自适应的几种解决方案，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧1.使用window.onresize 1 2 3 4 let myChart = echarts.init(document.getElementById(dom)) window.onresize = function () { ..
2020-12-31 14:54:13
1597
原创 详解Vue中的自定义指令
这篇文章主要介绍了Vue中的自定义指令的相关资料，帮助大家更好的理解和学习vue框架，感兴趣的朋友可以了解下 除了默认设置的核心指令( v-model 和 v-show )，Vue 也允许注册自定义指令。在Vue里，代码复用的主要形式和抽象是组件。然而，有的情况下，仍然需要对纯 DOM 元素进行底层操作，这时候就会用到自定义指令。本文将详细介绍Vue自定义指令指令注册 以一个input元素自动获得焦点为例，当页面加载时，使用autofocus可以让元素将获得焦点 。但是autofocus在
2020-12-31 14:44:37
1448
原创 Redis 设计与实现 1：数据库 redisDb
服务器中的数据库Redis 服务器将绝大部分的信息都保存在server.h/redisServer。redis 的数据是保存在redisServer中的redisDb结构中。struct redisServer { // ... redisDb *db; // 数据库列表 // ... int dbnum; // 数据库数量 // ...}db中每个redisDb结构代表一个数据库。 在初始化服务器时，程序会根据服务器状态的dbn...
2020-12-31 14:35:49
1188
原创 Redis 设计与实现 5：压缩列表 ziplist
压缩列表是 ZSET、HASH和 LIST 类型的其中一种编码的底层实现，是由一系列特殊编码的连续内存块组成的顺序型数据结构，其目的是节省内存。ziplist 的结构外层结构下图展示了压缩列表的组成：各个字段的含义如下：zlbytes：是一个无符号 4 字节整数，保存着 ziplist 使用的内存数量。 通过zlbytes，程序可以直接对 ziplist 的内存大小进行调整，无须为了计算 ziplist 的内存大小而遍历整个列表。 zltail：压缩列表 最后一个 entry 距离.
2020-12-31 14:24:59
523
1
原创 你不知道的JavaScript之作用域
什么是作用域编译原理 分词/词法分析 这个过程会将由字符组成的字符串分解成（对编程语言来说）有意义的代码块，这些代 码块被称为词法单元（token） 解析/语法分析 这个过程是将词法单元流（数组）转换成一个由元素逐级嵌套所组成的代表了程序语法 结构的树。这个树被称为“抽象语法树”（Abstract Syntax Tree，AST）。 什么是抽象树呢？在这个网站上可以在线的看到js源代码，也就是抽象树在线生成抽象树 代码生成 将..
2020-12-31 11:22:52
220
原创 你不知道的JavaScript之作用域
什么是作用域编译原理 分词/词法分析 这个过程会将由字符组成的字符串分解成（对编程语言来说）有意义的代码块，这些代 码块被称为词法单元（token） 解析/语法分析 这个过程是将词法单元流（数组）转换成一个由元素逐级嵌套所组成的代表了程序语法 结构的树。这个树被称为“抽象语法树”（Abstract Syntax Tree，AST）。 什么是抽象树呢？在这个网站上可以在线的看到js源代码，也就是抽象树在线生成抽象树 代码生成 将..
2020-12-31 11:22:22
67
原创 new vue 实例发生了什么呢
前言 最近全面栽进vue源码解析中，将出一系列的学习笔记 以及个人的一些总结第一步准备工作 到GitHub上下载vue的源码（巧妇难为无米之炊） 用自己喜欢的编辑器打开源码 vue主要源码資源在src文件中 放一张很流行解说vue数据响应式的图儿 第二步认识目录结构 第三步一回只理清一条线 (这次我们主要是理清new vue 实例 vue 做了哪些工作) vue 用 flow 静态类型检查（flow是如何工作的呢 可以上官网看看） vue 用 rollup 构建 .
2020-12-31 11:18:54
558
原创 vue 导入.md文件（markdown转HTML）
前言 刚接到这个需求的时候，觉得很简单（的确很简单）但是这玩意的坑真的也让人无奈。 网上找了很多的资料，都没有写出痛点（这就很难过了）。通过实践并且在我们项目中平稳运行，想分享给后面的人 我的博客上也写了100多篇文章，点击量有上万的也有个位数的，能够帮助到他人这就是写作记录的动力。需求 vue项目中可以良好展示markdown（只是展示功能 没有编辑功能）痛点问题.md文件类型，直接模块加载（只有字符串，这得多难受，怎么维护呢），还是一个文件一个文件的好维护并且好修改复
2020-12-31 11:17:03
5099
原创 Sentinel支持Spring Cloud Gateway
1. 前言4月25号，Sentinel 1.6.0 正式发布，带来 Spring Cloud Gateway 支持、控制台登录功能、改进的热点限流和注解 fallback 等多项新特性，该出手时就出手，紧跟时代潮流，昨天刚发布，今天我就要给大家分享下如何使用！2. 介绍（本段来自Sentinel文档）Sentinel 1.6.0 引入了 Sentinel API Gateway Adapter Common 模块，此模块中包含网关限流的规则和自定义 API 的实体和管理逻辑：GatewayF
2020-12-29 14:30:02
1002
原创 Sharding-JDBC:查询量大如何优化？
主人公小王入职了一家刚起步的创业公司，公司正在研发一款App。为了快速开发出能够投入市场进行宣传的版本，小王可是天天加班到很晚，忙了一段时间后终于把第一个版本赶出来了。初期功能不多，表也不多，用的MySql存储业务数据。就一个节点，当然每天凌晨有定时备份机制。下图是目前的一个现状：得益于运营人员的大力推广，这款App初见成效。注册用户越来越多，查询量越来越大，对于不太会更新的数据小王加上了缓存，又撑了一段时间。对于某些数据还是要查数据库，按目前的业务发展，单节点的数据库已经快满足不了需求
2020-12-29 14:27:23
829
原创 Apollo服务端设计原理剖析
1 配置发布后的实时推送设计配置中心最重要的一个特性就是实时推送了，正因为有这个特性，我们可以依赖配置中心做很多事情。在我自己开发的Smconf这个配置中心，Smconf是依赖于Zookeeper的Watch机制来实现实时推送。上图简要描述了配置发布的大致过程：用户在Portal中进行配置的编辑和发布 Portal会调用Admin Service提供的接口进行发布操作 Admin Service收到请求后，发送ReleaseMessage给各个Config Service，通知Confi
2020-12-29 14:25:36
299
原创 Spring Cloud Zuul 那些你不知道的功能点
1. /routes 端点当@EnableZuulProxy与Spring Boot Actuator配合使用时，Zuul会暴露一个路由管理端点/routes。借助这个端点，可以方便、直观地查看以及管理Zuul的路由。将所有端点都暴露出来，增加下面的配置:management.endpoints.web.exposure.include=*访问http://localhost:2103/actuator/routes可以显示所有路由信息：{ "/cxytiandi/**..
2020-12-29 14:23:19
218
原创 Sentinel Slot扩展实践-流控熔断预警实现
前言前几天公司生产环境一个服务由于流量上升触发了 Sentinel 的流控机制，然后用户反馈访问慢，定位发现是 task 定时任务导致，后面 task 优化之后发布，流量恢复正常。这是一个再正常不过的生产问题，可能大部分同学都经历过，经历过的大多数是解决问题之后就不了了之，导致事故还有再次发生的可能，最终对用户造成了不好的体验。所以我觉得所有的生产问题都需要进行复盘，当然复盘的目的不是为了追责，而是防止下次再发生同样的错误。那我们就简单分析一下这个问题，首先肯定是业务层面的疏漏导致 task 发出不
2020-12-29 14:20:00
1369
1
原创 当Spring Cloud Alibaba Sentinel碰上Spring Cloud Sleuth会擦出怎样的火花
前言今年主要会做一个比较完整的微服务项目开源出来。目前已经开始了，刚兴趣的先Star一个吧。项目：https://github.com/yinjihuan/kitty-cloud基础框架：https://github.com/yinjihuan/kitty在做的过程中遇到一个问题那就是标题所说的两个框架碰撞了火花。都是S开头的谁都不服谁。问题描述既然使用了Sentinel来限流，那么干脆熔断也直接用Sentinel好了，所以就没使用Hystrix了。Sentinel对Feign做
2020-12-29 14:17:34
1378
原创 Dubbo对Spring Cloud
前言Kitty Cloud 开源后有以为朋友在 GitHub 上给我提了一个 issues，问为什么项目中要同时集成 Feign 和 Dubbo 两个框架来调用服务。今天就来聊一聊这个问题，然后讲下在 Kitty Cloud 中如何切换使用两种调用方式。为什么要支持两种协议？关于支持两种协议，我这个是一个开源项目，主要还是为了让使用者有更多的选择。当然框架本身不是我开发的，我只是使用者而已。一种协议更统一化，两种协议混着用也不是不可以，具体还是看实际需求。比如你们内部有个 ID 分发的服务，
2020-12-29 14:15:05
997
原创 [读书笔记]《大数据之路》——阿里数据整合及管理体系——OneData模型
阿里数据整合及管理体系——OneData模型摘要#阿里的《大数据之路》第9章介绍了其内部进行数据整合及管理的方法体系和工具OneData。他们在这一体系下，构建统 、规范、可共的全域数据体系，避免数据的冗余和重复建设，规避数据烟囱和不一致性，了解他们的建模理论，有助于扩宽我们对数据建模的视野和思考。1. 概述#阿里巴巴集团大数据建设方法论的核心 ：从业务架构设计到模型设计，从数据研发到数据服务，做到数据可管理 、可追溯、可规避重复建设。1.1 定位及价值#定位：建设统一的、规范化的数
2020-12-28 12:50:57
468
原创 二叉排序树BST及CRUD操作
摘要#构造一颗二叉排序树(也叫二叉搜索树，BST，Binary Search Tree)十分简单。一般来讲，大于根节点的放在根节点的右子树上，小于根节点的放在根节点的左子树上(如果等于根节点，则可视情况而定)，如果写程序的话，可以采用递归的方式，而且由于不存在重叠子问题的情况，因此递归的性能已经足够好(不考虑栈溢出的情况)。二叉排序树在通常情况下可以达到O(lgN)的静态、动态操作的时间复杂度，但是存在一种特殊情况，即输入的数据本身就是有序的，这时二叉排序树退化成向量。下面我们系统归纳一下二叉树
2020-12-28 12:48:37
286
原创 Hive对JSON格式的支持研究
一、背景#JSON是一种通用的存储格式，在半结构化存储中十分常见，部分场景已经开始存在以JSON格式贴源存储的数据，作为下游数据使用方，我们亟需对JSON格式的数据进行加工和处理，以提取出我们需要的数据，以对外提供更完善的数据服务。经过调研，目前hive已对JSON格式的数据提供了相应的支持，但在一些复杂场景可能无法达到我们的需求以及理想的性能，具体介绍如下。二、解析JSON对象的方法#（一）get_json_object(string json_string, string path)#
2020-12-28 12:46:45
298
原创 从0到1进行Spark history分析
一、总体思路#以上是我在平时工作中分析spark程序报错以及性能问题时的一般步骤。当然，首先说明一下，以上分析步骤是基于企业级大数据平台，该平台会抹平很多开发难度，比如会有调度日志（spark-submit日志）、运维平台等加持，减少了开发人员直接接触生成服务器命令行的可能，从物理角度进行了硬控制，提高了安全性。下面我将带领大家从零到一，从取日志，到在Spark WebUI进行可视化分析相关报错、性能问题的方法。二、步骤#（一）获取applicationID#1.从调度日志获取#
2020-12-28 12:44:35
675
原创 MySQL的索引有哪些
一、索引是什么# 索引，在MySQL中也叫“键（key）”，是存储引擎用于快速找到记录的一种数据结构。如果把数据库的一张表比作一本书，那索引则是这本书的目录，通过目录，我们能快速找到我们想要的主题所对应的页码。索引的作用即类似于书的目录，帮助我们快速定位到相关数据行的位置。 好的索引能使查询的性能提高几个数量级，而差的索引在大数据量的表中甚至会使性能急剧下降。“最优”的索引有时比一个“好的”索引性能要好两个数量级。二、索引有哪些类型# 索引有很多种类...
2020-12-28 12:38:44
400
原创 NET作品集：linux下的博客程序
博客程序架构本博客程序是博主11年的时候参考loachs小泥鳅博客内核开发的.net跨平台博客cms，距今已有6年多了，个人博客网站一直在用，虽然没有wordpress那么强大，但是当时在深究.net的同时，自己能写一个博客程序，并且基于独立Linux服务器搭建一个自己的.net网站还是挺有意思，毕竟当年运行在linux下的.net网站还是极少数的，之前的部署方式一直沿用至今，网站服务器仅仅内存512M扩充到1G，毕竟现在的操作系统512M实在是有点少，如果是跑静态站点还可以，动态的再多放点东西就会内存
2020-12-28 12:32:35
476
原创 《高质量c++编程》随记------001
1>：c++结构 包含： 1.STL （标准模板库Standard Template Library） 2.template 3.object-oriented 4.c++
2013-04-15 15:21:19
644
1
转载 物联网与嵌入式系统
物联网：就是将我们现实中的事物关联起来，可以智能的控制，形成一张网； 它有6个行为元素：1>事物的保存；2>物体的感知；3>物体的可控；4>物体之间可以通信；5>对物体的管理；6>物体之间的互斥； 物联网和云计算的关系是基础和上层建筑的关系； 物联网是智慧地球；云计算是智慧服务；物联网的实现有3个源头，即智慧源头（微处理器），网络
2013-01-03 16:53:14
786
原创 .ini文件格式
.ini 文件是Initialization File的缩写，即初始化文件。是windows的系统配置文件所采用的存储格式，统管windows的各项配置，一般用户就用windows提供的各项图形化管理界面就可实现相同的配置了，但在某些情况，还是要直接编辑.ini才方便，一般只有很熟悉windows才能去直接编辑。开始时用于WIN3X下面，WIN95用注册表代替，以及后面的内容表示一个节，相当于注册
2012-07-11 16:31:40
955
2
原创 vector 好处，，，，
vector在C++标准模板库中的部分内容，它是一个多功能的，能够操作多种数据结构和算法的模板类和函数库。 （1）矢量：具有方向性的量。 (2) 编程语言方面：vector是C++标准模板库中的部分内容，中文偶尔译作“容器”，但并不准确。它是一个多功能的，能够操作多种数据结构和算法的模板类和函数库。vector之所以被认为是一个容器，是因为它能够像容器一样存放各种类型的对象
2012-07-10 08:42:10
1131
转载 CBrowser
如果要编写一个基于COM的浏览器,我们需要用到如下的接口:IOleContainer,IOleClientSite,IOleInPlaceSite,IOleControlSite,DWebBrowserEvents2,IWebBrowser2,IConnectionPoint,IOleObject.一下子看到如此多既陌生又似熟悉的玩意,不知道有没有人不晕的?反正我罗列出来的时候,自己已经晕了. :
2012-07-07 15:19:52
823
转载 CMedia类源代码
相对v1.2.0版本进行的改进: 1.增加GetMediaProperty函数获得的属性,增加如下属性:llDuration,llAvailableEarliest,llAvailableLatest. 2.增加如下函数:SetRate(),GetRate(),GetPositionCurrent(),SetPositionCurrent() ,GetDispl
2012-07-06 15:25:01
720
原创 wince 系统界面修改拙见
xeScope是桌面Windows常用的一个更改界面的工具，很多朋友都喜欢用它来汉化界面。Windows CE下面的程序，虽然不能直接在Windows XP上运行，但程序的组织还是相同的。而用EVC更改了.res文件并保存的话，evc会添加不少的额外的东西，要解决此问题，只能采用记事本来修改了，，，
2012-07-05 15:25:02
1339
翻译 香草冰淇淋和代码调试
//=====================================================================//TITLE:// 香草冰淇淋和代码调试//AUTHOR:// norains//DATE:// Friday 01-July-2011//Environment:// Keil MDK 4.2
2012-07-05 14:03:15
733
android开发实例；xml解析；http下载文件；tabhost；
2013-05-11
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人