阿浩！-优快云博客

原创 Vue入门笔记Day 8

一.vue中的css动画原理1.过渡显示（1）transition标签transition表示包裹的内容会有一个动画过渡效果，动画效果必须包含在transition标签里。（2）动画流程transition包裹后会vue会自动分析css样式，构建一个动画流程。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>vue中的css动画原理</title&g

2021-04-09 17:51:21 133

原创 JavaScript入门 Day2

一.JavaScript变量和函数1.JavaScript变量主要作用是存取数据、提供存放数据的容器。(1)变量的定义：JavaScript是一种弱检测的语言。它对变量的定义并不需要声明变量的类型，通过赋值的形式可以将各种类型的数据赋值给同一变量。(2)变量的声明与赋值：在JavaScript中，变量可以用关键字var作声明，例如：var age；JavaScript变量声明分为两种：显式声明与隐式声明。显式声明：var i=56；隐式声明： i=56； //JavaScrip

2021-04-06 16:42:36 335

原创 Vue入门笔记Day7

1.组件使用中的细节点（1）使用is解决h5标签的bugh5编码规范tbody里面必须跟tr所以不能直接写成组件，有序列表与无序列表也一样，还有下拉列表等。is属性解决：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>组件使用中的细节点 1.使用is解决h5标签的bug</title> <script src="../vue.js"&gt

2021-04-02 15:31:42 106

原创 JavaScript入门 Day 1

一.JavaScript初探1.术语术语“ECMAScript”和“JavaScript”指的是同一个东西。但如果把JavaScript看成是“Mozilla或其他组织的ECMAScript实现”，那么ECMAScript就是实现JavaScript所依据的标准。术语“ECMAScript”也用来描述语言版本(比如ECMAScript5)。JavaScript解析引擎就是能够“读懂”JavaScript代码，并准确地给出代码运行结果的一段程序。比方说，当编写了 var a = 1 + 1; 这样一段代

2021-04-02 10:51:01 236

原创 Vue入门笔记Day6

1.Vue中的样式绑定（1）class的对象绑定<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>vue中的样式绑定</title> <script src="../vue.js" type="text/javascript" charset="utf-8"></script> <style type="text/c

2021-04-01 17:51:13 132

原创 Vue入门笔记Day5

1.Vue模板语法（1）插值表达式<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="../vue.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div i

2021-04-01 16:40:43 94

原创 Vue入门笔记Day4

1.Vue实例变量vm app 一般都代表vue实例el:负责定义Vue定义的接管的dom最外层标签2.生命周期函数生命周期函数就是Vue实例在某一个时间点会自动执行的函数。（1）beforeCreate<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="../vue.js" type="tex

2021-04-01 13:53:43 95

原创 Vue入门笔记Day3

完成TodoList的删除功能<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="../vue.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div id="

2021-04-01 10:24:47 87

原创 Vue入门笔记Day2

1.MVVM模式传统设计模式MVP：Model层:数据层 Presenter层:呈现层控制器（控制层） View层：视图层（一般指dom展示）2.组件组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树：（1）全局组件语法格式如下：Vue.component(组件名,{方法})Vue.component("TodoItem"

2021-03-31 17:17:14 137

原创 Vue入门笔记Day 1

1.创建Vue实例var vm = new Vue({})2. data 用于定义属性。methods 用于定义的函数，可以通过 return 来返回函数值。{{ }} 用于输出对象属性和函数返回值。3.插值数据绑定最常见的形式就是使用 {{…}}（双大括号）的文本插值.实例<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Hello world&lt

2021-03-31 10:56:30 154

weixin_43273921的博客