html
萝卜头888
这个作者很懒,什么都没留下…
展开
-
bootstrap5的下拉菜单点击没有反应
在网上找了很多,都没有合适的。一般是引入js文件的时候,顺序搞错了~要导入两个文件,正确的顺序是:<script src="./bootstrap-5.1.3-dist/js/bootstrap.js"></script><script src="./bootstrap-5.1.3-dist/js/bootstrap.bundle.js"></script>...原创 2022-04-20 17:25:27 · 1746 阅读 · 5 评论 -
Bootstrap使屏幕缩小时图片铺满全屏。
我们经常遇到,当屏幕缩小时,即使图片宽度设为100%,但是图片的高度也会变小。对我们来说非常困扰,我们需要图片在屏幕缩小时,也保持铺满屏幕的状态。方法如下:img{ width: 100vw; height: 100vh;}VW :视口宽度,由于本来就是跟随屏幕变化的,所以更具有灵活性,不用获取窗口来动态设置窗口宽度Vh:视口高度,视口宽度同理,都是less,scss中的单位。...原创 2022-04-16 23:54:27 · 2165 阅读 · 0 评论 -
Apache2.4.39 HTTPS SSL证书配置
首先,在腾讯云或者阿里云控制台,搜索ssl,会有免费的版本,我们选择该版本即可。接着选择如下:我们申请好之后,会有一件配置的按钮,点这个是没用的,我们需要下载证书,自己配置。控制台会分析我们的服务器是哪个版本,会推荐对应的ssl版本让我们下载。我们下载后,解压上传至我们的服务器,我们可以通过远程访问服务器,将解压的ssl文件放置到服务器上。文件内容都大同小异,基本上都一样的:接下来的都是重中之重了!!(配置)1-打开Apache,在里面找到--http...原创 2022-04-07 15:01:56 · 1057 阅读 · 0 评论 -
HTML+css+js实现网页时钟、全网做得最好的时钟!
这个时钟应该是全网做得最好的一个,原文的js部分没写注释,在学习的时候加上了注释,希望有助于理解~html块代码<!doctype html><html><head> <meta charset="UTF-8"> <link rel='stylesheet' href='./时钟.css' /> <title>时钟</title></head><body> <di.转载 2021-09-20 15:48:59 · 1503 阅读 · 0 评论 -
js实现图片在网页上自动上下左右移动(无bug)
首先,要缕一缕思路:第一步,怎样实现图片自动移动;第二步,怎么实现图片碰到浏览器边框后折返;第三步,怎么实时获得浏览器边框的大小;实现第一步与第二步:var num=0; //移动的距离,下一行同理;var num1=0;var flg=true; //设置一个变量,配合三元表达式使用,实现折返的效果,下一行同理;var flg1=true;//判断让其上下移动if(num<=0){flg=true;num=0}if(num>=shang){flg=f原创 2021-09-17 10:00:57 · 6354 阅读 · 0 评论 -
js将数组里的数重新排序,奇数降序排在前面,偶数升序排在后面(两种方式);
这个是之前的一个面试题~原数组如下:vararr=[12,9,2,31,11,23,17,24];使用数组的sort方法,将数组按要求排列:var arr=[12,9,2,31,11,23,17,24]; var arr1=arr.sort(function(a,b){ // 如果是a是偶数,b是奇数 if(a%2==0&&b%2!=0){ return 1;//a,b之间交换 } // 如果是a是奇数,b是偶数 if(a%..原创 2021-09-15 13:12:22 · 1273 阅读 · 0 评论