web前端开发 - 推荐的文章 - 第40页

浅谈CSS中line-height:200% | 2.0em | 2.0 的区别

<div style="line-height:200%;font-size:15px;">父元素<div style="font-size:30px;">子元素</div></div> ①　父元素的行高为200%时，会根据父元素的字体大小先计算出...

0
0
廖雪
发布于 2020-07-05 12:41
阅读 ( 490 )

get和post请求接口时的区别

HTTP定义了与服务器交互的不同方法，最基本的方法有4种，分别是GET，POST，PUT，DELETE。URL是资源描述符，一个URL地址用于描述一个网络上的资源，而HTTP中的GET，POST，PUT，DELETE就对应着对...

0
0
廖雪
发布于 2020-07-05 12:39
阅读 ( 486 )

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
阅读 ( 506 )

利用遮罩实现点击某区域以外时弹窗的弹出与关闭

HTML： <div id="div">点击除开div的区域可以弹出弹窗</div><div id="cover"></div><div id="box">点击除开div和弹窗的区域可以关闭弹窗</div> CSS：...

0
0
廖雪
发布于 2020-07-05 12:35
阅读 ( 483 )

如何实现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
阅读 ( 511 )

求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
阅读 ( 463 )

【Leetcode】448. Find All Numbers Disappeared in an Array

思路：用标志位的方法去做，把原数组中出现的数应该在的位置上的数置为负值，然后重新遍历如果大于0，说明未置为负值过，也就是表示从未出现过。 public class Solution { public Lis...

0
0
廖雪
发布于 2020-07-05 12:27
阅读 ( 486 )

CSS父元素设置透明度时不影响子元素的方法

设置父元素opacity：0.5，子元素不设置opacity，子元素会受到父元素opacity的影响，也会有0.5的透明度。即使设置子元素opacity：1，子元素的opacity：1也是在父元素的opacity：0.5的基础上...

0
0
廖雪
发布于 2020-07-05 12:26
阅读 ( 476 )

CSS等比例分割父级容器

以三等分为例： <div class="parent"> <div class="child"></div> <div class="child"></div> <div class="child"></div> </d...

0
0
廖雪
发布于 2020-07-05 12:23
阅读 ( 515 )

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
阅读 ( 443 )

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
阅读 ( 462 )

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
阅读 ( 517 )

表单元素的readonly和disabled属性

readonly和disabled是用在表单中的两个属性。相同点：使用户不能够更改表单域中的内容。不同点： ①　readonly只是使表单元素只读，即不能输入，外观不会变化；而disabled会使表...

0
0
廖雪
发布于 2020-07-05 12:06
阅读 ( 499 )

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
阅读 ( 482 )

JSONP的使用及原理

1、JSONP的诞生过程综述 1) Ajax无法跨域，引起了开发者的思考。 2) 开发者发现， <script>标签的src属性是可以跨域的，是否可以把跨域服务器写成调用本地的函数，回调数据回来？...

0
0
廖雪
发布于 2020-07-05 11:47
阅读 ( 511 )

浅谈JavaScript的浮点数值

浮点数的最高精度是17位小数，但在进行算术运算时其精确度远远不如整数，0.1+0.2的结果不是0.3，而是0.30000000000000004。这个小小的舍入误差会导致无法测定特定的浮点数值，如if (0.1 + 0.2 =...

0
0
廖雪
发布于 2020-07-05 11:02
阅读 ( 471 )

实现两个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
阅读 ( 448 )

手机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
阅读 ( 490 )

理解CSS预处理器SASS、LESS、Stylus概念

1、背景 CSS不是一种编程语言，可以用它开发网页样式，但是没法用它编程，它没有自己的变量、简单的逻辑程序、函数及其他编程语法，只是一行行单纯的属性描述，写起来相当费事，而且代码难以...

0
0
廖雪
发布于 2020-07-04 20:14
阅读 ( 508 )

ES6的let和const的相同点与不同点

1、let和const的相同点： ①　只在声明所在的块级作用域内有效。 ②　不提升，同时存在暂时性死区，只能在声明的位置后面使用。 ③　不可重复声明。 2、let和const的不同点： ①　le...

0
0
廖雪
发布于 2020-07-04 18:22
阅读 ( 478 )