摘要:
首先看下大概流程 【一】基础 接下来看下数据类型分类和判断 (1)数据类型分类 基本类型/值类型5种 字符串String、数字Number、布尔值Boolean、未定义undefined、空null 对象类型/引用类型 Object(任意对象) Function(一种特别的对象,可以执行) Arra 阅读全文
摘要:
面试常问的一个基础问题 == 和 区别是什么? 这里简单描述下 " "叫做严格运算符,"=="叫做相等运算符 而且 == 会对数据做隐式转换,而 则是直接判断数值和类型 . 阅读全文
摘要:
前端经常在静态资源的存放上有分歧 相同点: assets和static两个都是存放静态资源文件。项目中所需要的资源文件图片,字体图标,样式文件等都可以放在这两个文件下,这是相同点 不相同点: assets中存放的静态资源文件在项目打包时,也就是运行npm run build时会将assets中放置的 阅读全文
摘要:
路由跳转前做一些验证,比如登录验证,是网站中的普遍需求。 对此,vue-route 提供的 beforeRouteUpdate 可以方便地实现导航守卫(navigation-guards)。 导航守卫(navigation-guards)这个名字,听起来怪怪的,但既然官方文档是这样翻译的,就姑且这么 阅读全文
摘要:
首先我们要明白一个前提,CommonJS模块规范和ES6模块规范完全是两种不同的概念。 CommonJS模块规范 Node应用由模块组成,采用CommonJS模块规范。 根据这个规范,每个文件就是一个模块,有自己的作用域。在一个文件里面定义的变量、函数、类,都是私有的,对其他文件不可见。 Commo 阅读全文
摘要:
【一】分类 导航守卫分为:全局守卫、路由独享守卫、组件守卫三种 【二】全局守卫 指路由实例上直接操作的钩子函数,他的特点是所有路由配置的组件都会触发,直白点就是触发路由就会触发这些钩子函数,如下的写法。钩子函数按执行顺序包括beforeEach、beforeResolve(2.5+)、afterEa 阅读全文
摘要:
作用:对项目里多个组件的共享状态进行集中式管理(读/写) . 阅读全文
摘要:
【重点】 history与hash路由的区别 hash前端路由,无刷新 history 会去请求接口 vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,页面不会重新加载。 如果不想要很丑的 hash,我们可以用路由的 hi 阅读全文
摘要:
除了使用 <router-link> 创建 a 标签来定义导航链接,我们还可以借助 router 的实例方法,通过编写代码来实现。 【语法】 . 阅读全文
摘要:
审查代码,查看激活类名 (1)设置激活类名样式 (2)也可以在路由文件里配置激活类名的别名 (3)配置别名后再次审查,如下所示 此时可以直接配置active类名样式即可 此时便可以实现路由高亮效果 . 阅读全文
摘要:
【步骤】 (1)路由配置 或者 (2)传递参数 或者 (3)接收传递参数 或者 【二】步骤小结 【三】参数形式 (1)上面这种是/100形式传递过去 (2)另外还有?count=100的格式,这便是get传值,如下所示,看【四】 【四】get传值 除了路由传值,也可以使用get传值 获取get传值 阅读全文
摘要:
(1)公共路由裁减 不是每个页面都存在导航,所以不要把导航组件在根组件APP.vue里引入,哪个页面需要,在哪里引入即可。 方案: 哪个页面需要,在哪个页面引入即可 (2)嵌套路由 注意:children下的path无需/,它会自动补全匹配 接下来在相应页面渲染二级嵌套路由即可 (3)嵌套路由重定向 阅读全文
摘要:
【一】步骤 (1)新建导航组件 (2)根组件引入 (3)也可以动态传递url 【注意】 (1)a链接与router-link对比 (2)其他写法 . 阅读全文
摘要:
(1)传统开发模式MVP 案例:jQuery操作-面向对象 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-compatible" content="IE=Edg,chrome=1"> <meta 阅读全文
摘要:
数据来源方式: 为什么要用mockjs 实际开发中,前后端分离,前端需要后端的接口去完成页面的渲染,但是并不能等到后端成员写完接口再开始进行测试。大部分情况下,前后端需要同时进行开发。因此便需要mockjs制造随机数据来进行后端接口模拟。看了官方文档之后一脸懵逼,这些都是什么鬼?????因此总结了一 阅读全文