- 博客(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 <
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关注的人