阿浩！-CSDN博客

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

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

原创 Vue入门笔记Day7

1.组件使用中的细节点（1）使用is解决h5标签的bug h5编码规范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 81

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

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

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

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

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

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

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

weixin_43273921的博客