jQuery使用this和event.target
1、this和event.target的区别： JavaScript中事件会冒泡，所以this是可以变化的，但event.target不会变化，永远是触发事件的目标DOM元素。 2、jQuery中的this和event.target this...
- 0
- 0
- 廖雪
- 发布于 2020-07-05 12:37
- 阅读 ( 578 )
廖雪
利用遮罩实现点击某区域以外时弹窗的弹出与关闭
HTML： <div id="div">点击除开div的区域可以弹出弹窗</div><div id="cover"></div><div id="box">点击除开div和弹窗的区域可以关闭弹窗</div> CSS：...
- 0
- 0
- 廖雪
- 发布于 2020-07-05 12:35
- 阅读 ( 549 )
如何实现table所有td（可跨行跨列）的值存进二维数组
var rows = 0, cols = 0, nums = 0;var trs = document.getElementsByTagName("tr");var row = document.getElementsByTagName("tr")[0];var tds = row.getElementsByTagName("td");for (var i...
- 0
- 0
- 廖雪
- 发布于 2020-07-05 12:33
- 阅读 ( 581 )
求1-n中至少有两个数重复的完全平方数
public static int[] fullSquare(int n) {List<Integer> list = new ArrayList<Integer>();for (int i = 10; i * i < n; i++) {if (twoSame(i * i))list.add(i * i);}int[] resu...
- 0
- 0
- 廖雪
- 发布于 2020-07-05 12:31
- 阅读 ( 522 )
【Leetcode】448. Find All Numbers Disappeared in an Array
思路： 用标志位的方法去做，把原数组中出现的数应该在的位置上的数置为负值，然后重新遍历如果大于0，说明未置为负值过，也就是表示从未出现过。 public class Solution { public Lis...
- 0
- 0
- 廖雪
- 发布于 2020-07-05 12:27
- 阅读 ( 562 )
CSS父元素设置透明度时不影响子元素的方法
设置父元素opacity：0.5，子元素不设置opacity，子元素会受到父元素opacity的影响，也会有0.5的透明度。 即使设置子元素opacity：1，子元素的opacity：1也是在父元素的opacity：0.5的基础上...
- 0
- 0
- 廖雪
- 发布于 2020-07-05 12:26
- 阅读 ( 551 )
CSS等比例分割父级容器
以三等分为例： <div class="parent"> <div class="child"></div> <div class="child"></div> <div class="child"></div> </d...
- 0
- 0
- 廖雪
- 发布于 2020-07-05 12:23
- 阅读 ( 576 )
Array.prototype.map(func)方法的实现
var arr1 = [1,2,3,4,5];alert(arr1.map(function(element) {return element * 2;})); // 输出：[2,4,6,8,10] function MyArray(arr) {this.arr = arr;}MyArray.prototype.map = function(func)...
- 0
- 0
- 廖雪
- 发布于 2020-07-05 12:20
- 阅读 ( 509 )
JavaScript中树的先序、中序、后序遍历
1、先序遍历 function preOrder(node) {var nodes = [];if (node != null) {nodes.push(node);preOrder(node.firstElementChild);if (node.firstElementChild != node.lastElementChild) pre...
- 0
- 0
- 廖雪
- 发布于 2020-07-05 12:15
- 阅读 ( 521 )
JavaScript中树的深度优先遍历和广度优先遍历
1、深度优先遍历的递归写法 function deepTraversal(node) {var nodes = [];if (node != null) { nodes.push(node); var children = node.children; for (var i =...
- 0
- 0
- 廖雪
- 发布于 2020-07-05 12:13
- 阅读 ( 577 )
表单元素的readonly和disabled属性
readonly和disabled是用在表单中的两个属性。 相同点： 使用户不能够更改表单域中的内容。 不同点： ① readonly只是使表单元素只读，即不能输入，外观不会变化；而disabled会使表...
- 0
- 0
- 廖雪
- 发布于 2020-07-05 12:06
- 阅读 ( 564 )
JavaScript实现数组全排列、去重、求最大值
1、全排列（递归） function permutation(arr){if (arr.length == 1)return arr;else if (arr.length == 2)return [[arr[0],arr[1]],[arr[1],arr[0]]];else {var temp = [];for (var i = 0;...
- 0
- 0
- 廖雪
- 发布于 2020-07-05 11:54
- 阅读 ( 542 )
JSONP的使用及原理
1、JSONP的诞生过程综述 1) Ajax无法跨域，引起了开发者的思考。 2) 开发者发现， <script>标签的src属性是可以跨域的，是否可以把跨域服务器写成调用本地的函数，回调数据回来？...
- 0
- 0
- 廖雪
- 发布于 2020-07-05 11:47
- 阅读 ( 584 )
浅谈JavaScript的浮点数值
浮点数的最高精度是17位小数，但在进行算术运算时其精确度远远不如整数，0.1+0.2的结果不是0.3，而是0.30000000000000004。这个小小的舍入误差会导致无法测定特定的浮点数值，如if (0.1 + 0.2 =...
- 0
- 0
- 廖雪
- 发布于 2020-07-05 11:02
- 阅读 ( 530 )
实现两个div并列的多种方法
方法一：float #div1{width:50%;height:300px;background:blue;float:left;}#div2{width:50%;height:300px;background:green;float:left;} 方法二：display:table-cell #parent{width:10...
- 0
- 0
- 廖雪
- 发布于 2020-07-05 00:03
- 阅读 ( 511 )
手机HTML5 canvas实现移动端刮奖效果的demo
效果图： 完整代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> </head> <body> <div id="award"></div> <ca...
- 0
- 0
- 廖雪
- 发布于 2020-07-04 20:26
- 阅读 ( 558 )
理解CSS预处理器SASS、LESS、Stylus概念
1、背景 CSS不是一种编程语言，可以用它开发网页样式，但是没法用它编程，它没有自己的变量、简单的逻辑程序、函数及其他编程语法，只是一行行单纯的属性描述，写起来相当费事，而且代码难以...
- 0
- 0
- 廖雪
- 发布于 2020-07-04 20:14
- 阅读 ( 576 )
ES6的let和const的相同点与不同点
1、let和const的相同点： ① 只在声明所在的块级作用域内有效。 ② 不提升，同时存在暂时性死区，只能在声明的位置后面使用。 ③ 不可重复声明。 2、let和const的不同点： ① le...
- 0
- 0
- 廖雪
- 发布于 2020-07-04 18:22
- 阅读 ( 545 )
ES6中的const声明
ES5只有两种声明变量的方式：var和function，ES6还添加了两种常用的声明变量的方式：let和const。 下面介绍ES6的const命令： const声明一个只读的常量，一旦声明，常量的值就不能改变，这...
- 0
- 0
- 廖雪
- 发布于 2020-07-04 18:19
- 阅读 ( 597 )
ES6中的let声明
ES5只有两种声明变量的方式：var和function，ES6还添加了两种常用的声明变量的方式：let和const。 下面介绍ES6的let命令： ES6新增了let命令，用来声明变量，它的用法类似于var，但是所声...
- 0
- 0
- 廖雪
- 发布于 2020-07-04 18:14
- 阅读 ( 580 )
