- 博客(23)
- 收藏
- 关注
原创 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
原创 js笔记:Math方法和日期对象
今天总结了一下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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人