自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 js拖动

点击【添加信息】 弹框* 表单;* 点击【确定】 or 【取消】 弹框消失* 表示允许拖动 拖动范围不限提交你中奖了确定取消btn.onclick = function(){box.style.display = ‘block’}box1.onclick = function(){box.style.display = ‘none’}box2.onclic...

2019-09-11 23:37:28 105

原创 js去重,取最大值

js的数组去重1.var arr = [1,2,2,2,2,4,5,6,6,6,6,8,8,9,9,99]function uniquel(arr){var hase = [];for(var i=0;i<arr.length;i++){if(hase.indexOf(arr[i])==-1){hase.push(arr[i]);}}return hase;}docu...

2019-09-11 23:35:50 382

原创 js案例

第一个给大家来个传说中的不死神兔古典问题:有一对兔子,从出生后第 3 个月起每个月都生一 对兔子,小兔子长到第三个月后每个月又生一对兔子,假如兔子都不死,问每个 月的兔子总数为多少? 1、1、2、3、5、8、13、21、34var y =prompt(‘请输入月份’,’’);var f1=1;var f2=1;var f3=1;for(var i = 2;i<parseInt...

2019-09-11 23:28:50 157

原创 js函数的基本介绍

函数的创建在JavaScript里面创建函数的关键字为function函数名:就是在我们调用函数的时候需要书写的标识符形参:全称为形式参数,调用函数的时候,这个函数所需要的参数是什么实参:全称为实际参数,调用这个函数的时候,实际传递给函数的参数函数的调用方法非常简单,就是写上函数名,后面加上一对括号即可。需要注意调用函数的时候无论是否传参,都需要书写括号。函数的参数(1) ...

2019-09-05 21:16:21 89

原创 for循环和函数的关系

数组去重数组去重的分析思路1.遍历被去重的数组2.用获取到的数据;与去重的数组进行 比较,如果有相等的我们就删除【待比较】元素数组去重方式二声明一个新数组,接收不重复的数据indexOf() 返回数据的在数组中的索引值,如果为-1表示该数组中没有这个数据----->参数为被【查询的数据】方法去重封装需求:封装数组去重方法1.根据需求中变量可以找到形参2.假设形参接受实参...

2019-09-05 21:09:58 479

原创 JS封装方法

封装方法1.要清楚该方法在哪里使用;什么时候使用,怎么用?2.根据【使用】,推出方法【作用】3.完成【作用】需要哪些东西---->变化的量4.根据【变化的量】,确定【形参】,并清楚每个形参代表的【意义】5.将需要完成的业务,假设形参已经接受实参,完成一种情况时的业务,最后将一种情况变为多种情况6.中间如果有bug,可能是缺少条件语句,学会写表达式arguments 是一个伪数...

2019-09-05 21:04:21 450

原创 JS对象知识点

js中对象数据存在形式 key:value 键值对key 表示对象的属性value 表示属性的值属性是不可变的,值是可以改变的每个属性都有他的作用,具体作用程度有值来决定对象中属性都是字符串类型,值可以为任意数据类型对象语法结构{key:value,key:value}通过构造函数Objct()创建普通对象new作用:实例化对象new构造函数()—> 实例化对象构造函...

2019-09-05 21:00:12 185

原创 JS

js 是一个面向对象,也是解析语言js 的天然运行环境是浏览器js 存在兼容性问题,因为每个浏览器对JS的解析程度不同。js 作用,实现浏览器和用户的交互;以及动态样式的交互交互;一问一答在JS眼中页面上所有东西都是数据(data)在js的眼里万事万物都是对象,所以程序员天天面向对象但是找不到对象变量主要有数据:第一数据的存储 第二数据读取// JS中所有的数据都存在变量中/...

2019-09-05 20:51:19 49

原创 JS对象

创建对象ECMA变量用‘var’关键字来定义变量,并可以将其初始化为任意值变量中存储的值可以改变ECMAJscript运算符运算符是指完成操作的一系列符号,也称为操作符运算符用于江一个或多个指进行运算并返回结果。使用运算符的值称为操作数运算符和操作数的组合称为表达式运算符的类型1 算术运算符分别是 : + - * / % ++ –2 比较(关系)运算符分别是 : >...

2019-09-05 20:04:20 65

原创 JS开始

js入门什么是JavaScriptJavaScript与Java的区别JavaScript程序的运行开发环境JavaScript的特点JavaScript的优点与局限1.什么是JavaScript?人们通常所说的JavaScript,其正式名称为ECMAScript。这个标准由ECMA组织发展和维护。ECMA-262是正式的JavaScript标准。这个标准基于网景(Netscap...

2019-09-05 19:50:31 91

原创 原生JS

原生JS 简介ECMAScript是什么?是一个面向对象语言;也是解析语言,也是轻量级语言的天然运行环境是浏览器存在兼容性问题;因为每个浏览器对JS 的解析程度不同。作用:实现浏览器和用户的交互;以及动态样式的交互交互:一问一答在js 眼中;页面上所有东西都是数据(data在JS 的眼里万事万物都是对象,所程序员天天面向对象但是找不到对象ECMAScript 是一种基于对象(Ob...

2019-09-05 19:40:39 106

原创 css3新特性

过渡css3 添加了很多新特性,这里,对过渡、动画、2d变换 加粗样式进行小结。在浏览器中,过渡效果一般是由浏览器直接改变元素的css属性实现。过渡使用也有一定范围,比如在最开始页面加载时浏览器不会应用过渡,而是直接反映的时没有过渡的样式。在后期触发后才会有过渡的效果出现。过渡属性transition-property 指定应用过渡的属性,值用字符串表示。transition-dura...

2019-09-05 19:21:52 62

原创 小东西

今天呢给大家继续看我写的小东西哈。第一个呢就给大家看看写渐变上面那个backgroud的值大家可能不太懂,下面就给大家解释一下:线性渐变:background: linear-gradient();默认按照从上至下的顺序进行渐变。to right/left/top/bottom:往哪个方向去。to left top/……:斜角渐变。0deg:按照角度进行渐变。百分比:可以控制某个...

2019-08-11 21:18:56 50

原创 2D转换

CSS3 转换CSS3 转换可以可以对元素进行移动、缩放、转动、拉长或拉伸。它是如何工作?转换的效果是让某个元素改变形状,大小和位置。您可以使用 2D 或 3D 转换来转换您的元素。浏览器支持表格中的数字表示支持该属性的第一个浏览器版本号。紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。Internet Explorer 10,...

2019-08-11 21:06:01 74

原创 网页的布局分布

网页布局网页布局有很多种方式,一般分为以下几个部分:头部区域、菜单导航区域、内容区域、底部区域。这呢就是展示图。下面我就一步一步的给大家介绍。头部区域头部区域位于整个网页的顶部,一般用于设置网页的标题或者网页的 logo:菜单导航区域菜单导航条包含了一些链接,可以引导用户浏览其他页面:内容区域内容区域一般有三种形式:1 列:一般用于移动端2 列:一般用于平板设备3 列:一...

2019-08-11 19:49:54 4053

原创 盒子模型

今天就给大家聊一聊盒子模型这个东西。所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。下面的图片说明了盒子模型(Box Model):1.盒模型有两种:标准盒模型(W3C盒模型)、IE盒模型。...

2019-08-11 17:09:42 56

原创 一些小东西

今天呢就给大家看一些小东西。我先给大家看下代码这呢是一个三角形代码,每个border都是一个三角形,拼起来起来就是一个正方形。我呢是让其他三个三角形隐藏起来,让最下面的三角形显示出来。接下来就给大家看下图片覆盖在代码中呢,backgrouod是背景的意思,image是图片的意思,和在一起就是背景图片,repeat是重复的意思,和一起的就是背景重复,no-repeat就是背景图片不重...

2019-08-11 12:05:09 96

原创 一些代码实现的东西

首先呢,我就给大家展示一个块级元素,行内元素和行内块的东西我先给大家看下代码这些呢是我敲的一些代码,我这就给大家介绍一下里面的属性,width是表示div的宽度,height是表示div的高度,background-color是表示背景颜色,display是表示显示的方式,inline是属性,block是块级属性 ,那么inline-block就是行内块。这是代码实现的效果,我比较菜,不...

2019-08-10 19:55:22 116

原创 接上篇

13,表单标签:属性:action: 提交路径/位置method 设置提交的方式 其属性有:get[获取数据]/post[传送数据]<input type=”#” / >1, text 文本框Value 设置默认文本 值2,password 密码输入框 Value 设置默认密码3,radio 单选按钮 8name 必须有的 分组checked=“checked” 设置...

2019-08-10 17:40:11 110

原创 html课堂笔记

1,html :Hyper Text Markup Language 超文本标记语言 是网页的标签2,F5:刷新界面 F12:浏览界面 ctrl+s:保存 tab:缩进(尽量不要用空格键) ctrl+z:撤销/后退 shift+enter: ctrl+r :ps 调出标尺 f8:调出信息版面(尺寸) 空格+点击图:手行移动图 ctrl+D 取消选区3,网页的基本结构:...

2019-08-10 11:19:11 98

原创 编程技术学习攻略与学习方法

编程攻略编程技术学习分析,web前端网页制作,大家在学习前端的时候,大家难免会遇见一些自己不懂的问题,这些问题都会阻挡大家下一步的学习,下面呢我就给大家说下我的观点:学习编程的攻略,在我们学习编程的时候,一定要知道他的单词是什么意思,这就是考验大家英语水平的时候了,而且我们还要知道这个代码要表达的是什么意思,我们只有知道了它表达的意思,我们才能知道这些东西如何写出来,单词和一些前端web的基本...

2019-08-10 11:08:51 483

原创 前端开发学习要装哪些电脑软件

我们如果要成为一个前端开发人员的话,我的电脑上要装什么电脑软件呢?接下来就谈谈我个人的见解:我们在学习的过程中,我们的电脑上必须要装的三样软件。第一样,就是我们的电脑解压包,我们可以去软件中心或者用浏览器搜索,我个人用的是2345好压,然后我们进入官网来下载我们的这个解压软件。第二样,那就是我们都要用到的浏览器,我个人推荐大家使用谷歌或者火狐浏览器,因为这两种浏览器兼容性要比QQ,360等...

2019-08-10 10:00:44 5431 2

空空如也

空空如也

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

TA关注的人

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