前端

为什么会有跨域这个问题产生？ 浏览器为什么需要“同源策略”这种安全机制？ 一、防御恶意攻击 防止数据窃取 场景：用户登录银行网站（bank.com）后，访问了一个恶意网站（evil.com）。如果没有

背景 最近在公司做需求遇到一个很有趣很常见的需求也是实现一个类似手风琴的css效果，当鼠标移动上时，展开，扩展高度，当鼠标移开手，收缩，高度为0。 这里也分享给大家，我的实现思路和最终的解决方案。 如

层叠样式表 (CSS) 是网页设计的骨架，它可以帮助我们轻松的设置网页的样式和格式。虽然大多数的 CSS 属性，例如颜色、字体大小和边距都被大家熟知，但还有许多鲜为人知的属性可以帮助我们设计添加功能。

背景 在给元素添加样式时，我们是否经常会对 : 和 :: 傻傻分不清，只能通过反复尝试来确定呢？别担心，我也是这样过来的！不过，今天我们将一劳永逸地解决这个问题，让你自信运用 CSS 伪选择器。 这篇

vue2是如何追踪数据变化形成响应？ 概括版： 专业版： 响应式丢失 但是通过遍历劫持对象的所有属性来实现响应式数据的方式，并不完美，存在很多缺点。例如当我们通过数组下标去修改数据时或者修改数组的长度

什么是剩余运算符？ 剩余运算符的特性 剩余运算符只能作为函数的最后一个参数，否则会报错。 剩余运算符通常是一个数组或对象。 函数的 length 属性不包括剩余参数。 我们可以用剩余运算符替代了 ar

简介 HTML是构建网页的基础，掌握实用的技巧可以极大的提高开发效率。在日常开发中，一些容易被忽略的技巧却能带来意想不到的效果。接下来我将分享 21 个鲜为人知的编程技巧，帮助你提高编码水平，丰富对H

相信很多朋友都用过不同软件的录屏功能，但是这些软件多少还让存在一些缺点，让我们在录屏的时候不能得心应手。 今天我就来手把手教大家自己来制作一个私人订制的浏览器录屏器， 录屏器 我们可以使用浏览器的屏幕

背景 一讲到媒体查询，大家首先想到的可能都是都是CSS中@media,这也没错，这确实是最常见的媒体查询方式，但是我们今天要讲的不是它，而是大家很少接触到的window.matchMedia()和wi

prerender 如果我们项目是前后端分离并且内容是AJAX动态获取想要进行网站排名优化（SEO）的话，可以使用prerender prerender的工作原理： 当搜索引擎爬虫请求一个单页应用或使

什么是SEO 简单地说，SEO是指网站从自然搜索结果获得流量的技术和过程 搜索引擎工作原理 要了解SEO，首先我们得了解搜索引擎的工作原理，其原理是比较复杂，我把流程简化如下： 一、爬虫抓取网页内容

我们都知道在很多地方都有元宵节放孔明灯的习惯，但是近年来，一些地方因为环境和安全考虑，开始限制或禁止放孔明灯，以避免火灾和环境污染等问题。于是我就是手写了一个孔明灯放飞的动画，来弥补大家的遗憾。 动画

现在的市面上有很多不同的前端构建工具，我们很难对它们一一进行关注。在本文中，我们将重点介绍最受欢迎的几种，并探讨开发人员喜欢或不喜欢它们的原因。 Webpack Webpack 是一个模块打包器，主要

Real DOM（真实DOM） Real DOM（真实 DOM）是浏览器中的实际文档对象模型。在网页开发中，HTML 文档的结构和内容以及与之相关的 CSS 样式构成了网页的表示。Real DOM 表

什么是NPM NPM最初是作为Node.js的软件包管理工具而创建的，用于管理Node.js应用程序的依赖关系和模块。随着时间的推移，NPM变得非常流行，并且逐渐成为广泛用于前端和后端JavaScri

你是否曾经编写过一些CSS代码，并且觉得应该有一种方法可以使编写CSS变得更加简单快捷？这就是SCSS（Sassy CSS）发挥作用的地方。你是否曾考虑过将HTML元素嵌套在它们特定的父元素内部？嗯，

在这个日益数字化和竞争激烈的时代，企业对软件的敏捷性、可维护性和可扩展性的要求越来越高，在这种需求下微服务孕育而生，微服务架构提供了一种适应变化的灵活方式，使企业能够更加敏捷地创新、交付价值，并在技术

在构建网络应用程序时，涉及到两个关键的安全术语：认证（Authentication）和授权（Authorization）。虽然它们可能看起来相似，但它们在确保应用程序安全方面扮演着不同的角色。 认证（

1.console.info() 代码示例： 输出： 2.console.warn() 代码示例： 在这个例子中，当温度超过30摄氏度时，console.warn() 就会输出警告消息。如果满足条件，

通过这篇文章你可以学到 如何使用使用 webpack 搭建项目 如何在 webpack中集成 typescript 如何在 webpack 中集成 React Router 和 Redux 如何使用