2022年10月31日

打开链接，退出链接

摘要： 阅读全文

posted @ 2022-10-31 09:58 爱前端的小魏 阅读(23) 评论(0) 推荐(0) 编辑

获取CSS样式并判断CSS样式

摘要： 需求：鼠标移入删除按钮，无法编辑他人工时，编辑按钮应置灰展示 如下图： 1.使用两个方法 Item：get Css Value（获取css样式方法） Object 填写要获取的元素（“编辑”） input（按f12检查该条元素写的背景色）注意看自己要获取的是什么样的css方法 Output(取个变量 阅读全文

posted @ 2022-10-31 09:56 爱前端的小魏 阅读(714) 评论(0) 推荐(0) 编辑

事件使用·

摘要： <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="../vue/vue.js"> </script> <div id="root"> <button v-on:click="showInf 阅读全文

posted @ 2022-10-31 09:41 爱前端的小魏 阅读(16) 评论(0) 推荐(0) 编辑

事件修饰符

摘要： <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> #passive{ width: 100px; height: 100px; background-color: #00FFFF; overflow 阅读全文

posted @ 2022-10-31 09:40 爱前端的小魏 阅读(68) 评论(0) 推荐(0) 编辑

数据绑定

摘要： <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <!-- 一。单向双向数据绑定 1.单向数据绑定：页面上输入内容（页面上展示数据） 不出传入到Vue控件里。 2.双向数据绑定：页面上输入内容（页面上展示数据，） 阅读全文

posted @ 2022-10-31 09:40 爱前端的小魏 阅读(101) 评论(0) 推荐(0) 编辑

数据代理

摘要： <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <!-- 数据代理：可以使用其他属性的属性值(通过vm来代理data对象中属性操作) 2.好处：方便操作data中数据 3.原理：通过Obj.definePrope 阅读全文

posted @ 2022-10-31 09:39 爱前端的小魏 阅读(36) 评论(0) 推荐(0) 编辑

天气案例（点击按钮可切换其他页面）

摘要： <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <!-- 1.需求:点击button标签，可以来回切换“炎热”，“寒冬” 两种写法： 插值 <h1>今日天气{{inhot ? '炎热' : '寒冬'}}</h1> 阅读全文

posted @ 2022-10-31 09:39 爱前端的小魏 阅读(44) 评论(0) 推荐(0) 编辑

姓名案例（插值语法）

摘要： <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <!-- slice 截取长度（从第几位，到第几位） 第一种方法 插值语法：姓名：{{surname.slice(0,5 ) + '-' + lasname}} m 阅读全文

posted @ 2022-10-31 09:38 爱前端的小魏 阅读(60) 评论(0) 推荐(0) 编辑

深度监视（watch）

摘要： <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <!-- 1.深度监视： 1.vue中的watch默认不检测对象内部值的改变 2.配置deep:true可以监测对象内部值的改变 备注： 1.vue自身可以监测对象 阅读全文

posted @ 2022-10-31 09:38 爱前端的小魏 阅读(298) 评论(0) 推荐(0) 编辑

计算属性（computed）以及getset使用

摘要： <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="./vue.js"></script> <!-- 计算属性（computed） 定义：要用的 阅读全文

posted @ 2022-10-31 09:36 爱前端的小魏 阅读(183) 评论(0) 推荐(0) 编辑

键盘事件

摘要： <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <!-- 键盘事件 1.常用按键： 回车-enter， 删除-delete（捕获 删除 、 退格） 退出-esc（不能使用） 空格-space 换行-tab（只能配 阅读全文

posted @ 2022-10-31 09:35 爱前端的小魏 阅读(65) 评论(0) 推荐(0) 编辑

导航