05 2019 档案
摘要:前几天面试,问我某布局感觉回答不是很OK所以研究了一下各种布局。 一、单列布局 1.普通布局(头部、内容、底部) 2.内容居中(内容区域为80%宽度,采用margin:0 auto;实现水平居中) 二、两栏布局 1.采用float 左边固定大小,右边自适应 左侧采用float:left往左浮动,右侧
阅读全文
摘要:正如其名,vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中:全局的, 单个路由独享的, 或者组件级的。 在讲解导航守卫前,我们需要理解几个参数: to: Route: 即将要进入的目标 路由对象 from: Route: 当前导航正要离开的路由
阅读全文
摘要:一、Vue Router 的多级路由实现。 1.改写路由配置,为需要添加多级路由的页面,添加children属性。 这里我们添加在Works 页面里的。 2.在Works组件中引用并创建跳转链接 此时点击链接进行跳转,结果: 注意红线处的地址!!! 此时我们的地址是采用 斜杠+地址 的形式。 当我们
阅读全文
摘要:Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。 一、引入Vue Router 首先确保你的工程文件有vue router。 如果没有的话,在项目文件夹打开命令行工具,输入: 进行安装。 接下来再 main.js中引入。 二
阅读全文
摘要:Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。 Less 可以运行在 Node 或浏览器端。 一、安装 node.js 打开命令行( win+R 输入cmd 回车) 输入 node -v 检查是否安装成功。 二、安装cn
阅读全文