爱～做梦的～猪-CSDN博客

原创过渡动画

基本语法<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> .content{ width: 200px; height: 200px...

2020-04-18 15:18:06 133

原创输入内容绑定

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue.js" type="text/javascript" charset="utf-8"></script>...

2020-04-18 15:14:32 133

原创事件的传参

基础认识可以使用表达式的方式来操作事件通过来获取事件的对象来操作事件<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue.js" type="text/javascr...

2020-04-12 08:49:42 246

原创内联样式

内联样式的基本语法：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue.js" type="text/javascript" charset="utf-8">&...

2020-04-09 17:00:22 668

原创 class的修改

class常用的修改一共有以下几种：通过对象的方式来决定是否存在某个类直接放置对象放置数组放置字符串数组和对象混合使用<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="js/...

2020-04-08 09:00:28 529

原创侦听器

尽量少使用watch，可以用compute代替的就代替，watch比较消耗资源<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue.js" type="text/javascri...

2020-04-08 08:56:54 87

原创计算属性

计算属性，在多次进行调用的时候，节约系统资源，它存在一个缓存区间，可以用来暂存数据，只要变量不改变，就不会使用资源重新计算<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue.j...

2020-04-01 17:58:56 70

原创模板语法

v-once：一次性赋值，以后不会在改变v-html：可以将语义转化为标签，如<span>hello</span>就会直接显示为’hello’v-bind：绑定动态属性，可以省略v-on：事件的绑定，可以替换成@<!DOCTYPE html><html> <head> <meta charset="utf-8" /...

2020-03-31 22:47:00 75

原创列表渲染

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue.js" type="text/javascript" charset="utf-8"></script> ...

2020-03-31 21:10:56 86

原创过渡与变形的综合应用

代码：HTML：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="new_file.css"/> </hea...

2020-03-26 15:20:10 126

原创 Vue之条件渲染

条件渲染分为两个类：一个是"v-if",一个是"v-show"v-if：代码：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue.js" type="text/javasc...

2020-03-24 17:45:58 83

原创初识Vue

MVVM模式M->Model：负责数据存储V->View：负责页面展示VM->View Model：负责业务逻辑处理，对数据进行加工后交给视图MVC模式（设计模式，前后端都存在）M->model->模型->数据（js变量）V->View->视图->用户所见界面（HTML CSS）C->control->控制器-&...

2020-03-23 21:07:02 101

原创 2020.3.19作业

绿变黄<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>绿变黄</title> </head> <style> div{ width: 200px; height: 200px; backgr...

2020-03-21 18:34:09 146

原创杂志页面

HTML：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS3电子杂志页面</title> <link href="css/e-zine.css" type="text/css" rel="stylesheet"&...

2020-03-19 16:32:56 428

原创第一章知识总结

浏览器的私有前缀：-webkit- 只有以webkit为内核的浏览器就可以解析，如Chrome、Safari、Microsoft Edge-moz- 只有以Gecko为内核的浏览器就可以解析，如Firefox-ms- 只有以Trident为内核的浏览器就可以解析，如IE-o- 只有以webkit为内核的浏览器就可以解析，如OperaHTML5中常用的语义化标签hea...

2020-03-15 11:34:14 309

原创第二章知识点

H5中常用的文本标签CSS字体样式属性选择器{font:font-style || font-weight || font-size || line-height || font-family;}，如果要合写，则font-family必须设置属性值，其余属性可不用全设置。CSS3@font-face规则-font-face是CSS3的新特性，用于定义服务器字...

2020-03-15 11:31:52 207

原创传智播客设计学院简介

实验代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>传智播客</title> <style type="text/css"> .one{ width:...

2020-03-05 21:54:36 2228

原创员工信息登记表

实验代码<!DOCTYPE html><html lang="en"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>任务二</title></head><body&gt...

2020-03-05 21:44:14 147

原创 H5logo图标

实验代码：HTML：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>HTML5 logo</title> <link href="logo.css" type="text/css" rel="s...

2020-03-05 21:37:57 684

爱--做梦的--猪的博客