至臻@召隆企博汇

数组的字段合并

至臻 — Tue, 14 Jan 2020 08:23:42 +0000

<!DOCTYPE html> <html> <head> <title></title> </head> <body> </body> <script type="text/javascript"> var table1= ; var table2= ; var table3= ; //根据lineid把table2合并到table1// table2.forEach(function(o,d){ table1.forEach(function(t){ ...

javaScript中关于ES6关键字 let、const 与 var 的区别

至臻 — Sat, 04 Jan 2020 12:00:29 +0000

var 关键字 1.没有块级作用域 { var a = 10; } //=> 外面可以拿到 a 这个变量的值 console.log(a); //=> 10 2.var 有变量提升 console.log(a); //=> undefined if(true) { //=> var关键字不存在块级作用域,会导致变量提升 var a = 10; } 3.var 可以重复声明 var a = 10; var a = 20 ...

Jquery常见的事件

至臻 — Sat, 04 Jan 2020 11:44:15 +0000

移除所有的绑定事件 $( "#id" ).unbind( "click" ) 或 $( "#id" ).unbind(); 元素的显示隐藏 $("#id").show(); $("#id").hide(); $("#id").show("slow"); //600ms $("#id").show("normal"); //400ms $("#id").show("fast"); //200ms ...

Jquery绑定事件

至臻 — Sat, 04 Jan 2020 11:39:48 +0000

绑定事件 bind（type，data，fuc） one(type,data,fuc) //只执行一次常见事件类型名称含义 blur 失去焦点 focus 获得焦点 load 加载 resize 重置大小 scroll 滚动 unload 卸载 click 点击 dblclick 双击 mousedown 鼠标 ...

点击页面跳转

至臻 — Sat, 04 Jan 2020 11:32:36 +0000

handleView(Name){ var that=this; if(!Name){ return false; } that.$router.push( ...

display属性

至臻 — Sun, 29 Dec 2019 11:47:13 +0000

display属性：值： none ---- 此元素不会被显示。 block ---- 此元素将显示为块级元素，此元素前后会带有换行符。 inline ---- 默认， ...

CSS—浮动

至臻 — Sun, 29 Dec 2019 11:37:09 +0000

原创： https://blog.csdn.net/frj0260/article/details/103745880 1.CSS布局的三种机制 CSS提供了3种机制来设置盒子的摆放位置，分别是普通流（标准流）、浮动和定位。普通流：（1）块级元素独占一行，从上向下顺序排列。常用元素：div、hr、p、h1~h6、ul、ol、dl、form、table。（2）行 ...

JS访问和设置CSS属性

至臻 — Sun, 29 Dec 2019 11:32:59 +0000

js访问CSS属性原创： https://blog.csdn.net/KaiSarH/article/details/103737856 1.点语法 box.style.width box.style.height box.style.top 得到带有单位的属性值，比如200px；但是，点语法有一个很致命的问题，跟在style后面的属性不能由外部传入。比如： var h = 'height'; box.style.h = 300 + 'px' ...

css-盒子模型

至臻 — Sun, 29 Dec 2019 11:29:30 +0000

1.盒子模型就是把HTML页面中的布局元素看作是一个矩形的盒子，也就是一个盛装内容的容器。相关概念：盒子模型有元素的内容、边框（border）、内边距（padding）和外边距（margin）组成。盒子里面的文字和图片等元素是内容区域。盒子的厚度我们称为边框。盒子内容与边框的距离是内边距 ...

监听input的内容变化

至臻 — Sat, 21 Dec 2019 11:44:48 +0000

时时监听input内容的改变心得：我们都知道input有一个change事件，但是是在input元素失去焦点的时候发生，不能时时的监听input内容的改变。　　　刚开始的时候我是想用setInterval设置计时器的原理定时监听input内容的改变，但是结果差强人意，效果一点也不好，有时候操做过快还会出现undefined的情况。解决方法 ...

解决label的冒泡事件

至臻 — Sat, 21 Dec 2019 11:42:11 +0000

给<label>点击事件时, 竟然点击了两次解决的方法: 1.解决办法: 不要给label点击事件给其中的子标签如input 2.搜的一方法给<label>点击事件时, 竟然点击了两次, 所以label包围的input总是被checked或者不checked 代码：<span onclick= " checkremark(this) " > <input type= " checkb ...

flex布局案列

至臻 — Tue, 17 Dec 2019 08:31:10 +0000

原文章： https://blog.csdn.net/qq_31001889/article/details/80836933 一、骰子的布局骰子的一面，最多可以放置9个点。下面，就来看看Flex如何实现，从1个点到9个点的布局。你可以到 codepen 查看Demo。如果不加说明，本节的HTML模板一律如下。 < div class = " box " > < span class ...

浮动和定位

至臻 — Sat, 14 Dec 2019 12:22:00 +0000

float: 定义和用法 float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。如果浮动非替换元素，则要指定一个明确的宽度；否则，它们会尽可能地窄。注释：假如在一行之上只有极少的空间可供浮 ...

数组对象的创建

至臻 — Sat, 14 Dec 2019 12:18:03 +0000

js创建对象数组： var monthdatalist={'area':montharea,'shop':monthshop,'year':monthyear,'month':monthmonth,'code':monthsales,'cash':monthcash,'closed':monthclosed}; 将js对象转换为字符串用json提交给服务器： var monthdata = JSON.stringify(monthdatalist);

table 固定列和行

至臻 — Sat, 14 Dec 2019 09:47:02 +0000

大致效果：页面布局：如上图： 1、整个页面分成左右两部分： 2、左边分为上下两部分 3、右边分为上下两部分(红色框比较特殊，多加一个div为了防止列的偏移) 具体步骤： 1、html：(省略tr、td) < div id = " left_div " > 2、css： (1)left_div与right_div 使用左 ...

splice的用法和flex布局教程

至臻 — Wed, 11 Dec 2019 01:11:01 +0000

splice的用法：总结: 一个参数的情况下:是删除的start(包含index本身的元素)和之后所有的元素; 两个参数:第一个参数是要删除的start(包含index本身的元素),第二个是删除的的元素; 三个参数或者多个参数:第一位是索引的start,第二个是删除的个数(包含index本身的元素),第三个参数几多个后面的参数是要在start ...