摘要：四、路由 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 阅读全文