- 博客(12)
- 收藏
- 关注
原创 JS之贪吃蛇游戏
贪吃蛇思路:首先得有一个地图一个食物对象一个蛇对象游戏地图样式:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>title</title> <style> .map { wid...
2019-07-31 08:58:21
318
原创 Vue使用过渡类名实现动画效果
注意点:使用 transition 元素,把需要被动画控制的元素,包裹起来自定义style样式,来控制 transition 内部的元素实现动画案例:点击按钮,让h3显示,再点击让h3隐藏定义一个div,里面添加一个按钮,具体如下:<div id="app"> <input type="button" value="toggle" @click="flag=!fl...
2019-07-20 21:31:40
201
原创 Vue中v-if和v-show的使用
vue提供了两种条件渲染的方式 v-if 和 v-show区别:v-if 每次都会重新删除或创建元素,有较高的切换性能消耗,而v-show 每次不会重新进行DOM的删除和创建,只是切换了元素的display:none样式,有较高的初始渲染消耗...
2019-07-20 10:04:52
107
原创 Vue-resource实现get,post,jsonp请求
如何发起数据请求?除了Vue-resource之外,还可以使用axios的第三方包实现数据的请求常见的数据请求类型?get,post,jsonp测试的URL请求资源地址:get请求地址: http://vue.studyit.io/api/getlunbopost请求地址:http://vue.studyit.io/api/postjsonp请求地址:http://vue.study...
2019-07-19 21:00:36
123
原创 Vue生命周期钩子函数
什么是生命周期?从Vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件,这些事件,统称为生命周期生命周期钩子 = 生命周期函数 = 生命周期事件主要的生命周期函数分类:创建期间的生命周期函数beforeCreate:实例刚在内存中被创建出来,此时,还没有初始化好 data 和 methods 属性created:实例已经在内存中创建OK,此时 data 和 methods 已经...
2019-07-19 18:37:23
94
原创 Vue自定义指令
Vue的全局指令与局部指令学习Vue中我们为了更为方便的操作元素,经常使用自定义指令,自定义属性又可细分为全局指令和私有指令,在全局范围内定义的指令称为全局指令,在函数内部定义的指令称为私有指令全局指令定义一个文本框,我们可以为它添加焦点指令,注意,在Vue中所有的指令,在调用的时候,都以 v- 开头,我们在此定义了focus指令和color指令 <input type="text"...
2019-07-19 17:56:18
125
原创 DOM概念及作用
Javascript分三个部分ECMAScript标准:JS的基本的语法DOM:Document Object Model —>文档对象模型----操作页面的元素BOM:Browser Object Model----->浏览器对象模型—操作的是浏览器该文档仅限DOMDOMDOM又称文档对象模型,由于万物皆对象,所以我们可以把文档也当做一个对象,页面中的每一个标签都是元素,...
2019-07-06 18:43:18
2052
原创 JS创建对象及JSON格式的数据
JS中的对象特指某个事物,有其属性和方法,在js中对象就是一组无序的属性的集合JS创建对象的三种方式第一种,通过调用系统的构造函数创建对象 new Object()var obj=new Object();第二种,通过自定义构造函数 var obj2=new 自定义构造函数();第三种,通过字面量的方式创建对象var obj3={};判断这个变量是不是这个类型的,可以用 in...
2019-07-06 18:07:08
1540
原创 JS之交换两个变量的值
在交换两个变量之前,我们应该知道什么是变量?变量的作用是什么?变量是计算机语言中能储存计算结果或能表示值抽象概念。它最大的作用是用来存储数据,读取数据。通常我们用var来声明一个变量var 变量名;交换两个变量的值,一般有三种方法第一种方法,通过第三方变量进行交换 var num1=10; var num2=20; var temp=num1; num1=num2...
2019-07-06 17:42:25
282
原创 Javascript之事件
事件事件的绑定(三种方法)第一种方法(注意,此时的事件名不带on*)对象.addEventListener("click",事件处理函数,false);如: document.getElementById("btn").addEventListener("click",f1,false);*第二种方法(此时的事件名带on)对象.attachEvent("onclick",事件处理函...
2019-07-06 08:21:59
66
原创 HTML+CSS之路径
相对路径以引用文件之网页所在位置为参考基础,而建立出的目录路径。因此,当保存于不同目录的网页引用同一个文件时,所使用的路径将不相同,故称之为相对路径。1.若图片和HTML文件位于同一文件夹:只需输入图片的名称即可,如img src=“logo.jpg” /。2. 图片位于HTML文件的下一级文件夹:输入文件夹名和文件名,之间用“/”隔开,如img src=“img/img01/logo.jp...
2019-07-05 19:20:35
477
原创 HTML标签
目标:能够写出基本的页面,里面包含文字,图片,各种标签以及链接**web前端**开发者工具:hrome 、 sublime 、 photoshopWeb 标准构成:主要包括结构(Structure)–HTML、表现(Presentation)–CSS和行为(Behavior)–Javascript 三个方面。**HTML骨架<HTML> <...
2019-07-05 19:09:11
150
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人