vue router钩子函数 路由钩子函数就是在发生路由跳转时,在每个时机调用的函数路由的钩子函数总结有6个全局的路由钩子函数:beforeEach、afterEach 单个的路由钩子函数:beforeEnter 组件内的路由钩子函数:beforeRouteEnter、beforeRouteLeave、beforeRouteUpdate 模块一:全局导航钩子函数1、vue router.beforeEach(全局前置守卫)b 2021-07-05 Vue 前端基础 Vue
Vue 响应式原理 Vue 初始化先从最简单的一段 Vue 代码开始: 1234567891011121314<template> <div> {{ message }} </div></template><script>new Vue({ data() { return 2021-07-04 Vue 前端基础 Vue
Vue 中的 router 实现原理如何&SPA页面优缺点 后端路由简介路由这个概念最先是后端出现的。在以前用模板引擎开发页面时,经常会看到这样 <http://www.xxx.com/login> 大致流程可以看成这样: 浏览器发出请求 服务器监听到80端口(或443)有请求过来,并解析url路径 根据服务器的路由配置,返回相应信息(可以是 html 字串,也可以是 json 数据,图片等) 浏览器根据数据包的 Content-Type 来 2021-07-04 Vue 前端基础 Vue
这一次,彻底弄懂 JavaScript 执行机制 因为javascript是一门单线程语言,javascript是按照语句出现的顺序执行的 前言正因为js是一行一行执行的,所以我们以为js都是这样的: 123456let a = '1';console.log(a);let b = '2';console.log(b); 然而实际上js是这样的: 1234567891011121314setTimeou 2021-07-03 JS进阶 前端基础 JS进阶
谈一谈你对 nextTick 的理解? 什么是nextTick呢?vue实现响应式并不是数据发生变化后dom立即变化,而是按照一定的策略来进行dom更新。 官方文档: 在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的DOM。 nextTick,我可以理解为next是下一个的意思,在事件循环中,每进行一次循环操作称为 tick 就是下一个事件循环操作,也就是下一个宏任务 nextTick实现原理 2021-07-03 Vue 前端基础 Vue
JavaScript new 操作符具体干了什么呢?如何实现? JavaScript new 操作符具体干了什么呢?如何实现? new 操作符具体干了什么?// (1)首先创建了一个新的空对象// (2)设置原型,将对象的原型设置为函数的 prototype 对象。// (3)让函数的 this 指向这个对象,执行构造函数的代码(为这个新对象添加属性)// (4)判断函数的返回值类型,如果是值类型,返回创建的对象。如果是引用类型,就返回这个引用类型的对象。 2021-07-02 JS进阶 前端基础 JS进阶
JavaScript 原型,原型链? 有什么特点?js 获取原型的方法? JavaScript 原型,原型链? 有什么特点?js 获取原型的方法? JavaScript 原型,原型链? 有什么特点?原型 在js中,我们通常会使用构造函数来创建一个对象,每一个构造函数的内部都有一个prototype属性,这个属性对应的值是一个对象,这个对象它包含了可以由该构造函数的所有实例都共享的属性和方法,我们把它称为原型。 原型分为显示原型和隐式原型,一般称prototype为显 2021-07-02 JS进阶 前端基础 JS进阶
JS数据类型&&堆栈&&JS的基本规范 JS数据类型&&堆栈&&JS的基本规范 介绍 js 的基本数据类型js 一共有六种基本数据类型,分别是 Undefined、Null、Boolean、Number、String,还有在 ES6 中新增的 Symbol 和 ES10 中新增的 BigInt 类型。 Symbol 代表创建后独一无二且不可变的数据类型,它的出现我认为主要是为了解决可能出现的全局变量冲突 2021-07-01 JS进阶 前端基础 JS进阶
CSS绘制三角形—border法 1. 画三角形利用元素的 border 绘制三角形,先来看一下宽高均为 0,border 有宽度的效果是啥样的: 12345678910<style> div { width: 0px; height: 0px; border: 50px solid transparent; border-color: red blue chartreuse bl 2021-06-27 CSS CSS 前端基础
vue中的scoped坑点& 上午遇到一个scoped的坑,在覆盖elementUI的走马灯(轮播图)组件,就是无法覆盖组件原有的样式。最后想要改变标签样式,唯有去掉scoped了 尤大的话: scoped设计的初衷就是不能让当前组件的样式修改其他任何地方的样式,因为设计如此 scoped 会给当前组件的模块中的所有的元素都添加一个随机的属性 scoped会给当前组件中的所有的样式页添加一个随机的属性选择器 深度选择器 sc 2021-06-23 Vue 前端基础 Vue