难瘦不难过-CSDN博客

原创 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 5379

转载 promise面试题

Promise 必知必会的面试题Promise 想必大家都十分熟悉，想想就那么几个 api，可是你真的了解 Promise 吗？本文根据 Promise 的一些知识点总结了十道题，看看你能做对几道。以下 promise 均指代 Promise 实例，环境是 Node.js。题目一 1 2 3 4 5 6 7 8 ...

2018-12-17 17:17:24 581

转载 vue中父组件传值给子组件，父组件值改变，子组件不能重新渲染

1在子组件中用watch()监听值的改变，不同的类型的要用不同的监听方法props: { echartStyle: { type: Object, default() { return {} }}, titleText: { type: String, default: '' }, tooltipForma...

2018-12-05 16:48:43 18009

原创 css 你不知道的布局

1.垂直方向设置对齐： vertical-align: top; 2..class1.class2:{} 标签中同时含有两种class的样式3.设置超出长度问题用...展示 white-space: nowrap; overflow: hidden; text-overflow:ellipsis; ...

2018-11-13 14:36:57 198 1

原创使用echart百度图表的一些经验（1）

myChart.setOption({ tooltip: { trigger : 'axis' }, color:['#36b0de','#6fc536','#b46b51'], legend: { align: 'left'

2017-09-08 14:40:18 1279

转载使用百度API实现轨迹回放

调用百度地图API实现路线的轨迹回放功能其实很简单，只要搞懂以下几点即可： 1.需要用Polyline方法先绘制好路线图 2.用Marker添加标注点 3.关键一步，通过结合定时器，使用Marker创建的标注点实例的setPosition改变标注点位置，实现播放功能代码分享，直接复制即可使用Track

2016-10-08 08:48:37 631

原创事件细节

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 270

原创 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 567 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 1384

原创 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 313

原创 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 186

原创表单值

无标题文档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 263

原创表单事件

无标题文档window.onload = function() { var oForm = document.getElementById('form1'); //onsubmit : 当表单被提交的时候触发 oForm.onsubmit = function() { if (this.username.value ==

2016-08-02 16:51:07 189

原创 onchange

无标题文档window.onload = function() { var oForm = document.getElementById('form1'); var oBtn = document.getElementById('btn'); //onchange : 当值发生改变的时候触发 //text : 当光标离开元素的时候

2016-08-02 16:50:21 1159

原创表单的值

无标题文档window.onload = function() { var oForm = document.getElementById('form1'); var oBtn = document.getElementById('btn'); oBtn.onclick = function() { //alert( oForm

2016-08-02 16:49:16 210

原创操作元素属性的多种方式

无标题文档window.onload = function() { var oText = document.getElementById('text1'); /* . [] */ //oText.value = '222'; //alert( oText.value ); //oText['value'] = '2

2016-08-02 16:46:16 363

原创 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 210

原创元素的创建

无标题文档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 184

原创 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 867

原创元素宽高

无标题文档window.onload = function() { var oDiv = document.getElementById('div1'); /* width height style.width : 样式宽 clientWidth : 可视区宽 offsetWidth : 占位宽 */ ale

2016-08-02 16:41:53 205

原创 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 311

原创 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 194

原创父结点

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 417

原创 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 177

原创 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 347

原创 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 654

原创 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 256

原创 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 224

原创 DOMchildNOdes

无标题文档window.onload = function() { var oUl = document.getElementById('ul1'); /* 元素.childNodes : 只读属性子节点列表集合标准下：包含了文本和元素类型的节点，也会包含非法嵌套的子节点非标准下：只包含元素类型的节点，ie7以下不会

2016-07-29 09:00:17 222

原创 DOM基础

无标题文档/*DOM : Document Object Model 文档对象模型文档：html页面文档对象：页面中元素文档对象模型：定义为了能够让程序(js)去操作页面中的元素DOM会把文档看作是一棵树，同时定义了很多方法来操作这棵数中的每一个元素（节点）DOM节点getElementByIdgetElementByTagName

2016-07-29 08:57:38 193

原创 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 478

原创 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 257

原创 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 581

原创 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 310

原创 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 274

原创 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 3302

原创 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 564

原创 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 602

原创 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 325

原创 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 870

空空如也

空空如也