前端请求如何避免明文传输
要在前端发送请求时做到不明文，有以下几种方法： 1. HTTPS 加密传输： 使用 HTTPS 协议发送请求，所有的数据都会在传输过程中进行加密，从而保护数据不以明文形式传输。这样即使数据被截获，黑客也无法直接获取到数据的内容。 2. 数据加密处理： 在前端对敏感数据进行加密处理，然后再发送请求。可以使用一些加密算法，如 AES、RSA 等，将敏感数据进行加密后再发送到服务器。这样即使数据在传输过程中被截获，也无法直接获取其内容。 3....
图解原型和原型链
什么是原型（prototype）？ 我们知道原生的js中并没有类（Class）这个概念， 因此在js中创建对象主要是通过以下两种方式实现： 其中前者适用于创建单个对象，当需要批量创建对象时，我们往往采取后者，即通过构造函数创建对象。 原型（prototype） 是函数的一个特定属性，该属性可看做一个指针，指向一个对象，该对象包含了构造函数的所有共有属性和函数。 简单来说原型相当于一个共享窗口，凡是放在原型里的属性都能共享给子代使用，但子...
一文带你弄懂 前端SEO优化
前言 以前开发独立站，涉及过一些SEO的内容，为了避免后面会遗忘，感觉有必要记录下相关经验，也算是一次总结吧！ SEO概念 SEO 是 Search Engine Optimizatio（搜索引擎优化） 的首字母缩写，利用搜索引擎的规则对网站进行内部及外部的调整优化，提高网页或网站在搜索引擎中关键词的自然排名, 以求得获得更多的展现量和吸引免费的点击流量，从而达到互联网营销及品牌建设的目标。 SEO的方式 1\. Title标签 对页面...
一文带你深入理解 JavaScript 中的原型与原型链
先使用构造函数创建一个对象： 在上述例子中，我们使用构造函数 ，通过 创建了一个实例对象 。 原型 上的方法是给实例对象使用的。 每个函数（ 只有函数才会有 ）都有一个 属性，其指向一个对象，这个对象就是该构造函数创建的 实例对象 的原型（通过 指向，后续会详细讲解）。 指向的通常是一个 空对象，我们可以手动为其添加属性和方法，例如： 构造函数的 属性和 实例对象的原型 的关系为： prototype 构造函数...
理解amd,cmd,commonjs,esm,umd 模块化
什么是模块 将一个复杂的程序依据一定的规则(规范)封装成几个块(文件)，并进行组合在一起； 块的内部数据与实现是私有的, 只是向外部暴露一些接口(方法)与外部其它模块通信； 模块化的进化过程 1.全局function模式 将不同的功能封装成不同的全局函数 编码：将不同的功能封装成不同的全局函数 问题：污染全局命名空间, 容易引起命名冲突或数据不安全，而且模块成员之间看不出直接关系 2.namespace模式 简单对象封装 作用：减少了全...
你知道移动端适配吗
自适应：根据不同的设备屏幕大小来自动调整尺寸、大小 响应式：会随着屏幕的实时变动而自动调整，是一种更强的自适应 目前市面上移动端屏幕尺寸非常的繁多，很多时候我们希望一个元素在不同的屏幕上显示不同的大小以此来更好的还原效果图： 当我们针对一个手机进行布局设计时，设置了一个 200 200 大小的盒子 但在不同的设备上，由于逻辑像素不同的问题，会使得这个盒子在更大的视口上显得很小，在更小的视口上显示很大 因此我们需要进行适配 让它在不同设备...
前端性能优化_白屏-首屏加载
1 路由懒加载 SPA单页面应用项目，一个路由对应一个页面，如果不做处理，项目打包后，会把所有页面打包成一个文件，当用户打开首页时，会一次性加载所有资源，造成首页加载很慢，降低用户体验。（前后大概降低30%） 2 组件懒加载 除了路由的懒加载外，组件的懒加载在很多场景下也有重要的作用 例如：当用户打开某个页面，会一次性加载该页面所有的资源，我们期望的是有些组件使用户触发按钮后，再加载该弹窗组件的资源，例如弹窗组件，这时候，就可以考虑用懒...
44 个 React 前端面试问题
1.你知道哪些React hooks？ ：用于管理功能组件中的状态。 ：用于在功能组件中执行副作用，例如获取数据或订阅事件。 ：用于访问功能组件内的 React 上下文的值。 ：用于创建对跨渲染持续存在的元素或值的可变引用。 ：用于记忆函数以防止不必要的重新渲染。 ：用于记忆值，通过缓存昂贵的计算来提高性能。 ：用于通过reducer函数管理状态，类似于Redux的工作原理。 ：与useEffect类似，但效果在所有DOM突变后同步运行...
JS进阶 | 详解ES6中的Class
「这是我参与2022首次更文挑战的第12天，活动详情查看： 」 JS进阶系列文章 👇 阅读本文你将学习到 👇 类中的构造函数 类的实例、静态、私有属性 类的实例、静态、私有方法 类的继承 关于 一些扩展知识点 在 （ ）之前， 语法中是不支持类的，导致面向对象编程方法无法直接使用，但我们可以通过function来实现模拟出类，而随着 的更新，在 出现了中出现 关键字，可以用于定义类。接下来让我们看看它的如何使用的。 class 下面...