做程序开发的同学经常听到vue、react这些框架，可能有人知道这些是什么，也可能有人还不知道这些是什么东西，vue是由尤雨溪创建的JavaScript框架，而react是由Facebook推出的JavaScript框架，Vue和React在前端生态中具有广泛的应用，今天给大家简单介绍一下尤雨溪与Vue的故事。 以下部分内容来自尤雨溪的知乎回答：https://www.zhihu.com/people/evanyou，感谢尤雨溪对vue做出的贡献。 1、尤雨溪与Vue 高中时期：尤雨溪出生于1987年，高中就读于复旦附中，高中毕业时申请留学，但由于只有托福成绩没有SAT成绩申请纷纷被拒。在美国...

通过JavaScript事件的冒泡来动态为元素绑定事件的方法称为事件委托（Event Delegation，也称为“事件代理”），是 JavaScript 中最热门的技术之一，在笔试和面试中是常考察的重点知识点，今天来详细介绍一下相关的原理知识。 1、事件捕获与事件冒泡 事件捕获与事件冒泡的经典原理图如下： 事件捕获 在事件捕获过程中，事件开始由不太具体的节点接收，然后逐级向下传播到最具体的节点。在这个过程中，事件相应的监听函数是不会被触发的，但是到达该目标元素节点后，会触发该元素的事件，如果没有绑定事件则不执行。 事件冒泡 在事件冒泡过程中，事件开始由最具体的元素接收，然后逐级向上传播到较...

在日常开发中经常有一些小问题需要解决，如果直接去找相应的工具包会比较费时间，为此在今天的文章中，我分享一些有用的JavaScript代码，学会使用这些代码可以快速提升开发效率，希望对你有用。大家可以借鉴下面的思路在自己的JavaScript项目中封装自己的工具类完成功能需求。 1、date相关 const date = new Date(); // 返回当前年 const getYear = () => date.getFullYear(); // 返回当前月 const getMonth = () => date.getMonth() + 1; // 返回当前日 const...

今天介绍一下前端中的一个基本概念：盒模型。 1、盒模型分类 CSS盒模型本质是一个盒子，由边距、边框、填充和实际内容组成。 CSS盒模型分为两种：标准盒模型、IE盒模型（也称为怪异盒模型）。 两种盒模型的区别在于他们的总宽度的计算公式不一样。 在文档首部加了 声明，即使用标准盒模型，若不加，则会由浏览器自己决定。 CSS 中的 box-sizing 属性定义了 user agent（用户计算机程序）应该如何计算一个元素的总宽度和总高度。box-sizing的属性值有以下两种：border-box（IE盒模型）、content-box（标准盒模型）。 标准盒模型 标准盒模型如下图： width...

1、布尔判定 所谓布尔判定，指的是在进行&&或者||时候会先将值转为true（真）或false（假），详细规则如下图所示： 2、短路规则 &&和||在进行布尔判定时存在短路规则，即当满足一定条件时会直接结束判定返回结果，具体如下： &&：只要碰到了假值(false)，就会短路，并返回该假值， 只要短路，不会继续执行后面的表达式 ||：只要碰到了真值(true)，就会短路，并返回该真值， 只要短路，不会继续执行后面的表达式 注意：如果没有发生短路的情况则直接返回最后一个值 简单使用及应用如下： // 看代码说结果 console.log(2 ...

今天给大家介绍几道奇葩的JavaScript面试题。 1、如何交换变量 面试题：如何不借助第三个变量交换上面两个值? 语言不限 实现方法如下： let a = 3; let b = 5; console.log("原始值: ", a, b); // 原始值: 3 5 // 面试题: 如何不借助第三个变量交换上面两个值? 语言不限 // 方法1: 简单的数学逻辑 (function (){ a = a + b; b = a - b; a = a - b; console.log(a, b) // 5 3 })(); // 方法2: 异或 (function (){ ...

1、Vue中的CSS 在Vue项目中，经常有以下两种CSS写法： vue文件template中的内联样式 vue文件下方的style标签中的内部样式 具体实现如下： <template> <!-- 下面div中的style样式就是内联样式 --> <div style="padding: 0 10px;"> <!-- 页面标题 --> <div class="title-css"> 这里面是页面标题的内容 </div> </div> </te...

前段时间抽时间考了几场暑期实习的笔试(今年and去年的题目)，下面总结以下考到的相关知识点。 1、HTML相关 HTML文本标签与HTML自闭和标签 4种HTML文本标签： em: 告诉浏览器把其中的文本表示为强调的内容 i: 定义与文本中其余部分不同的部分，并把这部分文本呈现为斜体文本 del: 定义文档中已删除的文本 b: 定义粗体的文本 HTML自闭和标签，又称HTML单标签，HTML标签大多数是双标签，就是由一个开始标签和结束标签组成，常用的HTML双标签如下： <div></div> <p></p> <h2>...

长度最小的子数组 首先来看一道题：leetcode 209题 长度最小的子数组： https://leetcode-cn.com/problems/minimum-size-subarray-sum 给定一个含有 n 个正整数的数组和一个正整数 target ，找出该数组中满足其和 ≥ target 的长度最小的 连续 子数组，并返回其长度。如果不存在符合条件的子数组，返回 0。 输入：target = 7, nums = [2,3,1,2,4,3] 输出：2 解释：子数组 [4,3] 是该条件下的长度最小的子数组。 首先，不考虑任何时间复杂度的情况下，用最简单的办法就是暴力遍历每一个子...