滑动窗口之乘积小于k的子数组
713. 乘积小于k的子数组 给定一个正整数数组 nums和整数 k 。 请找出该数组内乘积小于 k 的连续的子数组的个数。 先敲个黑板下面一共有两种写法,第一种是按自己理解写的,是过了的,但是 感觉懂了但没完全懂。。。(意思是 我好像懂了滑动窗口 但是写的不规律不条理 好像没完全懂。。);第二种是更条理的解法,有助于更好的理解~ 如果想直接看详细讲解(唠叨)的,可以直接跳过这段代码看下面的分析哦~~~ 第一种第一种就不讲解了哈,可以看完下面的分析来看这段代码,其实也挺好理解的~12345678910111213141516171819202122232425262728293031/** * @param {number[]} nums * @param {number} k * @return {number} */var numSubarrayProductLessThanK = function(nums, k) { let l=0,r=0; let n=nums.length; let ...
CSS布局之需要掌握的小技巧
关于vertical-align、溢出的文字设置为省略号、margin负值的应用等的应用介绍
搞明白prototype和__proto__
实践是最好的证明,一定要相信这句话在我自己动手敲代码之前,对于原型对象、父类子类等的了解只是停留在概念上,对于prototype和proto也是自认为明白清楚,但在真正动手敲一遍代码实现之后,才发现原来真的是需要自己边敲边领悟的啊 代码就放在下面了,很简单,但是需要不停地去琢磨答案为什么是这样,最终会明白,哦,原来是这样~ 1234567891011121314151617181920212223242526272829303132class A {}class B extends A {}console.log(A)//class Aconsole.log(A.prototype)//{}console.log(A.__proto__)//{}console.log(A.__proto__===Function.prototype)//trueconsole.log(A.__proto__.prototype)//undefinedconsole.log(A.prototype.__proto__)//[ ...
CSS基础之伪类选择器的总结
关于属性选择器、结构伪类选择器、伪元素选择器等的简单介绍
【javaScript案例】之抽奖器效果的实现
这次实现的效果如下图: 所实现的功能是:当每次点击中间的抽奖按钮时,会随机选择一个盒子作为抽奖的结果。 那我们要如何实现抽奖的功能呢? 其实很简单,首先用html和css做出整体的框架,然后用js在中间按钮的onclick函数中设置定时器+随机改变某一盒子的背景颜色就可以了。 下面我们来讨论一下细节的方面: 设计整体框架时,我们需要为每个盒子设置边框,这时会发现边框会出现重叠问题,导致边框变厚,解决的方法是:设置margin-right和margin-bottom为负值(值等于边框值)。 .在js中设置抽奖功能时,我们可以通过设置一个定时器A,在其中随机改变某一盒子的background-color代表选中。为使抽奖可以在某一时刻暂停,我们可以设置定时器B,在某一时刻将定时器A关闭。 随机改变是怎么做到的呢? 首先调用document.getElementsByTagName获取所有盒子,然后利用Math.random()*盒子的数目,获取某一盒子下标,改变其背景颜色。 很显然定时器A是setInterval,定时器B是setTimeout。 而且在A中改变某一盒子背景 ...
CSS之关于min-width、max-width、min-height和max-height的使用
:fire:min-height 设div父盒子A中有个div子盒子B,设B的min-height为H,则H为盒子B的最小高度值,意思是: 当B中内容填充的高度小于H时,B的高度就是H;当B中内容填充的高度大于H时,B的高度就是其中内容填充到的高度。 通俗一点来说,就是如果min-height的高度设小了还可以变大,但是设大了就只能这样。看下面的例子: 当H为100px时:==>:star:最小就为100px,若你填充的内容高度小于100,就以最小为准 当H为5px时:==>:star:最小为5px,若你填充的内容高度大于5px,就以填充内容高度为准 :fire:max-height 同样以上面的两个数据为例,得到的图如下: 通俗一点来说,就是max-height高度设大了可以根据内容高度变化,设小了就只能这样 H为100px:==>:star:最高为100px,若你填充的内容高度小于100,就以填充内容高度为准 H为5px:==>:star:最高就为5px,填充内容的高度再高也无济于事 :star:与min-width不同, ...
【javaScript案例】之放大镜效果的实现
这次实现的效果如下: 这次的案例稍微有一点难度,在css和js上都需要多加思考,话不多说,让我们来开始吧~ 首先我们需要使用html和css规划好整体的布局,即两个相邻的盒子A和B,左边的盒子A中还有一个小盒子S。为了实现相邻,我采用的方法是为其均设置position:absolute,然后设置left和top的值来使其相邻。小盒子S我们同样可以为其设置position:absolute,调整一下背景颜色即可。 然后我们需要使用js来设置动画效果,即:鼠标放在盒子A上时,小盒子S的位置会随着鼠标的移动发生移动,同时盒子B中的图像会成为盒子S覆盖图像的放大版。如何实现呢? 首先实现小盒子S的位置变化:调用盒子A的onmousemove函数,传入参数client,表示时间鼠标在盒子A上移动。我们通过client获取鼠标的位置(clientX,clientY),然后通过(clientX-boxA.offsetLeft,clientY-boxA.offsetTop)可获得鼠标在图像上的相对坐标,通过此值减去盒子S的宽度、高度的一半即可获得盒子S在A中的位置。==但是要注意==,记得为盒 ...
如何判断一个整数是不是2的幂次方?
判断一个整数是不是2的幂次方的方法
js强制类型转换
简单介绍javascript中的强制类型转换
axios库的基本使用
关于axios库的基本使用













