- 博客(13)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 计算属性和侦听器
计算属性和侦听器#计算属性缓存VS方法<div id="example"> <p>Original message: "{{ message }}"</p> <p>Computed reversed message: "{{ reversedMessage }}"</p>//计算属性 <p>Reversed message: "{{ reversedMessage() }}"</p>//方法</div
2021-10-19 19:24:06
96
原创 Vue实例---02
Vue实例—02创建一个Vue实例每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的：var vm = new Vue({ // 选项})当创建一个 Vue 实例时，你可以传入一个选项对象.一个 Vue 应用由一个通过 new Vue 创建的根 Vue 实例，以及可选的嵌套的、可复用的组件树组成。数据和方法当一个 Vue 实例被创建时，它将 data 对象中的所有的 property 加入到 Vue 的响应式系统中。当这些 property 的值发生改变时，视图
2021-10-19 19:23:13
59
原创 VUE.js一些常用指令
VUE.js一些常用指令el: 挂载元素data 储存数据 可以是数组[]、对象{}、字符串""、数值等等一些数据（当一个 Vue 实例被创建时，它将 data 对象中的所有的 property 加入到 Vue 的响应式系统中。当这些 property 的值发生改变时，视图将会产生“响应”，即匹配更新为新的值）methods 通常是实现某种特定功能的函数computer 计算属性 （计算属性是基于它们的响应式依赖进行缓存的）可以简单理解为缓存 getter、setter是co
2021-10-19 19:21:55
106
原创 2021-05-30
JavaScript基础学习08（行为层）-事件不知道你有没有这这样一个疑问：就是一个静态的网页如何让他动态起来呢？还有像一些轮播图、一些按钮等是如何实现，让他们起作用呢？其实呀，以上问题都可以通过JavaScript中的事件来实现事件？什么是事件？有几部分组成呢?在这里我们以一个案例为大家介绍事件？点击一个按钮，弹出 对话框button id="btn">按钮</button><script> //(1)事件源 事件被触发的对象 谁 按
2021-05-30 13:20:18
61
原创 2021-05-29
JavaScript基础学习07（行为层）通过HTML5新增的方法获取元素方式querySelector（’选择器‘）缺陷：只能返回元素选择器的第一个元素那我们想选择相同类型的元素怎么办？document.querySelector('选择器');//根据指定选择器返回第一个元素对象//需注意的是里面选择器的格式document.querySelector('.+类名')document.querySelector('.+id名')//获取拥有id的元素莫慌哈！来啦！queryS
2021-05-29 14:50:33
98
1
原创 2021-05-29
JavaScript基础学习06（浏览器对象）Window 对象：Window对象是BOM 的核心，window对象值指当前的浏览窗口，是所有JavaScript全局对象、函数以及变量均自动成为window对象的成员。全局变量是window对象的属性全局函数是window对象的方法甚至HTML DOM的document也是window对象的属性之一。举个栗子吧！文本内容在一个新的窗口显示：button id="btn" onclick="ClickButton()">按钮</
2021-05-29 14:49:15
44
原创 2021-05-29
JavaScript基础学习04（事件）JavaScript里面有哪些事件呢?鼠标事件（onMouseOver、onMouseOut）实例1：<title>鼠标事件</title> <link rel="stylesheet" href="CSS/style.css" type="text/css"></head><body onload="mgs()"> <div class="div" onmouseove
2021-05-29 14:47:58
93
原创 2021-05-29
JavaScript基础学习03（行为层）之jQueryjavascript与jQuery的关系公式：$(selector).action()：即$(’#test-jquery’).click(function () {alert(‘hello jquery!’)})<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Titl
2021-05-29 14:44:43
55
原创 2021-04-17
1.操作DOM（文本对象模型）（重点）1.1DOM核心：浏览器网页就是一个DOM树形结构！更新：更新Dom节点遍历：其实就是得到Dom节点删除：删除一个Dom节点添加：添加一个新的节点要操作一个DOM节点，就必须要先获得这个Dom节点1.2获得DOM节点：div id="father"><h1>h1</h1><p id="p1">p1</p><p class="p2">p2</p></div&g
2021-04-17 00:08:57
77
原创 2021-04-17
1.javaScript(行为层)学习1.1什么是javaScript1.1.1概述JavaScript是一门世界上最流行的脚本语言java 与JavaScript有什么关系吗？1.1.2历史网景ECMAscript 是JavaScript的一个标准，最新版本以及到ES6版本但大部分浏览器还只停留在 支持ES5 代码上！开发环境····线上环境，版本不一致2快速入门2.1引入JavaScript内部标签<script> //....</script
2021-04-17 00:07:38
248
原创 2021-03-31
3.为什么要美化网页为什么呢？有效传递网页信息美化网页，页面敞亮，才能吸引用户凸显页面主题提高用户体验span标签：重点突出的字，使用span套起来<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>span学习</title> <style>
2021-03-31 23:43:31
174
原创 2021-03-31
什么是CSS，让我们一去了解一下吧如何学习（菜鸟教程）1.什么是css2.css怎么用（快速入门）3.Css选择器（重点+难度）4.美化网页（文字、阴影、超链接、列表渐变、、）5.盒子模型6.浮动7.定位8.网页动画（特效效果——菜鸟教程）1.1什么是CSS（Cascading Style Sheet层叠级联样式表）Css:表现（美化网页）字体，颜色，边距，高度，宽度，背景图片，网页定位，网页浮动1.2发展史CSS1.0CSS2.0 DIV（块）+CSS，HTML与CSS结
2021-03-31 23:23:54
62
原创 2021-03-31
CSS总结1.为什么要学习CSS呢？略2.CSS的发展史略3.CSS的入门略4.三种导入CSS方法1.行内样式 ：在标签元素中，编写一个Style属性，编写样式即可--><h1 style="color:red">我是仙女</h1>2.内部样式： <style> h1{ color: pink; } </style>3.外部样式 <link rel="styles
2021-03-31 23:19:38
80
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人