山兔♪-CSDN博客

原创 js面向对象，实现星星（萤火虫）闪

js使用面向对象实现星星闪烁。首先是js代码：在这里插入代码片 //创建萤火虫节点：code //萤火虫随机位置：clientLeft or height //萤火虫的显示:show //萤火虫飞:fly,调用运动move.js function FirmWorm(){ this.code=document.createElement("img"); //创建节点 t

2020-07-01 20:55:34 370

今天总结了一下math方法以及日期对象的一些知识点（小白一枚，不足之处请留言指出）Math方法：Math 是 js 的一个内置对象，提供了一堆的方法帮助我们操作数字属性- Math.PI- 圆周率方法- Math.random()- 随机数，随机产生0-1之间的数,不包括0，1- Math.round()- 取最近的整数，相当于四舍五入- Math.ceil()- 向上取整- Math.floor()- 向下取整- Math.max()- 参数是多个数字，求最大数字- Ma

2020-06-24 11:59:55 174

原创字符串的方法：slice，substring、substr的区别

字符串的方法有很多，其中slice，substring、substr三个方法，都是提取字符串中指定下标的字符，其中也有不同之处，以下是总结的，希望可以帮到大家（js小白一枚，不足或者有误之处希望小伙伴们多多留言指出哦）substring：作用：提取字符串中介于两个指定下标之间的字符。参数：可以是一个或者两个返回值：一个参数的时候：返回值是从这个下标开始到最后一个两个参数的时候：返回值是从第一个指定下标开始到第二个数指定下标(不包含第三个)结束eg： var m2=str.substrin

2020-06-19 12:04:27 251

原创数组去重的几种方式

数组去重的几种方法：编写函数norepeat(arr) 将数组的重复元素去掉，并返回新的数组法一： function norepeat(arr,m){ for(var i=0;i<arr.length;i++){ if(arr[i]=m){ return true } } return false } arr=[2,3,2,3,4,5,6,1,1,1] nor

2020-06-19 11:54:31 190

原创数组的操作方法（push，sort，concat等）

今天学习了数组的操作方法，以下是部分测试的结果，以及方法总结，希望可以给部分小伙伴带来帮助（小白一枚，不足之处请多多留言）操作方法： (1)push:在最后一位添加数据参数：要增加的数据，可以是多个返回值：数据增加之后的长度是否修改原数组：是 var arry=[1,2,9,6,33,67,12,4] var n= arry.push("aaa","bbb") consol

2020-06-15 17:37:20 223

原创作用域的部分知识

js小白一枚，今天学习了JavaScript里面的作用域，做了一些简单的测试，来更方便的了解作用域（不足之处还请多多留言）首先我们需要了解一些作用域的基本知识1.作用域的含义：变量或者函数能够起作用访问到的范围，如果只有形参没有调用实参，那么函数执行结果是undefined2.作用域的分类：全局作用域和局部作用域全局作用域：含义：最外层函数定义的变量拥有全局作用域，即对任何内部函数来说，都是可以访问辨识方法：（1）最外层函数或者在最外层函数外通过var声明的变量（2）在函数内部不通过var

2020-06-13 16:57:34 177

原创 js小练习：编写一个函数，计算任意两个数字之间所能组成的奇数个数，数字必须是个位数

//编写一个函数，计算任意两个数字之间所能组成的奇数个数，数字必须是个位数（js小白，如有不足，请多多留言哦）//比如：计算0-3之间能组成的奇数个是01、21、03、13、23、31 // 1-4: 13 21 23 41 43 // 3-9: 35 37 39 41 43 45 47 49 function name1(a,b){ if(a>=10&&b>=10){ //保证都是个

2020-06-12 20:08:15 1045

原创 js函数练习题

1.编写一个函数，计算任意两个数字之间所能组成的奇数个数，数字必须是个位数//比如：计算0-3之间能组成的奇数个是01、21、03、13、23、31 // 1-4: 13 21 23 41 43 // 3-9: 35 37 39 41 43 45 47 49 function name1(a,b){ //保证a小，b大，如果a小，交换位置 if(a>b){ var js=a;

2020-06-11 20:21:40 660

原创输入分数，判断成绩等级（使用if和switch两种方法）

ps:js初学者，分享学习中的一些知识，有不足之处请多多之处，欢迎留言评论以下是代码：if写法： var f=prompt("") if(f<60 &&f>0){ document.write("您的分数不合格") }else if(f>=60 && f<80){ document.write("您的分数及格") }else if(f&g

2020-06-10 11:03:04 10069 1

原创 js设计程序实现摄氏度和华氏度转换

使用js设计一个程序将华氏温度（80度）转换为摄氏度，并以华氏度和摄氏度为单位分别显示该温度。提示：摄氏度与华氏度的转换公式为：摄氏度 = 5/9.0*(华氏度-32)保留3位小数代码如下：function wd(m){var h=5/9.0*(m-32)h=h.toFixed(3) //保留三位小数console.log(‘摄氏温度为’+h+‘度’)} wd(80)...

2020-06-09 19:20:51 2906

原创圆角--叮当猫头部的做法

今天学习了HTML圆角，并能够利用圆角制作一些简单的东西，一下是我制作的叮当猫头部（不足之处还请多多留言哦）先丢一张效果图（有点丑哈）1.制作叮当猫头部，首先是将其分为两个部分，蓝色和中间的白脸部分。蓝色部分我是使用两个圆，一个蓝色的和一个白色的挤出一个月牙形的轮廓。当然也可以用圆角，以下是两种写法的代码：（1）两个圆：#head{width: 500px;height: 500px;...

2020-04-14 22:13:32 297

原创逐帧动画

今天学习了HTML动画的制作，以下是今天的笔记以及部分练习制作动画主要分为两部分，第一是制作关键帧，第二是调用关键帧，如下笔记所示1：制作关键帧@keyframes 动画名称{/开始/from{left:0;}/结束/to{left:500px;}}@keyframes 动画名称{0%{}//中间可以添加任意关键帧20%{}50%{}70%{ }100%{}}2:...

2020-04-09 22:44:44 323

原创笔记:2d位移，旋转，缩放）

今天学习了很多知识，主要的就是2d的位移，旋转，缩放，以下是今日份的笔记总结以及部分练习：1，2D位移：transform:translate(x,y);transform:translateX(x轴移动的距离);transform:translateY(Y轴移动的距离);注：图片中的字块“2d”位移起初在大方块左侧，使用hover，使鼠标移入时出现x轴上的移动2，2D旋转：tra...

2020-04-07 23:02:52 221

原创 HTML基础：渐变

1，线性渐变 1）从一个方向到另一个方向的颜色的变化。 2）标准模式的语法（不添加浏览器前缀）： background: linear-gradient(direction, color-stop1, color-stop2, ...); 说明： direction：默认为to bottom，即从上向下的渐变； ...

2020-04-06 20:33:20 1967

原创元素的划分

1，元素类型分类：块状元素、内联元素（包含行内块元素）注：把行内块元素归在内联元素这一类里面。2，特点 1）块状元素特点： 1：在页面中以矩形区域显示。 2：自上而下排列，独占一行 3：可以直接添加宽高 4：一般情况下，作为其他元素或内容的容器 2）内联元素特点： 1：在页面中最小单位也是...

2020-04-05 09:49:59 570

原创简单轮播图的写法

今天是学习HTML的第12天，给大家分享一下HTML轮播图的写法（只有页面，还写不了效果呢，不足之处还请小伙伴们多多留言） HTML代码如上图备注：图片多得话可以多添加一些img标签。轮播图包含：（1）显示区：此区域大小只需要按照图片大小写即可，溢出部分我们可以使用“overflow-x:hidden”来隐藏。当然，在后面写按钮我们需要为按钮添加定位，需要在该区域CSS中写相对定位...

2020-03-30 22:15:03 1152

原创简单HTML新闻列表的写法

今天又学习了一些新的知识–网页中新闻列表的写法，以下是学习的笔记以及案例（有不足之处还望小伙伴们多多指出哦）练习案例：HTML代码：CSS样式代码：效果图：笔记：总结新闻列表的写法新闻列表的流程:1:结构：（入上图HTML所示，有时间加span即可，没有时间不需要加）2: 给li添加宽高，高度量取的时候，量行高就行。3: 给新闻内容a 和时间的span 添加浮动。...

2020-03-29 22:04:25 6975

原创网页制作

今天主要学习了盒模型里面的margin，并且开始了网页制作的实战，一下是今天的笔记以及部分练习的代码（不足之处还请小伙伴们多多留言哦）一.笔记1.盒模型：margin:1: margin长在元素之外的。2: margin控制的是同级元素之间的位置关系。3: margin不会对盒子本身的宽高造成影响。4: 给单一方向添加margin值margin-left/right/botto...

2020-03-24 22:20:27 263

原创网页版心，CSS背景，CSS边框，盒模型（今天主要说一下padding）等

今天是学习HTML的第六天，今天主要学习了：网页版心，CSS背景，CSS边框，盒模型（今天主要学习padding）等，以下是今天的笔记以及部分练习（有不足之处希望小伙伴们多多留言哦）3.23日笔记：1.页面布局：1）设计图：版式宽度：1920 1680 …网页的版心：960 - 12002）结构规划：id名称：网页外围结构pc端版心宽度不能用百分比！！！3—）让版心左右...

2020-03-23 21:57:24 966

原创 CSS文本属性

今天是学习HTML的第五天，主要学习了CSS文本属性，以下是今天的总结：1.CSS选择符权重id > class > 标签四个数字表示权重：内联样式表 -> 1000id -> 100class -> 10标签 -> 1伪类选择符 -> 10通配符 -> ...

2020-03-23 10:16:38 150

原创简单的表格和表单

**3.17日和3.18日学习的笔记（以后基本会每天发布当天学习笔记，希望小伙伴们可以指出不足，共同进步）**注：后面有联系的代码和效果图

2020-03-20 09:27:39 288

原创 CSS选择器和网页划分

3.19.今天是学习HTML的第四天，学习了CSS选择器和网页划分的部分知识，一下是我的笔记（不足之处还请各位小伙伴多多提出建议哦）1.样式表的权重内联样式表的权重最大！内部和外部样式的权重，和书写的前后顺序有关！（放在后面的会把放在前面的样式覆盖掉,覆盖的只是相同属性的样式，不同属性的样式会继续执行。）关键字：!important -> 当前声明具有最高权重！语法：...

2020-03-19 23:08:52 171

原创网页组成及发展史

3.16日疫情期间在千峰学习HTML，，今天是学习的第一天，简单总结一下今天的收获。（小白一枚，不足之处欢迎多多留言）1.网页的组成：网页简单来说就是由文字、图片、按钮、搜索框、视频等元素组成，还包含音频、视频、FLASH等，总的来说就是由各种HTML标签组成的。网页的代码组成：标题头部内容其中分为三个层次（计算机语言），是指和计算机沟通的文字代码，包含结构层、表现层...

2020-03-16 20:45:27 671

u013849242的博客