自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

qq_53441451的博客

小白同学

  • 博客(32)
  • 资源 (1)
  • 收藏
  • 关注

原创 vue实现侧边栏跳转

vue实现侧边栏路由跳转

2022-08-01 10:41:39 1938 1

原创 pdfjs-dist插件----在headers中添加token

pdf插件

2022-04-28 22:12:07 914

原创 vue项目打包后浏览器缓存问题

vue项目打包清除缓存

2022-04-26 11:15:56 2456

原创 express中req参数请求------req.body && req.query && req.params

首先简单的总结一下:req.body-----用来获取post方法传递的参数req.query------用来获取get方法传递的参数req.params------用来处理以 /:xxx 形式的get或post请求的参数 例如:/:id在使用前先做以下准备:1.安装expressnpm i express --save2.可能会产生跨域 安装corsnpm i cors --save安装完毕后:(这些是一些固定的写法)const express=require('expr

2021-05-11 20:58:01 609

原创 小程序基础知识总结

小程序目录结构: 主体部分:(必须放在根目录下)分别是:文件必需作用app.js是小程序逻辑app.json是小程序公共配置app.wxss否小程序公共样式表小程序页面由四个文件组成 分别是:文件类型必需作用js是页面逻辑wxml是页面结构json否页面配置wxss否页面样式表视图 wxml 常用标签:view text image swiper swiper-item ic

2021-03-30 20:56:35 135

原创 小程序 ------- 实现简单的点击事件(获取点击下标)

学习目标:明确需要实现的内容,需要用到的方法。掌握以下方法即可学习内容:给小程序添加点击事件学习产出:实现效果:点击——>隐藏 ; 点击——>显示代码实现:.wxml文件: <view bindtap="changbox">点击</view> <view class="box" wx:if="{{flag}}"></view>//点击时box隐藏.wxss文件://设置box的样式.box{ width: 200r

2021-03-17 16:21:33 627

原创 ES6-----数组新增方法

数组新增方法:一、扩展运算符 (...)例如:var arr=[10,20,30]; var arr1=[1,2,3]; // 将arr与arr1拼接起来 var res=[...arr,...arr1];例如: //求取最大值 // ES6 的写法 var arr2=[14, 3, 77] console.log(Math.max(...arr2));二、转为数组 ①Array.from()可将两类对象转为真正的数组:类

2021-03-11 20:27:12 179

原创 总结------字符串方法

字符串常用方法:在JavaScript中**字符串**常用方法: var str='aahhdquebdvgf'; 一、字符串长度: ***①str.length ;返回字符串长度 二、查找字符串: ***①str.indexof('a'):返回字符串中指定文本首次出现的索引(位置) ②str.lastindexof('a'):返回指定文本在字符串中最后一次出现的索引。(从尾到头开始索引) 如若为找到,indexof()和lastindexof()均返回-1. ③str.search('a

2021-03-11 19:50:26 108

原创 js--对象

一切皆对象!对象:object定义:某种类型的一个【具体】的实例面向对象编程的前提是先创建对象。在js中如何去定义一个具体的对象? //语法:var 对象变量={ key1:value1; // 键 : 值 key2:value2; key3:value3; ....};在js中 任何的对象都是任意一个无序的键值对的集合。键:字符串值:js支持的任意类型var tv={ name:'电视频道', kinds:['央视频道','地方频道','电影频道'],

2021-01-13 20:03:03 1040

原创 js--实现鼠标拖动

<style> .box { width: 200px; height: 200px; background-color: greenyellow; position: fixed; left: 0px; top: 0px; }</style><body><div class="box" ></div><script>

2021-01-13 19:45:23 184

原创 js--使用按键控制小球上下移动

<style> #box { width: 150px; height: 150px; border-radius: 50%; background-color: violet; position: absolute; }</style><body><div id="box" style="top: 50px;left: 0px"></div>&

2021-01-13 19:42:56 475

原创 js--小球跟随鼠标移动

<style> .box { width: 30px; height: 30px; border-radius: 50%; background-color: darkturquoise; display: none; position: fixed; left: 0; top: 0; }</style><body> <di

2021-01-13 19:22:08 637

原创 数组(二)--方法

1、静态函数(1)判断是否为数组语法:Array.isArray(数组名)返回:判断返回是数组true不 是数组false2、实例函数(1)查找数组元素语法(1):arr.indexOf(数组元素,index)【查找时从前往后查找】// 数组元素:表示想要查找的元素//index:从下标为index的地方开始查找返回:判断返回数组中有查找的元素查找到的第一个元素的下标数组中没有查找的元素-1 var arr=[1,2

2021-01-03 18:01:59 128

原创 数组(-)

数组:一组有序的变量的集合。数组的介绍:array1、数组的定义 :var 数组变量=【】;2、数组是一种比较特殊的对象。数组的所有的键都是数值型的,从0开始依次递增,键对应的只是js支持的任意类型。3.对象是一组无序的 键值对的集合.键是字符串。值可以是js支持的任意类型。4、数组还有一个比较特殊的键:length,代表了数组中元素的个数。length=数组最大下标+1;5、数组作为一个特殊的对象,键都是数值型。在数组中,称为小标(索引)角标。6、数组中的每个数据都对应了一个下标,是通过下

2020-12-31 14:18:42 605

原创 js中全局变量与局部变量的区别

局部变量:函数内部 定义的变量称为局部变量。全局变量:函数外定义的变量就是全局变量。局部变量和全局变量的区别:1.作用域不同:局部变量的作用域是当前函数内。全局变量的作用域是整个script 标签内。包括函数内。2.生命周期不同:局部变量的生命周期 ,依赖于函数的调用周期,从开始调用到结束调用。全部变量的生命周期,取决于窗口的创建和销毁。3、定义的位置不同:局部变量定义在函数体内。全局变量定义在函数外。...

2020-12-28 19:44:51 2413

原创 js函数--内部属性、方法、递归调用

函数的内部属性argument介绍:1、该对象是函数的内部的对象,只能在函数体中使用,直接使用即可。2、arguments是一个对象,用来代表实参数据。(1)arguments对象有一个属性,length:代表了实参的个数。(2)arguments对象中的实参数据,每个实参都对应一个序号,序号从0开始。依次递增。通过arguments【序号】访问。(3)arguments对象能够实现js中的重载功能。(4)一般情况下使用形参来接收实参数据,但是如果函数的参数是要求变化的,可使用arguments

2020-12-28 16:54:44 528

原创 js--题型(鸡翁一,值钱五;鸡母一,值钱三;鸡雏三,值钱一;百钱买鸡百只...)

1、今有鸡翁一,值钱五;鸡母一,值钱三;鸡雏三,值钱一;百钱买鸡百只,问鸡翁、母、雏各几何?// 题目的意思是,公鸡5文钱1只,母鸡3文钱1只,小鸡1文钱买3只,现在用100文钱共买了100只鸡,问:在这100只鸡中,公鸡、母鸡和小鸡各是多少只?(设每种至少一只)方法一: var z; for (var j=1;j<20;j++){//j为公鸡数,公鸡最多可以买20只,但题目要求至少每只都有,所以需小于20; for (var i=1;i<33;i

2020-12-23 20:03:13 2901

原创 js--实现九九乘法表

九九乘法表运行效果: // 九九乘法表 j i // 1*1=1 1 1 // 1*2=2 2*2=4 1 2 2 // 1*3=

2020-12-23 19:56:23 248

原创 js--题型(控制台输出任意整数的二进制)

1、自定义函数,实现在控制台打印,任意整数的二进制的字符串表示形式。 function binaryString(num) { //定义变量存放字符串 var result=''; while (true){ //取余 var remiander = num%2; //将余数倒序放入结果中 result=remiander+result;//+是字符串的拼接

2020-12-23 19:20:06 1047 1

原创 js--题型(判断完数、质数)

1、定义函数,功能是判断一个数是否为完数完数:除了自身的所有因子之和还等于本身的数被称为完数,如6:1 2 3 function wanshu(num) { var sum=0; for (var i=1;i<num;i++){ if (num%i===0){ sum+=i; } } if (sum===num){ console.

2020-12-23 15:10:35 480 1

原创 js--题型(确定某年某月某日,是这一年的第几天)

1、输入某年某月某日,试确定这一天是这一年的第几天.例如:输出2020年3月3日 输出 第63天(31+29+3)计算是否是闰年。年份值是4的倍数并且不是100的倍数,或者该年份值是400的倍数,那么这一年就是闰年。 var year = prompt('请输入年'); var mouth = prompt('请输入月'); var day = Number(prompt('请输入日')); var days = 0; for (var i = 1; i < m

2020-12-21 19:30:08 1065

原创 js--题型(判断平年、闰年)

1、 计算是否是闰年。年份值是4的倍数并且不是100的倍数,或者该年份值是400的倍数,那么这一年就是闰年。 var year =prompt("请输入年份"); if (year%4==0 && year%100 !=0 || year%400==0){ console.log(year+'年'+'是闰年'); }else { console.log(year+'年'+'不是闰年'); }...

2020-12-21 19:18:25 916

原创 js--题型(求水仙花数)

1、判断一个三位数是否是水仙花数:水仙花数的特点:这个数本身==这个数的个位数的立方+十位数的立方+百位数的立方 var num = prompt("请输入一个三位数"); var ge=num%10; //取到个位的数字,例:123除10取余数,余数为3,得到了个位数字。 //parseTnt:取整,将字符串类型强制转换为number类型。 var shi =parseInt(num/10)%10;//取到十位的数字,例:123除10,得到12.3,将其取整,得

2020-12-21 19:12:17 349

原创 js--题型(输入三个整数,进行比较)

1、输入三个整数,并根据对三个数的比较显示如下信息:①如果三个数都不相等则显示0;②如果三个数中有二个数相等则显示1;③如果三个数都相等,则显示2 var num1 =prompt('请输入整数1'); var num2 =prompt('请输入整数2'); var num3 =prompt('请输入整数3'); if (num1%1==0 && num2%1==0 && num3%1==0){

2020-12-21 18:51:29 2263

原创 js--题型(随机生成整数.....)

1、 随机生成一个4位正整数,求其各位数字之积,并输出。例如:若输入2523,则输出应该是60. const MIN=999; const MAX=10000; var num = ~~(Math.random()*(MAX-MIN)+MIN); var ge=num%10; var shi=parseInt(num/10)%10; var bai=parseInt(num

2020-12-21 18:47:56 508 1

原创 CSS--实现照片墙

<h1>CSS 照片墙</h1><div class="box"> <img src="1.jpg" alt="" class="img1"> <img src="2.jpg" alt="" class="img2"> <img src="3.jpg" alt="" class="img3"> <img src="4.jpg" alt="" class="img4"> <img

2020-12-21 14:36:54 3548 1

原创 CSS--鼠标悬停总结

知识点一(悬停在文字上)<p>小爱</p>p{ font-size: 20px; color: #333; }/*鼠标悬停在p上时字体变大,颜色变为粉色;*/ p:hover{ font-size: 24px; color: pink; }运行结果如下:知识点二(悬停在盒子上时出现阴影)(1)外阴影<div class="box"></div>.box{ width: 200px; height: 200p

2020-12-20 19:05:17 1124 2

原创 CSS--实现小球运动

运行结果:代码运行之后是动态的。(此图为截图)<!--html--><!--背景设置--><div class="bottom"> <div class="box"></div> <div class="box box1"></div> <div class="box box2"></div> <div class="long-box"></

2020-12-19 16:45:45 970 1

原创 CSS--设置背景图

添加如下代码:.box{ background-image:url("图片路径"); background-position:center;//图片居中 background-repeat:no-repeat;//防止图片平铺}background-position:x y;//可通过x y来调整图片方位;

2020-12-19 16:03:51 76 1

原创 伪类选择器

:fist-child 第一个子元素是…:last-child 最后一个子元素是…:nth-child(number|even|odd|倍数) 第几个子元素是…<!--html中--><div class="box"> <div></div> <div></div> <div></div> <div></div> <div>

2020-12-19 15:55:04 51 1

原创 初学者Html——知识点总结(视频、音频引入)

知识点一:视频<video src="路径(使用时最好使用MP4格式)" autoplay loop controls muted width="" height="" poster=""> 您的浏览器不支持视频</video>autoplay:自动播放;loop: 循环播放;controls: 显示控制面板;muted:输出视频静音;知识点二:音频<audio src="路径" autoplay loop controls muted>

2020-12-19 11:10:19 80 1

原创 初学者Html——知识点总结(标签、元素、表单)

知识点一:标签1、单标签br、hr、img、input、link、meta、source…2、双标签h1~h6,p,div,span,a,b,i,u,del,s,sup,sub,em,strong,ul,ol,li,dl,dt,dd,table,tr,td,th,form,button,header,nav,footer,section,aside,article,video,audio…知识点二:元素元素分为块级元素和行内元素。块级元素和行内元素的区别:1)块级元素独占一行,行内元素在同一

2020-12-19 10:54:19 192 1

WebStorm 2020(64bit).rar

编写html+css+js代码

2020-12-21

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除