roastpotato

摘要： Vue-router前端路由(2) Vue-router全局导航守卫： 为什么使用导航守卫：（修改网页标题） 网页标题是通过title来显示的，但SPA只有一个固定的HTML，切换组件无法修改title 但我们可以通过JavaScript来修改title的内容：document.title 这时就需 阅读全文

摘要： Vue-router前端路由(1) 什么是路由？ 路由就是通过互联的网络把信息从源地址传送到目的地址的活动 路由提供了两种机制：路由和传送 路由是决定数据包从来元到目的地的路径 传送将输入端的数据转移到合适的输出端 路由中有一个非常重要的概念叫路由表： 路由表本质上就是一个映射表，决定了数据包的指向 阅读全文

摘要： slot插槽的使用 slot基本使用 怎么使用用插槽？ 在子组件中，使用特殊元素就可以为子组件开启一个插槽 该插槽插入什么内容取决于父组件如何使用 <!--组件中定义插槽--> <slot></slot> <!--组件中定义插槽，插槽中含默认值--> <slot><p>123</p></slot> 阅读全文

摘要： Vue父子组件（1） 父子组件通信——父传子props： 之前我们提到了子组件是不能引用父组件或者Vue实例的数据的，但在开发中往往一些数据需要从上层传到下层 比如一个页面中，我们从服务器请求到很多数据 其中一部分数据，并非我们整个页面的大组件来展示的，而是需要下面的子组件来展示 子组件并不会再发送 阅读全文

摘要： Vue的组件化 组件： 将一个页面复杂的逻辑拆分成一个个小小的功能块，每个功能块都能完成属于自己部分的独立的功能，那么之后整个页面的管理和维护就会变得非常容易 Vue组件化思想： 它提供了一种抽象，让我们可以开发出一个个独立的可复用的小组件来构造我们的应用 任何应用都会被抽象成一颗组件树 组件化思想 阅读全文

摘要： v-on的基本用法 基本用法 <!--基本用法 --> <button type="button" v-on:click="">按钮2</button> <!--语法糖 --> <button type="button" @click="">按钮2</button> 参数传递 1.事件调用方法没有参 阅读全文

摘要： v-model的使用 v-model的作用 实现数据的双向绑定 <div id="app"> <input type="text" v-model="message"/> <h2>{{message}}</h2> </div> <script src="js/vue.js"></script> <s 阅读全文

摘要： JS事件基础 event对象和事件冒泡 什么是event对象 用来获取时间的详细信息：鼠标位置，键盘按键 例子：获取鼠标的位置：clientX鼠标点击横坐标；clientY鼠标点击纵坐标 document的本质：document.childNodes[0].tagName ​ ——获取页面第一个子节 阅读全文

摘要： JS运动中级 链式运动框架 回调函数 运动停止时，执行函数 运动停止时，开始下一次运动 实际上就是在原先的move运动框架中添加了一个参数fnEnd，这个参数是一个函数，父函数的运动执行完后再执行fnEnd中的运动，形成了链式运动。 例子：土豆右下角菜单 ​ 这里只附上了js代码，详细的css样式代 阅读全文

摘要： JS运动应用 多物体运动框架 多个物体同时运动 例子：多个Div，鼠标移入变宽 单定时器，存在问题 每隔Div一个定时器 /*多个div边宽还原*/ window.onload=function(){ var aDiv=document.getElementsByTagName('div'); // 阅读全文