自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 vue基础

vue基础一、了不起的vue1. 官方介绍2.渐进式二、 Vue 心跳体验我的第一个Vue例子安装 [Vue Devtools](https://github.com/vuejs/vue-devtools#vue-devtools)三、真相只有一个---数据绑定原理四、模板语法1. 插值文本纯 HTML使用Javascript表达式2.指令v-bindv-ifv-elsev-else-ifv-showv-onv-forv-modelv-textv-htmlv-slotv-prev-cloakv-onceC

2020-12-01 21:01:31 227

原创 ajax

ajax一.概念二.优缺点1.优点2.缺点三.使用1.创建对象2.初始化请求3.发送请求4.请求/响应状态四.封装ajax函数一.概念AJAX => Asynchronous Javascript And XML直译:异步的 JavaScript 和 XMLAJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术(局部刷新)通俗的讲,AJAX就是JS通过一个网址去加载数据,这个过程通常是用户不可见的二.优缺点1.优点1)页面无刷新更新数据:AJAX最大优点就是能在不刷

2020-11-03 20:33:40 654

原创 轮播图

轮播图3.透明度切换的轮播图2.会运动的轮播图3.透明度切换的轮播图style: * { margin: 0; padding: 0; list-style: none; } .wrap { width: 500px; height: 340px; margin: 50px auto 0; position: relative; } .mai

2020-10-28 20:15:06 160

原创 事件-小案例

事件案例1.跟随鼠标移动的提示框2.键盘控制块移动1.跟随鼠标移动的提示框style: .show{ position:absolute; display: none; background:gainsboro; padding: 2px; } html: <a href="#">今天发生了一件大事</a> <div class="show"&g

2020-10-28 19:42:49 138

原创 事件

事件一.事件流二.事件模型DOM0级事件模型DOM2级事件模型三.事件对象1.event概念及作用2.获取event对象3.鼠标/键盘相关属性4.其他属性/方法四.事件委托五.鼠标滚轮事件六.scroll 滚动条一.事件流事件流:事件的流向,时间的执行顺序。当子元素和父元素都定义了相同的事件,比如都定义了onclick事件,当点击子元素时,父元素的onclick事件也会被触发,js把这种事件连续发生的机制为事件冒泡或事件捕获IE:事件从里向外发生,事件从最精确对象(target)开始触发,然后到最不

2020-10-28 08:31:48 299

原创 DOM

一.概念DOM(Document Object Model)的缩写,即文档对象模型DOM是针对HTML和XML文档的一个API。DOM描绘了一个层次化的节点树,即HTML文档中的所有内容都是节点(node)。DOM树中的所有节点均可通过JS进行访问,允许开发人员添加.移除.修改和查询页面的某一部分二.DOM1.节点类型1.1.文档节点整个文档是一个'文档节点'1.2.元素节点每一个HTML元素是'元素节点'1.3.文本节点HTML元素内的文本是'文本节点'(回车也是文本节点)1.4

2020-10-22 21:31:13 114

原创 Math对象

Math对象Math对象常用APIMath.PI---返回圆周率3.1415926...Math.ceil(x)----------对数值x进行向上取整Math.floor(x)--------对数值x进行向下取整Math.round(x)----对数值x进行四舍五入取整Math.abs(x)----------返回x的绝对值Math.pow(x,y)--------返回x的y次方Math.sqrt(x)----------返回x的平方根Math.min(a,b,c...)----返回abc...中的最小值

2020-10-22 11:12:11 190

原创 字符串常用方法案例

1.和谐敏感字1.replace方法 <textarea class="txt" name="" id="" cols="30" rows="10"></textarea> <p><button class="btn">留言</button></p> <div class="show"></div> <script> var txt = document.q

2020-10-22 11:08:43 174

原创 字符串

一.字符串的声明用来进行:1.数据运算 2.页面渲染 3.前后端的数据交互1.字面量(一般用这种)var str1 = 'hello world';//string2.构造函数var str2 = new String('hi');//object二.遍历字符串1. for(var i=0;i<str1.length;i++){ console.log(str1[i]); }2.for (var i in str2) {

2020-10-22 11:07:25 117

原创 js数组方法的增删改查

增删改查的方法一.增1.push()2.unshift()3.splice()splice(index,0,ele,ele1.....)4.concat()二.删1.shift()2.pop()3.splice()splice(index)splice(index,num)4.slice()slice();slice(index);slice(startIndex,endIndex)三.改splice()splice(index,num,ele,ele1.....)四.查indexOf()indexOf(e

2020-10-15 18:56:57 1611

原创 关于函数递归和返回值的小案例

函数小案例简单函数小案例1.定义一个函数,功能是打印m行n列的表格2.定义一个函数,功能求任意两个数的和、差、积、商3.定义函数,功能是输入m--n之间的闰年,传递参数实现4.函数实现,输出1-100中(7的倍数和带7的数除外)的数,传递参数实现5.编写一个函数,计算三个数字的大小,按从小到大顺序输出函数返回值案例1.编写一个函数,功能计算任意数字的阶乘2.定义一个函数,功能求任意一个数的平方3.编写函数实现:求2的平方的阶乘+3的平方的阶乘(至少用两个函数实现,一个函数实现平方,一个函数实现阶乘)4.编写

2020-10-14 20:04:52 318

原创 函数

函数的概念概念'函数'是一个工具,实现一个功能的代码块的封装 函数的特点1,如果没有return语句,默认返回是uedefined2,函数内部包含一个默认的arguments参数数组,它返回函数所接收的所有参数3,如果在函数中声明一个变量没有使用var,这个变量将默认为全局变量4,函数域始终高于全局域 例: var a=123; function f(){alert(a);var a=456;alert(a);} f(); 结

2020-10-14 19:52:50 126

原创 数组小练习

对象,数组练习1,创建一个对象,该对象存储一个学生的信息,该对1,象包含学号、身份证、年龄、性别、所学专业等属性信息,同时该对象包含一个自我介绍的方法,用来输出该对象的所有信息2.定义一个含有10个元素的数组,任意输入一个数,判断这个数在数组中是否存在,如果存在,就删除这个数.3.输入若干个成绩存入到数组中,输入负数后退出。 统计数组平均成绩,输出低于平均成绩的分数并统计低于平均成绩的学生个数4.定义一个含有30个整型元素的数组,按顺序分别赋予从2开始的偶数;然后按顺序每五个数求出一个平均值,放在另一个数

2020-10-14 11:54:52 620

原创 数组

数组一.数组的概念及作用二.数组的声明三.数组的基本操作四.二维数组五.数组方法改变元素组1,arr.push(ele,ele2,ele3...);2.var num = arr.pop();3.arr.unshift(ele,ele2,ele....);4.arr.shift();5.arr.splice(index);6.arr.splice(index,num);7.arr.splice(index,num,ele1,ele2,ele3.....);8.reverse();不改变元素组1.arr.sl

2020-10-13 22:04:12 183

原创 对象

对象什么是对象及使用对象的好处对象的创建方式对象的遍历this对象内置对象和宿主对象什么是对象及使用对象的好处对象是一组无序的相关'属性'和'方法'的集合,所有的事物都是对象,例如字符串、数值、数组、函数等'属性':事物的特征,在对象中用属性来表示(常用名词)'方法':事物的行为,在对象中用方法来表示(常用动词)使用对象的好处:使用对象可以使我们的表达结构更清晰,更强大对象的创建方式1.利用字面量创建对象:就是花括号{}里面包含了表达这个具体事物(对象)的属性和方法var obj=

2020-10-13 20:16:11 677

原创 css常用布局归纳

css布局目录css布局一 单列布局二 两列布局一 单列布局分为两种:header,content和footer等宽的单列布局设置三个块等宽,通过margin:0 auto设置居中HTML代码:<div class="header"></div><div class="content"></div><div class="footer"></div>css里的代码:.header { height:

2020-10-09 21:15:26 178

原创 js循环案例-星星打印

##方形 for (var i = 0; i < 6; i++) { for (var j = 0; j < 6; j++) { document.write("*"); } document.write("<br>"); } document.write("<br>");##正向三角形 for (var i = 0; i &lt

2020-10-09 17:56:57 769

原创 js循环小案例

1.求1-100之间所有整数的累加和用for循环写: var sum = 0; for (var i = 1; i <= 100; i++) { sum = sum + i; } console.log(sum);用do while写: var sum=0; var i=1; do{ sum+=i; i++; }while(i

2020-10-09 16:55:22 690 1

原创 js基础语法总结

js基础语法. 简介1.概述:JavaScript是一种基于对象的,事件驱动的,跨平台的,客户端脚本语言2.javascript能做什么:对页面进行渲染,让页面有行为。让页面动起来,与后台数据进行交互。3.javascript简史:1995年时,由Netscape公司的布兰登.艾奇(Brendan Eich)开发出来的,最初中liveScript,为了快速发展,借用了当时一个业界非常流行的词语java,于是更名为javaScript.​ 后来微软进入浏览器行业,从IE3.0开

2020-10-09 16:47:41 708

空空如也

空空如也

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

TA关注的人

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