- 博客(15)
- 收藏
- 关注
RSS订阅原创 blur事件与click事件冲突的解决办法
问题当对节点同时添加 blur事件 以及 click事件，触发 click事件 的时候程序报出这样的一个错误（Chrome浏览器）：Uncaught NotFoundError: Failed to execute ‘removeChild’ on ‘Node’: The node to be removed is no longer a child of this node. Perhap...
2019-11-27 11:15:40
1126
原创 JavaScript修改伪类样式
总结几个使用JavaScript来动态控制伪类元素(:before, :after) 样式的方法。<p class="red">Hi, this is a plain-old, sad-looking paragraph tag.</p>.red::before {content: 'red';color: red;}方法一通过修改 < p >...
2019-10-24 11:26:42
847
原创 遮罩层，绝对定位元素导致无法触发点击事件的解决办法
问题在没有背景和图片填充的情况下，Firefox 和Chrome 下不能直接点击绝对定位层下的元素（比如连接，按钮），下面的元素会被上面的绝对定位层挡住。IE下可以直接点击绝对定位层下面的元素。解决办法对于这种问题需要用到一个CSS3的属性，可以通过给绝对定位的层多加一个样式：" pointer-events:none; " 这样绝对定位层下的元素就可以点击了。这其中有一个需要注意的地方...
2019-10-24 11:13:37
6307
原创 [LeetCode]#41.缺失的第一个正数 算法全思路及代码实现
题目给定一个未排序的整数数组，找出其中没有出现的最小的正整数。示例 1:输入: [1,2,0]输出: 3示例 2:输入: [3,4,-1,1]输出: 2示例 3:输入: [7,8,9,11,12]输出: 1说明:你的算法的时间复杂度应为O(n)，并且只能使用常数级别的空间。来源：力扣（LeetCode）链接：https://leetcode-cn.com/problem...
2019-10-17 10:28:08
215
原创 [Demo]简单的css，html实现ink_button 墨水风按钮
效果：当鼠标悬停时按钮上会出现墨水侵染的效果，截图上看不出效果，预览网址请点击。实现：主要效果是由 svg 来实现的，运用了 feTurbulence 和 feDisplacementMap 效果<svg width="0" height="0"> <filter id="filter"> <feTurbulence type="fractalN...
2019-10-17 09:21:05
725
原创 [LeetCode]#39.组合总和 算法思路及JavaScript实现
题目给定一个无重复元素的数组 candidates 和一个目标数 target ，找出 candidates 中所有可以使数字和为 target 的组合。candidates 中的数字可以无限制重复被选取。说明：所有数字（包括 target）都是正整数。解集不能包含重复的组合。示例 1:输入: candidates = [2,3,6,7], target = 7,所求解集为:[...
2019-10-16 19:01:08
243
原创 常用的正则表达式大全
在我们日常编码中，使用正则表达式用来检索、替换那些符合某个模式(规则)的文本是非常之方便的。下面我整理了一些常用的正则表达式。希望大家能早日掌握这个利器。
2019-10-16 10:17:33
120
原创 判断当前选中的输入框输入内容是否为数字
首先通过 radio 的 checked 属性判断输入框是否被选中，选中时为 true。判断输入框中返回的是否为数字，由于输入框中返回的是字符串，所以不能通过简单的 isNaN()去判断其内容是否为数字。这里使用正则表达式来判断就十分方便。/^-?\d+(.\d+)?KaTeX parse error: Undefined control sequence: \- at position 6...
2019-10-15 17:50:57
1073
原创 [LeetCode]#31.下一个排列 算法思路及Javascript实现
题目实现获取下一个排列的函数，算法需要将给定数字序列重新排列成字典序中下一个更大的排列。如果不存在下一个更大的排列，则将数字重新排列成最小的排列（即升序排列）。必须原地修改，只允许使用额外常数空间。以下是一些例子，输入位于左侧列，其相应输出位于右侧列。1,2,3 → 1,3,23,2,1 → 1,2,31,1,5 → 1,5,1来源：力扣（LeetCode）链接：https://...
2019-10-07 18:32:16
243
原创 [LeetCode]#15.三数之和，全思路以及代码
问题描述给定一个包含 n 个整数的数组 nums，判断 nums 中是否存在三个元素 a，b，c ，使得 a + b + c= 0 ？找出所有满足条件且不重复的三元组。注意：答案中不可以包含重复的三元组。例如, 给定数组 nums = [-1, 0, 1, 2, -1, -4]，满足要求的三元组集合为：[[-1, 0, 1],[-1, -1, 2]]算法思路首先对数组进行排...
2019-10-04 19:32:35
201
原创 [LeetCode]#4盛最多水的容器：双指针法及其证明
问题给定 n 个非负整数 a1，a2，…，an，每个数代表坐标中的一个点 (i, ai) 。在坐标内画 n 条垂直线，垂直线 i 的两个端点分别为 (i, ai) 和 (i, 0)。找出其中的两条线，使得它们与 x 轴共同构成的容器可以容纳最多的水。说明：你不能倾斜容器，且 n 的值至少为 2。图中垂直线代表输入数组 [1,8,6,2,5,4,8,3,7]。在此情况下，容器能够容纳水（表示...
2019-10-04 12:25:21
389
1
原创 [JavaScript]玩转数组—带你了解数组各种自带的方法
除了Object 之外，Array 类型是ECMAScript 中最常用的类型了。同时在面试中，面试官经常会问到关于数组的处理问题。倘若一股脑热，各种循环梭梭梭…然后就没有然后了。其实在ECMAScript 里面提供了许多关于数组的方法，今天我来小小总结一下，也希望可以帮到大家。
2019-09-20 19:41:42
188
2
原创 [Demo]html,css的一个复杂页面实现
预览地址：https://jh-leong.github.io/Dmeo/ife_2/index.html说明：最左侧一列要求自适应浏览器高度，左上面4个按钮相对浏览器左上角固定位置，左下方两个按钮相对浏览器左下角固定位置左侧第二列(蓝色背景色)导航列固定宽度，高度也是自适应浏览器高度，最下面的Monthly Goals部分的内容相对浏览器下边固定位置对于最左侧深色快的侧边栏‘as...
2019-09-19 10:34:03
1283
2
原创 3分钟让你学会遮罩层效果的实现
前言在我们写网页的时候，我们经常都要实现一个这样的效果：当用户进行某些操作的时候，比如鼠标移入、悬停或者点击一个区域时，区域上出现一个遮罩层，覆盖住了原来区域，给用户提供了更多的相关信息，就好像这样：这是一张个人简介里的相片：当你想获得更多过于TA的信息时，只要将你的鼠标移入相片区域，信息就出来了：实现：首先我们创建一个div,命名为"img_div"，装有图片还有遮罩层的div。...
2019-09-14 17:40:45
984
原创 [Demo]用简单的html，css做一个漂亮的网页！
下面是实现效果：代码如下：html<!DOCTYPE html><html lang="zh_cn"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="sheji.css">...
2019-09-14 16:55:14
30572
24
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人