四时宝库

程序员的知识宝库

前端路由原理(前端路由的两种模式)

前言

前端三大框架 Angular、React、Vue ,它们的路由解决方案 angular/router、react-router、vue-router 都是基于前端路由原理进行封装实现的,因此将前端路由原理进行了解和掌握是很有必要的,因为我们再使用的过程中也难免会遇到一些坑,一旦我们掌握了它的实现原理,那么就能在开发中对路由的使用更加游刃有余。

2023近期前端面试遇到的题(前端初级)

以下面试题不分先后顺序

1、vue实现双向数据绑定原理是什么?

八股文不想写了自己百度吧...

老项目的外链太多?我是这么处理的

背景介绍

目前,古茗前端团队内部统一采用了 React 技术栈,所有新项目和基础建设均基于 React 框架开发。然而,许多老旧的 Vue 应用仍在使用和运行,因此我们需要进行项目迁移,统一技术栈,减少开发认知负担,接轨现有基建,增强可维护性,以便更好地满足业务新需求。

具名插槽使用出现空白(插槽是空的什么意思)

正文部分

  • 问题
Bash
<template slot="title">
  	<i class="el-icon-location"></i>
		导航一
</template>

后端处理:到底什么是跨域?以及常用的解决方案

什么是跨域

要了解跨域,先要说说同源策略。

同源策略是由 Netscape 公司提出的一个著名的安全策略,所有支持 JavaScript 的浏览器都会使用这个策略。

所谓同源是指,域名,协议,端口相同。当页面在执行一个脚本时会检查访问的资源是否同源,如果非同源,那么在请求数据时,浏览器会在控制台中报一个异常,提示拒绝访问。

四大问题之腾讯面试(腾讯面试问题大全及答案大全)

一朋友刚面了腾讯音乐(TME)前端开发岗位(两年经验),本瓜撰文记之。以期同各面试人分享交流~

自评面试难度::full_moon::full_moon::full_moon::full_moon::new_moon:

话不多说,直接看题!我相信一定有你想要的!

  • 注:好的面试流程通常以聊天的方式进行,题目是连续的。此处抽出核心四问,其间附带的小问题一笔带过,不做赘述。

前端单页路由的原理分析(前端单页面)

一般来说,这些路由插件总是提供两种不同方式的路由方式: Hash 和 History,有时也会提供非浏览器环境下的路由方式Abstract,今天我们主要讲讲Hash 和 History的原理和区别。

1. Hash

1.1 相关 Api

Hash 方法是在路由中带有一个 #,主要原理是通过监听 # 后的 URL 路径标识符的更改而触发的浏览器 hashchange 事件,然后通过获取 location.hash 得到当前的路径标识符,再进行一些路由跳转的操作。

html 页面内锚点定位及跳转方法总结

项目中经常会出现点击跳转锚点的方法,比如给一个a标签一个href=“#锚点”,然后要跳的锚点给个id=“锚点”,这样就实现简单的跳转,但是这样在url地址栏后面都会出现一个诸如www.csdn.net#锚点,然后你点击给一次后退都是退回上一个选择的锚点url,这里总结一些跳转锚点的方法。

第一种方法,也是最简单的方法是锚点用<a>标签,在href属性中写入DIV的id。如下:

<!DOCTYPE html>

<html>

window.location常用的对象属性(location对象相当于浏览器中的地址栏)

Bash
以网址 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         //锚点
返回:#hash

腾讯面试四问,Are you OK?(腾讯面试问题大全及答案大全)

引言

一朋友刚面了腾讯音乐(TME)前端开发岗位(两年经验),本瓜撰文记之。以期同各面试人分享交流~

<< < 1 2 3 4 > >>
控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接