今天吃洋芋呀-CSDN博客

原创 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

相对路径以引用文件之网页所在位置为参考基础，而建立出的目录路径。因此，当保存于不同目录的网页引用同一个文件时，所使用的路径将不相同，故称之为相对路径。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

qq_39248504的博客