- 博客(35)
- 收藏
- 关注
RSS订阅原创 echart 中 tooltip 基本设置
tooptip.position chart配置文档将提示框限制在 图形范围内let opt ={ tooltip:{ position: function (point, params, dom, rect, size) { // 提示框 限制在chart 图中 var x = 0; // x坐标位置 var y = 0; // y坐标位置 var pointX = point[
2020-11-19 16:46:17
5742
原创 chart 中 legend标签 自定义事件 和 解绑事件
点击legend 标签触发事件let chartObj = echarts.init(this.$refs["chartOpts"]); // 初始化 chart ...let opts = { legend: { inactiveColor:"#e93030", // 点击后 文字的颜色 默认 #999 selected:{ // 设置 标签是否显示 默认 true "first":true,
2020-11-19 16:28:51
2111
原创 git的使用
git的安装Git：分布式的版本管理工具Svn：集中式的版本管理工具官网下载网址具体安装步骤git使用工作区 --> 暂存区 --> git本地仓库 --> git远程仓库（github / code.aliyun.com / …）配置用户名和邮箱（自己注册 、工作分配）直接在文件夹右键中Git Bash中配置git config --global user.name “psh” git config --global user.email “hanye_web@sin
2020-06-29 21:39:21
131
原创 vue双向数据绑定
双向数据绑定在vue中，针对于input框，有v-model属性标识符实现数据的双向绑定，即当vue上data数据发生改变，页面上的数据内容也会发生改变。利用自定义属性的方法，实现v-model的功能Vue.directive('myModel',{ bind(el,bindings,vnode){ // el 绑定的元素 // bindings ：一个对象，包含着vue上的数据属性以及属性值 // vnode Vue 编译生成的虚拟节点 // 数据先放到input框中，完成双
2020-06-18 20:48:02
186
1
原创 ES6----Class类
class类Java中也有class类，它在Java中用来表示运行时类型信息的对应类；在es6的新特性，用于实现面向对象的编程，是JavaScript中它是属于新的一种构造函数的创建。创建class// class 类创建 普通构造函数的创建方式class Father{ ...
2020-03-30 20:08:17
123
原创 ES6--符号Symbol
Symbol概念在JavaScript中的数据类型分为两类，原始数据类型（number、string、undefined、null、boolean）和引用数据类型（object、function等），而符号Symbol是es6中新增的一种数据类型，并且const sym = Symbol("abc") // 创建符号 symbol（“符号的描述”） typeof(sym) // ...
2020-03-30 20:07:28
115
原创 ajax回调地狱、promise解决回调
回调地狱和回调函数回调地狱将函数作为参数传入，一个嵌套着一个，到最后，代码排列成了 一个三角形， 造成了可阅读性差，代表代码的可维护性 差、可迭代性差、可扩展性差。回调函数回调函数不是由该函数的实现而直接调用的，而是在特定的事件或条件发生时由另外的一方法调用执行的，用于对该事件或条件进行响应。//ajax通过get方法获取json数据// 参数 过去数据的地址 即json文...
2020-03-23 10:45:04
235
原创 连接mysql时出现'caching sha2 password'的问题
使用 Navicat 连接MySQL数据库时，出现这样的提示2059 - Authentication plugin 'caching sha2 password' cannot be loaded: Ф*X00090ga连接不上数据库这句话的大概意思是：无法加载身份验证插件“缓存sha2密码”查看MySQL官网参考文档In MySQL 5.7, libmysqlclient uses...
2020-03-23 10:44:16
679
原创 ajax实现城市三级联动
html同以往的城市三级联动原生js代码一样<select name="sheng" id="sheng"> <option value="-1">请选择</option> </select> <select name="shi" id="shi"> <option value="-1">...
2020-03-17 11:21:10
234
原创 命令提示符---基本命令行
概念命令提示符是在操作系统中，提示进行命令输入的一种工作提示符。在不同的操作系统环境下，命令提示符各不相同。在windows环境下，命令行程序为cmd.exe，是一个32位的命令行程序，微软Windows系统基于Windows上的命令解释程序，类似于微软的DOS操作系统。基本命令dir–列出当前目录下的所有文件cd+文件名–进入指定文件cd+.–进入当前文件夹cd+..–返回上一级目录...
2020-03-10 20:59:07
1793
原创 display:grid 布局
display:grid 布局通过display属性设置属性值为grid或inline-grid可以创建一个网格容器。网格容器中的所有子元素就会自动变成网格项目（grid item）其用法和弹性盒子的用法相似，但是布局方式有所不同用法在父级容器中设置display：grid详细的用法：display:grid;常用的属性：grid-template-columns：100px 1...
2020-01-09 14:27:22
884
原创 弹性盒子：diaplay:flex
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...
2020-01-08 20:32:43
423
原创 键盘、鼠标、移动端触屏事件
事件的绑定方式句柄绑定 — 写在html标签中以属性的形式存在 【onclick="function(){}"】DOM 0 级绑定 — element.on+事件 =function(){}DOM 2级绑定 — document.addEventListener("事件"，function(){})键盘事件keydown 按键事件keycode 按键的Unicode码 ，对应键...
2019-12-27 11:28:18
352
原创 js源码实现随机四位验证码
HTML使用canvas画布绘制 <canvas width="400px" height="120px" id="canvas"></canvas>js分析：随机的背景，随机的字体大小， 随机的线条， 随机的50个原点， 随机的 字体颜色，随机的位置 ----封装一个产生随机数的函数根据不同的x y轴的 不同的位置不同的背景颜色 rgba()随机...
2019-12-26 20:31:19
581
原创 数据的深度克隆clone
JS数据的类型原始数据类型：number string boolean undefined null引用数据类型：object数据的存储原始数据类型：数据存储在栈中引用数据类型：比如 数组arr 对象 obj 存储在栈中的是存储在堆中的数据的地址在复制一个数组或者对象时，复制的为栈中存储的地址，当改变复制的对象或者数组，也会改变原始的数据进一步检测数据的类型 见：ht...
2019-12-26 19:53:03
366
原创 js源生实时时钟
Date对象var nowtime = new Date()获取当前的客户端时间【包括年月日】var diyTime = new Date("2019/12/12 12:12:12") 自定义时间var month = nowtime.getMonth()获取当前的时间的月份【返回值：0-11】var year= nowtime.getFullYear() 获取当前的年份var dat...
2019-12-26 19:13:03
148
原创 HTML、CSS思维导图
HTML介绍HTMLHTML的标签- 块级标签- 行内标签部分语义化标签标签的属性以及用法csscss样式css选择器样式属性- 浮动- 定位- 盒子模型- 颜色- 基础样式属性...
2019-12-25 20:33:59
472
1
原创 鼠标小尾巴特效
BOM中的event子对象浏览器的子对象event事件对象中获取相对文档的距离 水平： event.clientX() 垂直： event.clientY()获取相对屏幕的距离 水平： event.screenX() 垂直： event.screenY()获取相对当前父级元素的距离 水平： event.offsetLeft() 垂直： event.offsetTop()要获取...
2019-12-07 16:06:06
3234
原创 js源码实现基础计算器
HTML结构利用div、ul-li、span、button等标签将内容结构搭建起来 <div class="main"> <span class="span"></span> <span class="span"></span> <ul> <li class="addition"&g...
2019-12-07 13:39:31
627
1
原创 数组和类数组的判断
类数组拥有length属性，其它属性（索引）为非负整数（对象中的索引会被当做字符串来处理）;不具有数组所具有的方法；类数组是一个普通对象，而真实的数组是Array类型。常见的类数组有:函数的参数arugmentsDOM对象列表(比如通过 document.querySelectorAll得到的列表)jQuery 对象 (比如$("div"))etc…【概念来自：https:...
2019-12-07 10:57:37
335
原创 轮播图
HTML结构<div id="all"> //图片 <div class="pic"> <img src="timg1.jpg"> <img src="timg2.jpg"> <img src="timg3.jpg"> <img src="timg4.jpg"> <img src=...
2019-12-02 21:04:11
75
原创 2048小游戏
HTML结构 <div class="all"> //头部提示部分 <p class="first_tr">SCORE:<span id="score01"> 0</span></p> //中间游戏部分 <ul class="main"> <li class="cell" id="n00">&l...
2019-11-23 15:20:32
109
原创 JS---对象、构造函数
对象的概念简单来说，万物皆可对象，对象就是一个拥有属性和方法的集合在JS中typeof([])得到的返回值是object，这里可以知道array，也是一个对象，而对象在某种方面看也等同于关联数组，在JS中引用类型都具有对象特征...
2019-11-18 20:32:35
132
1
原创 闭包
闭包的作用所谓“闭包”，指的是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。简单来讲，闭包通常是，一种解决问题的方法，可以重复使用变量又不会让变量被污染，通常是在一个函数（f1）里面封装另一个函数（f2），然后在全局中能调用它（f2），闭包会导致一系列的作用域链，列如，在f2 中可以访问f2的变量，也可以访问f1中的变量，也可以访问wind...
2019-11-12 21:33:19
61
原创 js - 作用域和预编译
js全局域-window一切声明的全局变量，都是作用在window的域中，js中最大的作用域就是window首先在全局声明变量或者函数时，先将函数或者变量的声明提前，赋值将留在原地 var d ; console.log(d);//undefined function eg(a,b){ console.log(c);//function cons...
2019-11-11 20:51:46
108
原创 数组中的常用API--(2)
push、unshift—数组增加元素用法：arr.push(value)—在数组的末尾添加元素arr.unshift（value）—在数组的头部添加元素var arr = [2,3,4,5] ;arr.push(6);arr.unshift(1);console.log(arr);输出的结果为：由图可知，添加元素的API会改变的原数组，在原数组的基础上增加新的元素，发那...
2019-11-10 20:05:40
65
原创 数组中的常用API（1）
String—将数组转为字符串用法：var arr = ["a","r","r"];var str = String(arr)//输出结果str为 a，r，r不会完全只转换数组中的数据，会连带把数组中的逗号也转换过来，相当给数组拍照，不会改变原数组，返回值是一个新的字符串join—将数组中的元素连接起来用法: arr.join(“自定义连接符号”)var arr = ["a",...
2019-11-10 13:49:08
157
原创 js ---数组去重
去除数组中的重复项分析：首先，先创建一个新的空数组，遍历需要去重的数组，然后，将没有重复的数组元素添加到新的这个空的数组中。方法一：用两个for循环var arr = [20,20,30,30,60,15,29,15];function arr_2(arr){ var result=[]; var num = result.length; // 遍历数组a...
2019-11-02 14:22:35
85
原创 js--逻辑训练题（1）
正整数分解质因数分析：质因数–能整除给定正整数的质数，将给定的正整数分解为不能再分解的整数通过循环 i -----（一个数的质因数的范围，大于2，并且小于等于他自身 2 <= i <= user）首先判断 user的质因数 是否等于他本身，如果等于，则结束循环，如果不等于，则进入下个循环，循环 除以 这个数 即 user = user / i，直至这个数不能再被再被整除 即...
2019-11-02 13:49:46
1494
原创 javascript---基础运算符
逻辑运算符&& （与运算）[表示并列的关系，必须同时满足]|| （或运算）[表示或者的关系，至少满足一个]！ （非运算）[表示否定，取相反]example：<script type="text/javascript"> var num = 4; var result= num >= 1 && num <= ...
2019-10-26 15:48:40
72
原创 第一阶段项目总结---dhBigData
1. 切图 根据psd原型图，裁截相关的图片图标ps的相关使用方法： ctrl+n新建画布、打开标尺ctrl+r、打开自动选择和图层放大（快捷键z）图片 ，移动图片（快捷键v），双击所需要的区域的图标，找到对应的图层同时找到图标的背景图片，关闭背景图片（bg），从顶部侧边可以按住鼠标拉拽出辅助线，有利于剪切，剪切图标（快捷键c），尽量准确的剪切图标的大小【也可以找到图...
2019-10-24 19:51:02
107
原创 css定位布局---position定位
定位的相关属性值：relation、absolute、fixed、static（默认值）【relation 是相对定位、absolute是绝对定位、fixed是固定定位】其中他们设置的偏移属性为：left、right、top、bottom(后面的偏移属性值的单位为px )举例首先设置三个盒子（red，gold，brown）设置不同的大小、颜色，父元素是content将第一个盒子red...
2019-10-20 14:23:11
562
原创 CSS定位布局---float浮动
float浮动相关属性值：left（向左浮动）、right（向右浮动）html页面 <div class="content"> <div class="red"></div> <div class="gold"></div> <div class="brown"></div> </...
2019-10-15 08:41:03
113
原创 html基础--表单以及其控件
表单form表单：与用户交互，把用户输入的数据传送到服务端常用的属性： action （表单提交动作）：定义表单提交的动作，属性值默认是本网页 method（表单提交方式）： post（隐式提交）用户提交的表单信息不会显示在地址栏，相对安全，提交的数据没有大小限制get（显式提交） 用户提交的表单信息会显示在地址栏，提交时的数据长度有限，不同的浏览器限制的大...
2019-10-12 09:58:18
240
原创 html--常见标签( 基础标签 和 table、列表)
HTML--（Hyper Text Markup Language） 超文本标记语言，web浏览器的作用是读取HTML文档，并以网页的形式来进行显示，浏览器不会显示标签，而是来解释标签的内容信息标准的HTML页面里面的标签有<html>、<head>、<meta charset="UTF-8">、<title>、<body> --...
2019-10-11 16:07:20
354
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人