2022年5月
状态管理库vuex
摘要： 什么是vuex？ Vuex 是专门为 Vue.js 设计的状态管理库，状态就是指组件之间共享的数据采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。简单地说就是采用全局单例模式，将组件的共享状态抽离出来管理，使组件树中的每一个位置都可以获取共享的状态（变量）或 阅读全文
posted @ 2022-05-12 14:29 谁有大饼 阅读(82) 评论(0) 推荐(0)
vue入门MVVM架构与插槽介绍
摘要： MVVM 架构 学习 Vue 前我们首先还需要了解一个基于前端的架构模式，也就是 MVVM ，它是 Model-View-ViewMode 的简写，其关系简单的描述为下图： Model（模型层）：表示 Javascript 数据对象 View（视图层）：表示 DOM，也可以简单理解为前端展示的内容 阅读全文
posted @ 2022-05-12 14:09 谁有大饼 阅读(111) 评论(0) 推荐(0)
vue对象的生命周期函数（钩子函数）
摘要： 一个组件从创建到销毁的过程就是生命周期。 beforeCreate:vue对象创建成功前 1、当前vue实例化的时候会做一个初始化的操作，在这个生命周期函数里面我们可以做初始化的loading 2、在当前函数里面是访问不到data中的属性，但是可以通过vue的实例对象进行访问 created:vue 阅读全文
posted @ 2022-05-12 11:17 谁有大饼 阅读(107) 评论(0) 推荐(0)
vue动态路由的传参
摘要： 动态路由传参： 当我们很多个页面或者组件都要被很多次重复利用的时候，我们的路由都指向同一个组件，这时候从不同组件进入一个"共用"的组件，并且还要传参数，渲染不同的数据，这就要用到动态路由跟路由传参了。 一、vue路由基础用法： 1 .安装 npm install vue-router --save 阅读全文
posted @ 2022-05-12 10:38 谁有大饼 阅读(379) 评论(0) 推荐(0)
2021年12月
点击回到顶部箭头案例
摘要： <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>02-jQuery-动态创建表格案例</title> 6 <script src="jquery-1.11.3.js"></script> 7 阅读全文
posted @ 2021-12-26 16:39 谁有大饼 阅读(34) 评论(0) 推荐(0)
回到顶部实例
摘要： 原代码 <script type="text/javascript"> var goLink = document.getElementById("goLink"); //->回到顶部: //总时间(duration):500ms //频率(interval):多长时间走一步 10ms //总距离( 阅读全文
posted @ 2021-12-26 16:36 谁有大饼 阅读(47) 评论(0) 推荐(0)
鼠标点击事件案例
摘要： .con button{ position: absolute; top:25%; left: 40%; cursor: pointer; } .cont{ width: 300px; height: 200px; background: #C5C5C5; position: absolute; t 阅读全文
posted @ 2021-12-26 16:32 谁有大饼 阅读(53) 评论(0) 推荐(0)
js鼠标滚轮放大缩小图片
摘要： var myimage =document.getElementById("WebVideoImg"); if (myimage.addEventListener) { // IE9, Chrome, Safari, Opera myimage.addEventListener("mousewhee 阅读全文
posted @ 2021-12-26 16:28 谁有大饼 阅读(547) 评论(0) 推荐(0)
清除浮动的几种方法
摘要： 方法1：为包裹元素追加一个内容为空的元素，设置clear: both属性 这种方法通俗易懂，但添加了无意义的空标签，违背了结构和表现分离的原则 ，对于后续维护不友好。 方法2：为包裹元素增加overflow: auto/hidden属性 增加overflow属性，浮动元素会回到容器层，将容器高度撑开 阅读全文
posted @ 2021-12-16 11:14 谁有大饼 阅读(419) 评论(0) 推荐(0)
css圆角边框
摘要： 圆角边框 该属性是一个简写属性，分别表示左上，右上，右下，左下的值 圆形设置方法：设置为宽度和高度的一半。 圆角矩形设置方法：设置为高度的一半。 设置不同的圆角 盒子阴影 box-shadow: 5px 5px 5px 5px rgba(0, 0, 0,0.3) ; 文字阴影 阅读全文
posted @ 2021-12-16 11:01 谁有大饼 阅读(90) 评论(0) 推荐(0)