- 博客(22)
- 收藏
- 关注
RSS订阅原创 js拖动
点击【添加信息】 弹框 * 表单； * 点击【确定】 or 【取消】 弹框消失 * 表示允许拖动 拖动范围不限 提交 你中奖了 确定 取消 btn.onclick = function(){ box.style.display = ‘block’ } box1.onclick = function(){ box.style.display = ‘none’ } box2.onclic...
2019-09-11 23:37:28
154
原创 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
455
原创 js案例
第一个给大家来个传说中的不死神兔 古典问题：有一对兔子，从出生后第 3 个月起每个月都生一 对兔子， 小兔子长到第三个月后每个月又生一对兔子，假如兔子都不死， 问每个 月的兔子总数为多少？ 1、1、2、3、5、8、13、21、34 var y =prompt(‘请输入月份’,’’); var f1=1; var f2=1; var f3=1; for(var i = 2;i<parseInt...
2019-09-11 23:28:50
224
原创 js函数的基本介绍
函数的创建 在JavaScript里面创建函数的关键字为function 函数名：就是在我们调用函数的时候需要书写的标识符 形参：全称为形式参数，调用函数的时候，这个函数所需要的参数是什么 实参：全称为实际参数，调用这个函数的时候，实际传递给函数的参数 函数的调用 方法非常简单，就是写上函数名，后面加上一对括号即可。需要注意调用函数的时候无论是否传参，都需要书写括号。 函数的参数 （1） ...
2019-09-05 21:16:21
153
原创 for循环和函数的关系
数组去重 数组去重的分析思路 1.遍历被去重的数组 2.用获取到的数据；与去重的数组进行 比较，如果有相等的我们就删除【待比较】元素 数组去重方式二 声明一个新数组，接收不重复的数据 indexOf() 返回数据的在数组中的索引值，如果为-1表示该数组中没有这个数据 ----->参数为被【查询的数据】 方法去重封装 需求：封装数组去重方法 1.根据需求中变量可以找到形参 2.假设形参接受实参...
2019-09-05 21:09:58
546
原创 JS封装方法
封装方法 1.要清楚该方法在哪里使用；什么时候使用，怎么用？ 2.根据【使用】，推出方法【作用】 3.完成【作用】需要哪些东西---->变化的量 4.根据【变化的量】，确定【形参】，并清楚每个形参代表的【意义】 5.将需要完成的业务，假设形参已经接受实参，完成一种情况时的业务，最后将一种情况变为多种情况 6.中间如果有bug，可能是缺少条件语句，学会写表达式 arguments 是一个伪数...
2019-09-05 21:04:21
522
原创 JS对象知识点
js中对象数据存在形式 key:value 键值对 key 表示对象的属性 value 表示属性的值 属性是不可变的，值是可以改变的 每个属性都有他的作用，具体作用程度有值来决定 对象中属性都是字符串类型，值可以为任意数据类型 对象语法结构{key:value,key:value} 通过构造函数Objct（）创建普通对象 new作用：实例化对象 new构造函数（）—> 实例化对象 构造函...
2019-09-05 21:00:12
261
原创 JS
js 是一个面向对象，也是解析语言 js 的天然运行环境是浏览器 js 存在兼容性问题，因为每个浏览器对JS的解析程度不同。 js 作用，实现浏览器和用户的交互；以及动态样式的交互 交互；一问一答 在JS眼中页面上所有东西都是数据（data） 在js的眼里万事万物都是对象，所以程序员天天面向对象但是找不到对象 变量 主要有数据：第一数据的存储 第二数据读取 // JS中所有的数据都存在变量中 /...
2019-09-05 20:51:19
99
原创 JS对象
创建对象 ECMA变量 用‘var’关键字来定义变量，并可以将其初始化为任意值 变量中存储的值可以改变 ECMAJscript运算符 运算符是指完成操作的一系列符号，也称为操作符 运算符用于江一个或多个指进行运算并返回结果。 使用运算符的值称为操作数 运算符和操作数的组合称为表达式 运算符的类型 1 算术运算符 分别是 ： + - * / % ++ – 2 比较（关系）运算符 分别是 ： >...
2019-09-05 20:04:20
102
原创 JS开始
js入门 什么是JavaScript JavaScript与Java的区别 JavaScript程序的运行开发环境 JavaScript的特点 JavaScript的优点与局限 1.什么是JavaScript？ 人们通常所说的JavaScript，其正式名称为ECMAScript。这个标准由ECMA组织发展和维护。ECMA-262是正式的JavaScript标准。这个标准基于网景（Netscap...
2019-09-05 19:50:31
134
原创 原生JS
原生JS 简介 ECMAScript是什么？ 是一个面向对象语言；也是解析语言，也是轻量级语言 的天然运行环境是浏览器 存在兼容性问题；因为每个浏览器对JS 的解析程度不同。 作用：实现浏览器和用户的交互；以及动态样式的交互 交互：一问一答 在js 眼中；页面上所有东西都是数据（data 在JS 的眼里万事万物都是对象，所程序员天天面向对象但是找不到对象 ECMAScript 是一种基于对象（Ob...
2019-09-05 19:40:39
157
原创 css3新特性
过渡 css3 添加了很多新特性，这里，对过渡、动画、2d变换 加粗样式进行小结。 在浏览器中，过渡效果一般是由浏览器直接改变元素的css属性实现。 过渡使用也有一定范围，比如在最开始页面加载时浏览器不会应用过渡，而是直接反映的时没有过渡的样式。在后期触发后才会有过渡的效果出现。 过渡属性 transition-property 指定应用过渡的属性，值用字符串表示。 transition-dura...
2019-09-05 19:21:52
103
原创 小东西
今天呢给大家继续看我写的小东西哈。 第一个呢就给大家看看写渐变 上面那个backgroud的值大家可能不太懂，下面就给大家解释一下： 线性渐变：background: linear-gradient(); 默认按照从上至下的顺序进行渐变。 to right/left/top/bottom：往哪个方向去。 to left top/……：斜角渐变。 0deg：按照角度进行渐变。 百分比：可以控制某个...
2019-08-11 21:18:56
124
原创 2D转换
CSS3 转换 CSS3 转换可以可以对元素进行移动、缩放、转动、拉长或拉伸。 它是如何工作？ 转换的效果是让某个元素改变形状，大小和位置。 您可以使用 2D 或 3D 转换来转换您的元素。 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。 Internet Explorer 10,...
2019-08-11 21:06:01
115
原创 网页的布局分布
网页布局 网页布局有很多种方式，一般分为以下几个部分：头部区域、菜单导航区域、内容区域、底部区域。 这呢就是展示图。下面我就一步一步的给大家介绍。 头部区域 头部区域位于整个网页的顶部，一般用于设置网页的标题或者网页的 logo： 菜单导航区域 菜单导航条包含了一些链接，可以引导用户浏览其他页面： 内容区域 内容区域一般有三种形式: 1 列：一般用于移动端 2 列：一般用于平板设备 3 列：一...
2019-08-11 19:49:54
4443
原创 盒子模型
今天就给大家聊一聊盒子模型这个东西。 所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。 盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。 下面的图片说明了盒子模型(Box Model)： 1.盒模型有两种：标准盒模型（W3C盒模型）、IE盒模型。...
2019-08-11 17:09:42
95
原创 一些小东西
今天呢就给大家看一些小东西。 我先给大家看下代码 这呢是一个三角形代码，每个border都是一个三角形，拼起来起来就是一个正方形。 我呢是让其他三个三角形隐藏起来，让最下面的三角形显示出来。 接下来就给大家看下图片覆盖 在代码中呢，backgrouod是背景的意思，image是图片的意思，和在一起就是背景图片，repeat是重复的意思，和一起的就是背景重复，no-repeat就是背景图片不重...
2019-08-11 12:05:09
149
原创 一些代码实现的东西
首先呢，我就给大家展示一个块级元素，行内元素和行内块的东西 我先给大家看下代码 这些呢是我敲的一些代码，我这就给大家介绍一下里面的属性，width是表示div的宽度，height是表示div的高度，background-color是表示背景颜色，display是表示显示的方式，inline是属性，block是块级属性 ，那么inline-block就是行内块。 这是代码实现的效果，我比较菜，不...
2019-08-10 19:55:22
171
原创 接上篇
13，表单标签： 属性：action： 提交路径/位置 method 设置提交的方式 其属性有：get[获取数据]/post[传送数据] <input type=”#” / > 1, text 文本框 Value 设置默认文本 值 2，password 密码输入框 Value 设置默认密码 3,radio 单选按钮 8 name 必须有的 分组 checked=“checked” 设置...
2019-08-10 17:40:11
158
原创 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
157
原创 编程技术学习攻略与学习方法
编程攻略 编程技术学习分析，web前端网页制作，大家在学习前端的时候，大家难免会遇见一些自己不懂的问题，这些问题都会阻挡大家下一步的学习，下面呢我就给大家说下我的观点： 学习编程的攻略，在我们学习编程的时候，一定要知道他的单词是什么意思，这就是考验大家英语水平的时候了，而且我们还要知道这个代码要表达的是什么意思，我们只有知道了它表达的意思，我们才能知道这些东西如何写出来，单词和一些前端web的基本...
2019-08-10 11:08:51
645
原创 前端开发学习要装哪些电脑软件
我们如果要成为一个前端开发人员的话，我的电脑上要装什么电脑软件呢？接下来就谈谈我个人的见解： 我们在学习的过程中，我们的电脑上必须要装的三样软件。 第一样，就是我们的电脑解压包，我们可以去软件中心或者用浏览器搜索，我个人用的是2345好压，然后我们进入官网来下载我们的这个解压软件。 第二样，那就是我们都要用到的浏览器，我个人推荐大家使用谷歌或者火狐浏览器，因为这两种浏览器兼容性要比QQ，360等...
2019-08-10 10:00:44
5788
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人