- 博客(25)
- 收藏
- 关注
RSS订阅
原创 echats 饼图改造为环形进度条
结果图 代码option = { backgroundColor: '#000', title: { text: "进度条", textStyle: { color: '#fff', fontSize: 70, ...
2019-01-10 09:37:25
1051
3
原创 唠唠js中事件循环Event Loop,事件队列Event Queue
在代码执行中 首先我们在执行栈里面执行代码,自上而下执行(先变量提升).当遇见异步代码时候,把异步代码放进事件队列中. 事件队列如下图,分成微任务与宏任务.当我们代码执行过程中,遇见异步代码,是宏任务的就放进事件队列的宏任务里,以此类推.当代码中同步代码执行完成,这时,我们去事件队列中寻找有没有微任务,如果有微任务,我们按照顺序把微任务依次拿到执行栈内执行(一次只能拿一个任务去执行栈执行),当事件队列中没有微任务了.我们在去找宏任务.这个寻找的过程叫事件循环....
2021-08-24 11:08:54
154
原创 进度条circleChart插件使用
1，需要引入文件<script src="lib/circleChart/js/jquery-1.11.0.min.js"></script><script src="lib/circleChart/dist/circleChart.min.js"></script>2，html需要写以下内容<div class=&quo
2018-12-20 10:35:10
4604
1
原创 echarts柱图渐变色样式
var option = { tooltip: {}, grid:{ }, legend: { data:['威胁值'], right:'10%', top:'5%', textStyle:{ color:'#fff', } }, xAxis: ...
2018-12-19 11:58:39
1097
原创 bootstrap table 使用详细讲解
在学习完bootstrap和charts 后，又开始了bootstrap table的学习。首先进入bootstrap table的官网，至少我是这样的。下载它的源码，在开始使用中。下载的会是一个压缩包，解压它，并且把他放在你的文件夹里面（平时你新建html 时保存的地方）。这是下载的文件，这时候，新建一个html，然后需要引人所有该引入的，在官网上面有提示你需
2017-11-02 08:47:38
2323
2
原创 利用css页面隐藏和显示，实现页面滑动
本例子基于bootstraps的栅格首先页面利用栅格分为十二等分（宽度），我们把六等份设为一部分，一共建立三个部分。其中第一，二部分显示，第三部分隐藏。加入button按钮，点击它使第三部分显示，第一部分隐藏。代码如下script type="text/javascript"> function shwoOrHidden(){ if(document
2017-10-31 16:58:31
2001
原创 echarts散点图带数据窗口平移
html>html lang="en">head> meta charset="UTF-8"> meta http-equiv="X-UA-Compatible" content="IE=edge"> meta name="viewport" content="width=device-width, initial-scale=1"> title>Titleti
2017-10-27 13:21:51
1264
原创 echarts柱状图带加载动画
body>div id="main" style="width: 600px;height:400px;">div>script type="text/javascript"> // 基于准备好的dom，初始化echarts实例 var myChart = echarts.init(document.getElementById('main')); function
2017-10-27 13:13:41
12405
原创 echarts 饼图实例
代码如下：html>html lang="en">head> meta charset="UTF-8"> meta http-equiv="X-UA-Compatible" content="IE=edge"> meta name="viewport" content="width=device-width, initial-scale=1"> titl
2017-10-26 16:29:41
535
原创 怎么使用echarts
浏览器搜索，echarts 进入echarts官网。选择文档中的教程。点击官网下载界面，选择合适的下载版本。安装在自己的文件夹中。在程序中，改成自己的路径。script src="echarts.common.min.js">script>编写程序body>div id="main" style="width
2017-10-18 16:07:17
1777
转载 JS简单实例，九九乘法表
style> table{ width:600px; //表格height属性可设置可不设置,建议不设置 border-collapse:separate; } table td{ border:#000000 1px solid; text-align: center; //使td>标签中的内容居中显示，若
2017-10-16 10:38:24
332
转载 JS游戏贪吃蛇
body>canvas id="can" width="400" height="400" style="background: Black">canvas>script> var sn = [ 42, 41 ], dz = 43, fx = 1, n, ctx = document.getElementById("can").getContext("2d"); functio
2017-10-16 10:22:43
240
转载 JS小游戏2048
html部分p> 0--> SCORE:span id="score">0span>p>div id="playground"> div id="c00" class="cell">div> div id="c01" class="cell">div> div id="c02" class="cell">div> div id="c0
2017-10-16 10:08:38
353
1
转载 css鼠标悬停 图片放大
css部分.photo img{ cursor: pointer; transition: all 0.6s;/*图片放大过程的时间*/}.photo img:hover{ transform: scale(1.2);/*鼠标经过图片放大的倍数*/}html部分 div class="photo" > img src="002.png"
2017-10-13 16:33:51
1474
转载 css轮播
css部分.loop-wrap { position: relative; width: 500px; height: 300px; margin: 100px auto; overflow: hidden;}.loop-images-container{ position: absolute; left: 0; top: 0;
2017-10-13 14:02:28
511
转载 css 移动特效
html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">html>head> meta charset="UTF-8"> title>Documenttitle> link rel="stylesheet" href="./datepicker.css"> script src="./js/jquery-3.2.
2017-10-12 09:52:59
549
转载 三种CSS3滑动菜单代码，左右滑动
三种背景颜色左右滑动菜单导航.webwidget_menu_glide{ padding: 5px; -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -webkit-borde
2017-10-12 09:39:58
9595
原创 javascript 获取字符串上某一个字符
JavaScript中只有字符串类型，没有字符类型。如果要获取字符串中的某个字符，我们需要通过[索引] 来获得对应的字符。大多数现代编程语言，如JavaScript，不同于人类从1开始计数。它们是从0开始计数，这被称为 基于零 的索引。var firstLetterOfFirstName = "";var firstName = "Ada";firstLetterO
2017-10-11 11:56:18
6507
原创 HTML DOM方法
人作为一个对象，身高，体重是属性。吃，睡觉，运动是方法。getElementById()返回带有指定 ID 的元素。getElementsByTagName()返回包含带有指定标签名称的所有元素的节点列表（集合/节点数组）。getElementsByClassName()返回包含带有指定类名的所有元素的节点列表。
2017-10-11 10:15:20
191
原创 javascript点击按钮，增加文本框和按钮
script type="text/javascript"> var count = 1; //用来判断是删除 还是增加按钮 以便count值进行计算 function checkCount(boolOK, coun) { if (boolOK == true) { return count++; } e
2017-10-10 15:39:32
10526
原创 css 列表横向排列
ul class="list-inline" style="margin-left: 60px;"> li>a href="#" >111a>li> li>a href="#" >222a>li> li>a href="#" >333a>li> li>a href="#" >111a>li> li>a href="#" >222a>li> li>a
2017-10-10 11:17:28
13001
2
原创 javascript 点击按钮 增加一个按钮
div > input name="name" type="button" onClick="show(1);" value="增加">div>div id="div1" style="display: none" > input name="name" type="button" onClick="show(2);" value="1">div>script t
2017-10-10 10:26:23
3939
原创 javascript点击按钮，增加文本框
html与cssdiv style="width:300px; height:400px; clear:both" id="Content">div>input type="button" value="添加" onclick="addBotton()" />scriptscript type="text/javascript"> var cont = document
2017-10-10 09:16:11
5092
转载 css常用样式含义
CSS边框空白 padding-top:10px;padding-right:10px; padding-bottom:10px; padding-left:10px;CSS边界样式如下： margin-top:10px;margin-right:10px; margin-bottom:10px; margin-left:10px;CSS 属性：
2017-09-30 11:45:55
563
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人