正文部分
- 问题
<template slot="title">
<i class="el-icon-location"></i>
导航一
</template>2024年09月22日
<template slot="title">
<i class="el-icon-location"></i>
导航一
</template>2024年09月22日
要了解跨域，先要说说同源策略。
同源策略是由 Netscape 公司提出的一个著名的安全策略，所有支持 JavaScript 的浏览器都会使用这个策略。
所谓同源是指，域名，协议，端口相同。当页面在执行一个脚本时会检查访问的资源是否同源，如果非同源，那么在请求数据时，浏览器会在控制台中报一个异常，提示拒绝访问。
2024年09月22日
一朋友刚面了腾讯音乐（TME）前端开发岗位（两年经验），本瓜撰文记之。以期同各面试人分享交流~
自评面试难度：:full_moon::full_moon::full_moon::full_moon::new_moon:
话不多说，直接看题！我相信一定有你想要的！
2024年09月22日
一般来说，这些路由插件总是提供两种不同方式的路由方式： Hash 和 History，有时也会提供非浏览器环境下的路由方式Abstract，今天我们主要讲讲Hash 和 History的原理和区别。
1.1 相关 Api
Hash 方法是在路由中带有一个 #，主要原理是通过监听 # 后的 URL 路径标识符的更改而触发的浏览器 hashchange 事件，然后通过获取 location.hash 得到当前的路径标识符，再进行一些路由跳转的操作。
2024年09月22日
项目中经常会出现点击跳转锚点的方法，比如给一个a标签一个href=“#锚点”，然后要跳的锚点给个id=“锚点”，这样就实现简单的跳转，但是这样在url地址栏后面都会出现一个诸如www.csdn.net#锚点，然后你点击给一次后退都是退回上一个选择的锚点url，这里总结一些跳转锚点的方法。
<!DOCTYPE html>
<html>
2024年09月22日
以网址 https://mp.toutiao.com:8888/search?q=123#hash 为例子说明对应的属性值
location.origin //协议+域名+端口
返回： https://mp.toutiao.com:8888
location.hostname //web主机的域名
返回：mp.toutiao.com
location.host //主机的域名+端口
返回：mp.toutiao.com:8888
location.pathname //当前页面的路径和文件名
返回：/search/
location.port //web的端口
返回：8888
location.protocol //web协议http:// 或 https://
返回：https:
location.href //当前页面的 URL
返回：https://mp.toutiao.com:8888/search?q=123#hash
location.search //?以及后面参数部分（包含?）
返回：?q=123
location.hash //锚点
返回：#hash2024年09月22日
1.vue在created和mounted这两个生命周期中请求数据有什么区别呢？
若涉及页面加载，在created的时候，视图中的html并没有渲染出来，所以这个时候如果直接去操作dom节点，一定找不到相关元素。
而在mounted中，由于此时html已经渲染出来了，所以可以直接操作dom节点。
2024年09月22日
location是最有用的BOM对象之一，它提供了与当前窗口中加载的文档有关的信息，还提供了一些导航功能。事实上，location对象是很特别的一个对象，因为它既是window对象的属性，也是document对象的属性；换句话说，window.location和document.location引用的是同一个对象。location对象的用处不只表现在它保存着当前文档的信息，还表现在它将URL解析为独立的片段，让开发人员可以通过不同的属性访问这些片段。下表列出了location对象的所有属性（注：省略了每个属性前面的location前缀）。
2024年09月22日
在前端开发中，路由管理是实现单页应用（SPA）的关键技术之一。Vue.js 作为一款流行的前端框架，其路由管理功能通过 Vue Router 实现。Vue Router 提供了两种路由模式：Hash模式和History模式。本文将重点解读Vue路由的Hash模式原理。