- 博客(55)
- 收藏
- 关注
原创 echart实现关系图
由两个tree组成,根据不同的告警级别显示不同的颜色 var data2=[]; var data1=[]; data1.push({name:"标题:"+this.tableData[0].title+"专业:"+this.tableData[0].professionName,children:[],valu...
2019-05-20 17:23:01 5396
转载 promise面试题
Promise 必知必会的面试题Promise 想必大家都十分熟悉,想想就那么几个 api,可是你真的了解 Promise 吗?本文根据 Promise 的一些知识点总结了十道题,看看你能做对几道。以下 promise 均指代 Promise 实例,环境是 Node.js。题目一 1 2 3 4 5 6 7 8 ...
2018-12-17 17:17:24 591
转载 vue中父组件传值给子组件,父组件值改变,子组件不能重新渲染
1在子组件中用watch()监听值的改变,不同的类型的要用不同的监听方法props: { echartStyle: { type: Object, default() { return {} }}, titleText: { type: String, default: '' }, tooltipForma...
2018-12-05 16:48:43 18035
原创 css 你不知道的布局
1.垂直方向设置对齐: vertical-align: top; 2..class1.class2:{} 标签中同时含有两种class的样式3.设置超出长度问题用...展示 white-space: nowrap; overflow: hidden; text-overflow:ellipsis; ...
2018-11-13 14:36:57 209 1
原创 使用echart百度图表的一些经验(1)
myChart.setOption({ tooltip: { trigger : 'axis' }, color:['#36b0de','#6fc536','#b46b51'], legend: { align: 'left'
2017-09-08 14:40:18 1283
转载 使用百度API实现轨迹回放
调用百度地图API实现路线的轨迹回放功能其实很简单,只要搞懂以下几点即可: 1.需要用Polyline方法先绘制好路线图 2.用Marker添加标注点 3.关键一步,通过结合定时器,使用Marker创建的标注点实例的setPosition改变标注点位置,实现播放功能代码分享,直接复制即可使用Track
2016-10-08 08:48:37 641
原创 事件细节
html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">xmlns="http://www.w3.org/1999/xhtml">http-equiv="Content-Type" content="text/ht
2016-09-05 17:01:32 280
原创 h5新特性拖拽购物车
html>lang="en"> charset="UTF-8"> Title *{margin: 0;padding: 0;} li{list-style: none;} li{float: left;width:200px;border:1px solid #000;margin: 10px;}
2016-09-01 16:57:11 581 1
原创 优酷弹窗
无标题文档body {margin: 0;}#mask {background: black; opacity: 0.3; filter: alpha(opacity=30); position: absolute; left: 0; top: 0; display: none;}#box { width: 300px; height: 200px; pad
2016-08-02 16:56:40 1431
原创 BOM属性
无标题文档//window.navigator.userAgent : 浏览器信息//alert( window.navigator.userAgent )if ( window.navigator.userAgent.indexOf('MSIE') != -1 ) { alert('我是ie');} else { alert('我不是ie');
2016-08-02 16:53:34 320
原创 BOM
无标题文档/*BOM : Browser Object Model 浏览器对象模型*/window.onload = function() { var aInput = document.getElementsByTagName('input'); var opener = null; aInput[0].onclick = funct
2016-08-02 16:52:30 194
原创 表单值
无标题文档window.onload = function() { var oForm = document.getElementById('form1'); var oBtn = document.getElementById('btn'); oBtn.onclick = function() { alert(oForm.se
2016-08-02 16:51:54 271
原创 表单事件
无标题文档window.onload = function() { var oForm = document.getElementById('form1'); //onsubmit : 当表单被提交的时候触发 oForm.onsubmit = function() { if (this.username.value ==
2016-08-02 16:51:07 200
原创 onchange
无标题文档window.onload = function() { var oForm = document.getElementById('form1'); var oBtn = document.getElementById('btn'); //onchange : 当值发生改变的时候触发 //text : 当光标离开元素的时候
2016-08-02 16:50:21 1168
原创 表单的值
无标题文档window.onload = function() { var oForm = document.getElementById('form1'); var oBtn = document.getElementById('btn'); oBtn.onclick = function() { //alert( oForm
2016-08-02 16:49:16 218
原创 操作元素属性的多种方式
无标题文档window.onload = function() { var oText = document.getElementById('text1'); /* . [] */ //oText.value = '222'; //alert( oText.value ); //oText['value'] = '2
2016-08-02 16:46:16 372
原创 relacChild
无标题文档window.onload = function() { var oDiv = document.getElementById('div1'); var oBtn = document.getElementById('btn'); var oP = document.getElementById('p1'); oBtn.oncl
2016-08-02 16:44:59 220
原创 元素的创建
无标题文档window.onload = function() { var oText = document.getElementById('text1'); var oBtn = document.getElementById('btn'); var oUl = document.getElementById('ul1'); oBtn.
2016-08-02 16:44:01 192
原创 getPos
无标题文档div {padding: 40px 50px;}#div1 {background: red;position: relative;}#div2 {background: green; position: relative;}#div3 {background: orange; position: relative;}window
2016-08-02 16:42:54 877
原创 元素宽高
无标题文档window.onload = function() { var oDiv = document.getElementById('div1'); /* width height style.width : 样式宽 clientWidth : 可视区宽 offsetWidth : 占位宽 */ ale
2016-08-02 16:41:53 216
原创 offset,offsetTop
无标题文档div {padding: 40px 50px;}#div1 {background: red;}#div2 {background: green; position: relative;}#div3 {background: orange; position: relative;}window.onload = function(
2016-08-02 16:40:47 323
原创 offsetParent
HTML>http-equiv="Content-Type" content="text/html; charset=utf-8">无标题文档div {padding: 40px 50px;}#div1 {background: red;}#div2 {background: green; zoom: 1;}#div3 {background: oran
2016-08-02 16:39:35 200
原创 父结点
HTML>http-equiv="Content-Type" content="text/html; charset=utf-8">无标题文档window.onload = function() { var aA = document.getElementsByTagName('a'); for (var i=0; i; i++)
2016-08-02 16:37:53 424
原创 fristChild
HTML>http-equiv="Content-Type" content="text/html; charset=utf-8">无标题文档window.onload = function() { var oUl = document.getElementById('ul1'); //alert(oUl.firstElementChild
2016-08-02 16:36:26 187
原创 fristChild,lastChild,NextSiBling,previousSibling
HTML>http-equiv="Content-Type" content="text/html; charset=utf-8">无标题文档window.onload = function() { var oUl = document.getElementById('ul1'); /* 元素.firstChild : 只读
2016-08-02 16:35:23 353
原创 DOM addClass MOveClass
html>lang="en"> charset="UTF-8"> 添加Class window.onload=function(){ var oDiv=document.getElementById('div1'); //addClass(oDiv,'box');
2016-08-01 14:45:10 662
原创 BOM getElement
charset="UTF-8"> Title window.onload=function(){ var aUl=document.getElementById('ul1'); var oUl=document.getElementById('ul2'); var aLi=
2016-08-01 09:45:31 266
原创 DOM动态创建元素 有兼容性问题li a
HTML>http-equiv="Content-Type" content="text/html; charset=utf-8">无标题文档window.onload = function() { var oText = document.getElementById('text1'); var oBtn = document.getEl
2016-07-31 16:02:13 233
原创 DOMchildNOdes
无标题文档window.onload = function() { var oUl = document.getElementById('ul1'); /* 元素.childNodes : 只读 属性 子节点列表集合 标准下:包含了文本和元素类型的节点,也会包含非法嵌套的子节点 非标准下:只包含元素类型的节点,ie7以下不会
2016-07-29 09:00:17 233
原创 DOM基础
无标题文档/*DOM : Document Object Model 文档对象模型文档:html页面文档对象:页面中元素文档对象模型:定义 为了能够让程序(js)去操作页面中的元素DOM会把文档看作是一棵树,同时定义了很多方法来操作这棵数中的每一个元素(节点)DOM节点getElementByIdgetElementByTagName
2016-07-29 08:57:38 206
原创 jquery编写选项卡
html>lang="en"> charset="UTF-8"> Title type="text/javascript " src="jquery-2.2.3.min.js"> #div1 div{ width: 200px; height: 200px
2016-07-15 10:58:07 491
原创 jquery原生操作和链式操作
html>lang="en"> charset="UTF-8"> Title type="text/javascript" src="jquery-2.2.3.min.js"> 方法调用--> //window.onload=function(){ //var oDiv=documen
2016-07-15 10:56:14 264
原创 jquery函数写法和js比较
html>lang="en"> charset="UTF-8"> Title type="text/javascript" src="jquery-2.2.3.min.js"> 方法调用--> //window.onload=function(){ //var oDiv=documen
2016-07-15 10:55:06 588
原创 jquery取值和赋值
html>lang="en"> charset="UTF-8"> Title src="jquery-2.2.3.min.js" type="text/javascript"> $(function(){ // alert($('li').html());//当一组元素时,取值是一组
2016-07-15 10:53:52 322
原创 jquery-1选择网页元素
html>lang="en"> charset="UTF-8"> Title src="jquery-2.2.3.min.js" type="text/javascript"> #div1{ width:200px; height: 200px; }
2016-07-13 10:42:18 283
原创 bootstrap panel面板
html>lang="en"> charset="UTF-8"> Title rel="stylesheet" href="bootstrap.min.css"> ul,ol{ list-style: none; } class="contain
2016-07-12 10:36:40 3317
原创 media 用list实现
html>lang="en"> charset="UTF-8"> Title body{ margin: 10px 0px; } rel="stylesheet" href="bootstrap.min.css">class="container">
2016-07-12 08:59:21 574
原创 bootstrap media 对象
html>lang="en"> charset="UTF-8"> Title body{ margin: 10px 0px; } rel="stylesheet" href="bootstrap.min.css">class="container">
2016-07-12 08:55:36 609
原创 bootstrap Botton
html>lang="en"> charset="UTF-8"> Title rel="stylesheet" href="bootstrap.min.css">class="btn btn-success">successclass="btn btn-danger">dangerclass="btn btn-info">info
2016-07-10 17:47:08 337
原创 bootstrap 表单 登录表单
html>lang="en"> charset="UTF-8"> Title rel="stylesheet" href="bootstrap.min.css"> role="form" class="form-horizontal"> class="form-group"> class
2016-07-10 16:48:47 881
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人