摘要:四、路由 1. Vue-Router 的懒加载如何实现 非懒加载: import List from '@/components/list.vue' const router = new VueRouter({ routes: [ { path: '/list', component: List }
阅读全文
摘要:一、Vue 基础 1. Vue的基本原理 当一个Vue实例创建时,Vue会遍历data中的属性,用 Object.defineProperty(vue3.0使用proxy )将它们转为 getter/setter,并且在内部追踪相关依赖,在属性被访问和修改时通知变化。 每个组件实例都有相应的 wat
阅读全文
摘要:一、面试官:什么是HTTP? HTTP 和 HTTPS 的区别? 1. HTTP HTTP (HyperText Transfer Protocol),即超文本运输协议,是实现网络通信的一种规范 在计算机和网络世界有,存在不同的协议,如广播协议、寻址协议、路由协议等等...... 而HTTP是一个传
阅读全文
摘要:一、CDN 1. CDN的概念 CDN(Content Delivery Network,内容分发网络)是指一种通过互联网互相连接的电脑网络系统,利用最靠近每位用户的服务器,更快、更可靠地将音乐、图片、视频、应用程序及其他文件发送给用户,来提供高性能、可扩展性及低成本的网络内容传递给用户。 典型的C
阅读全文
摘要:前言: 代码输出结果是面试中常考的题目,一段代码中可能涉及到很多的知识点,这就考察到了应聘者的基础能力。在前端面试中,常考的代码输出问题主要涉及到以下知识点:异步编程、事件循环、this指向、作用域、变量提升、闭包、原型、继承等,这些知识点往往不是单独出现的,而是在同一段代码中包含多个知识点。所以,
阅读全文
摘要:一、实现call/apply 特点: 1. 可以改变当前函数 this 的指向2. 让当前函数执行 用法: function f1() { console.log(1); } function f2() { console.log(2); } // 让 f1 的 this 指向 f2,并且让 f1
阅读全文
摘要:一、JavaScript 基础 1. 手写 Object.create 思路:将传入的对象作为原型 function create(obj) { function F() {} F.prototype = obj return new F() } 2. 手写 instanceof 方法 instan
阅读全文
摘要:1. CSS 选择符有哪些? (1)id选择器(#myid) (2)类选择器(.myclassname) (3)标签选择器(div,h1,p) (4)后代选择器(h1p) (5)相邻后代选择器(子)选择器(ul>li) (6)兄弟选择器(li~a) (7)相邻兄弟选择器(li+a) (8)属性选择器
阅读全文
摘要:一、计算属性calc()的使用 1. 定义及用法 calc() 函数用于动态计算长度值。 语法:calc(expression) .ele{ width:calc(100% - 20px); } 2. 注意事项 需要注意的是,运算符前后都需要保留一个空格,例如:width: calc(100% -
阅读全文
摘要:CSS基础 1. 什么是CSS的层叠性? CSS(层叠样式表)的层叠性是指在网页中应用多个 CSS 规则时,这些规则会根据特定的优先级和规则进行叠加和应用,以确定最终的样式效果。换句话说,层叠性是指在不同规则之间进行决策,以确定哪些样式属性将应用于特定的元素。 CSS 的层叠性涉及以下几个方面: 优
阅读全文
摘要:一、什么是jQuery 1. jQuery是什么? jQuery就是一个JavaScript库,它就是通过原生JS来进行一些列的封装,它是John Resig在2006年创建的 一个开源项目,随着越来越多的人使用,jQuery已经集成了JS、CSS、DOM、Ajax与一体,他可以使用很少的代码完成复
阅读全文
摘要:一、概况 1. 概念简介 CreateJS是基于HTML5开发的一套模块化的库和工具,基于这些库,可以非常快捷地开发出基于HTML5的游戏、动画和交互应用。历史可以追溯到7年前 flash 使用慢慢变少那个时代,gskinner 开发它作为“下一代”的富交互的工具库,Adobbe、微软、火狐官方资助
阅读全文
摘要:一、封装思路 有了一个清晰的请求流程图,我们便可以区分出来两块重要的内容来进行拆分: 基础请求流程 、 拦截器 。 基础请求流程 基础请求流程,我们大致可以分为三块, 一是 请求进入请求拦截前 、二是 真正发起的请求 、三是 请求从响应拦截出来后 。 这其中可以归为两类, ☘️ 一类是 针对单独接口
阅读全文
摘要:思路: 1. 使用el-table提供的scope,可获取被点击行的索引,行数据,列数据等2. 在template中写好el-input和p标签,不点击单元格时显示p标签,展示默认数据;点击时显示el-input标签,可编辑3. 输入框获取焦点时,保存当前数据;修改数据后,与原数据比较,若有变动,失
阅读全文
摘要:一、BFC到底是什么东西? BFC 全称:Block Formatting Context, 名为 "块级格式化上下文"。 官方解释:BFC它决定了元素如何对其内容进行定位,以及与其它元素的关系和相互作用,当涉及到可视化布局时,Block Formatting Context提供了一个环境,HTML
阅读全文
摘要:一. 导航守卫 正如其名,vue-router中存在三种钩子,也叫hook,生命周期,守卫等。vue-router有多种机会植入路由导航过程中:全局的, 单个路由独享的, 或者组件级的。 路由守卫(导航守卫)分为三种:全局守卫(3个)、路由独享守卫(1个)、组件的守卫(3个)。 记住!!!参数par
阅读全文
摘要:一. 路由的概述 vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。 vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来。 传统的页面应用,是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中,
阅读全文
摘要:一、理想效果 我们在布局的时候通常会在导航栏上有居左和居右显示,中间留白,这样页面伸缩的时候不会影响效果。形如下图 以往我们可能更多会使用float浮动布局来实现这种效果,但是flex得到广泛支持以后就可以更方便和快捷的实现这种效果了: 二、实现方式 代码如下: <div class="wrap">
阅读全文
摘要:一、判断字符串变量 在 Vue 3 中,你可以使用 JavaScript 提供的常规方式来检查变量是否不为 null 和不为 undefined。你可以分别使用严格不等运算符 !== 来比较变量是否不为 null 和不为 undefined。以下是一个示例: // 假设有一个变量 let varia
阅读全文