自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(28)
  • 收藏
  • 关注

原创 javascriptES6 -let 经典面试题

面试题1:var arr=[]; for (var i=0;i<2;i++){ arr[i]=function(){ console.log(i); } } arr[0](); //2 arr[1]();//2在上面的代码中可以看出 arr0和arr1可以看成console.log(i);那么代码就变成了var arr=[]; for

2020-10-14 21:52:46 265

原创 javascript递归函数求阶乘

代码如下:function fn(n){ if(n==1){ return 1; } return n*fn(n-1);}console.log(fn(5));运行结果:120

2020-10-06 20:48:30 1023

原创 js中let、const、var 的区别

使用var声明的变量,其作用域为该语句所在的函数内,且存在变量提升现象。使用let声明的变量,其作用城为该语句所在的代码块内,不存在变量提升。使用const声明的是常量,在后面出现的代码中不能再修改该常量的值。...

2020-10-05 22:58:27 138

原创 js中location对象

Document 随机抽取一名天选之子 123

2020-09-30 20:49:15 170

原创 js中this的指向问题

2020-09-29 20:24:00 105

原创 js中匀速动画和缓慢动画

缓动动画函数封装obj目标对象 target 目标位置 思路:让盒子每次移动的距离慢慢变小, 速度就会慢慢落下来。核心算法:(目标值 - 现在的位置) / 10 做为每次移动的距离 步长停止的条件是: 让当前盒子位置等于目标位置就停止定时器缓动动画就是 盒子当前的位置 + 变化的值(目标值 - 现在的位置) / 10)function animate(obj,target0){ //step是变化的值 //步长取整 var step=Math.cei.

2020-09-21 19:49:50 306

原创 js中匀速动画和缓慢动画

缓动动画函数封装obj目标对象 target 目标位置 思路:让盒子每次移动的距离慢慢变小, 速度就会慢慢落下来。核心算法:(目标值 - 现在的位置) / 10 做为每次移动的距离 步长停止的条件是: 让当前盒子位置等于目标位置就停止定时器缓动动画就是 盒子当前的位置 + 变化的值(目标值 - 现在的位置) / 10) function animate(obj,target0){ //step是变化的值 //步长取整 var step=Math..

2020-09-18 17:55:06 243

原创 js简单发表留言

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> textarea {

2020-09-17 21:03:18 136

原创 js中常用属性和方法

常用的:e.target//e.target是指向我们点击的对象,那个触发了事件,点那个li你们a.target就指向li //this是指向绑定的对象,绑定了ul那么this指向ul var ul=document.querySelector("ul"); ul.addEventListener("click",function(e){ console.log(e.target); console.log.

2020-09-16 19:34:24 265

原创 DOM常用鼠标事件

常用的鼠标事件

2020-09-14 19:42:55 127

原创 DOM简介-DOM树

DOM简介1.DOM树文档:一个页面就是一个文档,DOM 中使用 document 表示元素:页面中所有的标签都是元素,DOM 中使用 element 表示节点:网页中的所有内容都是节点(标签、属性、文本、注释等),DOM 中使用 node表示...

2020-09-12 19:49:38 220

原创 用js计算方差

公式如下:代码实现:function fc(arr){ var sum=0; var s=0; for(var i=0;i<arr.length;i++){ sum+=arr[i] } ave=sum/arr.length; for(var j=0;j<arr.length;

2020-09-11 18:45:47 2037 1

原创 用js验证哥德巴赫猜想

案例:验证哥德巴赫猜想哥德巴赫猜想:任何偶数都可以拆成两个素数的和 从6开始,前面的口算就能算出来 封顶值:100000For(varn=6;n<=100000;n+=2){ xxxxxxxxxxxxxxxx }vvar num,s; var sum=0,count=0; for(var n=6;n<=Math.pow(10,5);n+=2){ //从6开始判断,直到100000结束 for( var a=2;a<=n;a++){

2020-09-10 18:34:04 372

原创 JavaScript循环结构案例

一、讨厌的数字3要求:输出不含3的三位数,还不能是3的倍数,例如143的个位是3不可以,141是3的倍数也不可以。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>讨厌数字三</title></head><script type="text/javascript"> var a; a=

2020-09-08 18:34:17 222

原创 JavaScript中while和do-while的区别

循环结构循环结构的基本概念循环:重复干一件事情重复执行一块代码While循环案例:GDP预测2000年美国的GDP是142562.75亿美元,而中国是49089.82亿美元假设美国的经济赠长率为2%,而中国是8%,预测中国什么时候能超过美国<script type="text/javascript "> var china=49089.82; var america=142562.75; var year=2009; while(china<

2020-09-07 20:19:03 1846

原创 javascript中得到两个整数中随机一个整数的方法

function getRandom(min,max){ return Math.floor(Math.random()*(max-min+1))+min; } console.log(getRandom(1,10));

2020-09-05 19:13:58 418

原创 Javascript中运算符的优先级

2020-09-04 18:54:30 117

原创 CSS—伪类与伪元素选择器

伪类(不存在的类,特殊的类)伪类用来描述一个元素的特殊状态       比如:第一个子元素、被点击的元素、鼠标移入的元素…伪类一般情况下都是使用:开头:first-child 第一个子元素:last-child 最后一个子元素:nth-child() 选中第n个子元素:only-child      特殊值:    &n

2020-08-28 09:01:55 156

原创 盒子模型—外边距折叠

垂直外边距的重叠(折叠)相邻的垂直方向外边距会发生重叠现象兄弟元素- 兄弟元素间的相邻垂直外边距会取两者之间的较大值(两者都是正值)- 特殊情况:如果相邻的外边距一正一负,则取两者的和如果相邻的外边距都是负值,则取两者中绝对值较大的兄弟元素之间的外边距的重叠,对于开发是有利的,所以我们不需要进行处理父子元素- 父子元素间相邻外边距,子元素的会传递给父元素(上外边距)- 父子外边距的折叠会影响到页面的布局,必须要进行处理...

2020-08-27 18:07:32 179

原创 2020 8 26 笔记整理

一、背景相关属性background-color 设置背景颜色background-image 设置背景图片可以同时设置背景图片和背景颜色,这样背景颜色会成为图片的背景色如果背景的图片小于元素,则背景图片会自动在元素中平铺将元素铺满如果背景的图片大于元素,将会一个部分背景无法完全显示如果背景图片和元素一样大,则会直接正常显示background-repeat 用来设置背景的重复方式可选值:repeat 默认值 ,背景会沿着x轴 y轴双方向重复repeat-x 沿着x轴

2020-08-26 20:09:15 106

原创 2020 8 25 笔记整理

CSS基本概念:CSS(Cascading Style Sheet) 层叠样式表一、选择器元素选择器作用:根据标签名来选中指定的元素语法:标签名{}例子:p{} h1{} div{}id选择器作用:根据元素的id属性值选中一个元素语法:#id属性值{}例子:#box{} #red{}类选择器作用:根据元素的class属性值选中一组元素语法:.class属性值{}通配选择器作用:选中页面中的所有元素语法: * {} 1.行内样式(内嵌样式):<h1 st

2020-08-25 15:31:39 165

转载 CSS的class常用命名规则

CSS的class、id、css文件名的常用命名规则 (一)常用的CSS命名规则头:header内容:content/container尾:footer导航:nav侧栏:sidebar栏目:column页面外围控制整体布局宽度:wrapper左右中:left right center登录条:loginbar标志:logo广告:banner页面主体:main热点:hot新闻:news下载:download子导航:subnav菜单:menu子菜单:submenu搜索

2020-08-25 09:32:51 7843

原创 2020-08-24 笔记整理

Table表格表格的组成部分:标题、头部、主体、底部table:定义一个表格caption:定义表格的标题thead:头部部分tbody:定义表格的主体(数据)部分·tfoot:定义表尾,一般显示汇总信息tr 定义一行th td 来定义数据项(单元格) th 一般用于表头,有加粗的样式。td 一般用于主体部分,没有加粗的样式td rowspan和colspan 分别定义了单元格的行的行数,跨列的列数。cellpadding:数据与表格之间的距离cellspacing:表格与表格之间的

2020-08-24 17:50:59 111

原创 2020 8 23 笔记整理

基础标签标题标签 h1~h6h1~h6 语义越来越轻页面上只有一个 h1 标签段落标题 p一段一段文字的时候使用<h3>登鹳雀楼</h3><p>白日依山尽,</p><p>黄河入海流;</p><p>欲穷千里目,</p><p>更上一城楼。</p>链接标签 a页面间的跳转页面内的跳转<a href="http://www.baidu.com" title="我

2020-08-23 20:58:41 72

原创 html中的单标签与双标签

单标签:只有一个<>组成,例如<br/>双标签:由<></>组成,有始有终,<>表示标签开始,</>表示标签结束,例如<div>...</div>常见的单标签有<br/><hr/><img/><input><link>常见的双标签有<html><head><title><body&g.

2020-08-23 20:40:32 3572

原创 块元素、行内元素和行内块元素的区别以及转换

块元素(block)可以设置其宽度、高度,内外边距,独占一行默认宽度为100%不受空格影响可以容纳行内元素和其他块元素常见的块元素:div,h1~h6,ul,li,p,table等行内元素(inline-level)不支持宽高(宽高根据内容大小自动撑开),自左向右排列受空格影响默认宽度是自身内容的宽度不独占一行常见的行内元素:span,i,a,b,strong,em,sub,sup等行内块元素(inline-block)支持宽高,自左向右排列受空格影响不独占一行具备

2020-08-23 19:58:11 662 1

原创 浅谈post与get的区别

1、url可见性:get,参数url可见;post,url参数不可见2、数据传输上:get,通过拼接url进行传递参数;post,通过body体传输参数3、缓存性:get请求是可以缓存的post请求不可以缓存4、后退页面的反应get请求页面后退时,不产生影响post请求页面后退时,会重新提交请求5、传输数据的大小get传送的数据量较小,一般传输数据大小不超过2k-4k(这主要是因为受URL长度限制;)post传送的数据量较大,一般被默认为不受限制。6、安全性get是不安全的,

2020-08-23 15:24:14 129

原创 你好,我的博客

你好,我的博客:今天是我开通博客的第一天,也是我在嘉兴为期三个月的第一天正式学习,感觉真的不一样,要尝试很多不敢尝试的东西,会是值得回忆的三个月吧。在博客呢,会总结一些学习上问题,还有点点滴滴的进步。。。...

2020-08-22 19:33:22 73

空空如也

空空如也

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

TA关注的人

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