依赖分类 依赖根据开发环境需要和实际运行环境需要，分为dependencies和devDependencies。 例如：typescript和eslint属于devDependencies，而vue和axios等属于dependencies。 版本号组成 版本由两部分组成，一是前面的前缀符号，二是版 ...

‍ 写在开头 点赞 + 收藏 学会 如何解决uniapp H5本地代理实现跨域访问？ 1.第一种解决方法： 直接创建一个vue.config.js文件，并在里面配置devServer，直接上代码，重启跑项目 亲测有效 // vue.config.js module.exports ...

你习惯在js代码中使用async await吗？ 我经常在js代码中写一些异步方法，使用await调用的地方，如果方便修改成异步方法，就修改成异步方法，如下所示： async setPosition(graphic, lng, lat) { this.lng = lng; this.lat = la ...

‍ 写在开头 点赞 + 收藏 学会 前端常用的截图保存的方法 利用 Blob 对象和 URL.createObjectURL：可以将截图数据转换为 Blob 对象，然后使用 URL.createObjectURL 方法生成一个临时的 URL，将这个 URL 赋值给 <a> 标签的 ...

‍ 写在开头 点赞 + 收藏 学会 前言 随着我用 URL.createObjectURL 这个 API 越来越多次，越发感觉真的是一个很好用的方法，列举一下我在项目中用到它的场景吧~ 图片预览 以前我们想要预览图片，只能是上传图片到后端后，获取到url然后赋予给img标签，才能 ...

在使用锚点跳转时，以下情况可能导致页面跳转位置出现误差： 固定定位元素（Fixed Position Elements）： 当页面有固定定位的导航栏或其他固定元素时，跳转到锚点时，这些固定元素可能会遮挡锚点目标，导致用户看不到预期内容。 动态内容加载（Dynamic Content Loading） ...

JS中有一些操作可以动态地执行JS代码，并修改或新建词法作用域，这种操作虽然带来了更多的灵活性，但是会严重地影响到性能。 ...

1. 不使用临时变量来交换变量的值 2. 对象解构，让数据访问更便捷 3. 浅克隆对象 4. 合并对象 5. 清理数组 6. 将 NodeList 转换为数组 7. 检查数组是否满足指定条件 8. 将文本复制到剪贴板 9. 删除数组重复项 10. 取两个数组的交集 11. 求数组元素的总和 12. ... ...

‍ 写在开头 点赞 + 收藏 学会 在日常的开发过程中，我们都会有一些常用的代码片段，这些代码片段可以直接复制到各个项目中使用，非常方便。如果你有接手过别人的项目，就可以很明显感受到几个项目一般都会有一些相同的工具类方法，这些方法就是之前开发者的常用代码片段。 现在前端社区相当完 ...

一、背景 ‘熵增’问题一直是所有软件开发中都会遇到的问题，不管是前端还是后端都会遇到，老的系统在需求不断变更或者迭代，代码量会越来越大，最终都会形成一座‘屎山’，今天主要讨论前端对于这种情况的解决方案。 目前前端的解决方案有比较古老的iframe，但是iframe是完全隔绝了应用，导致应用之间的通信 ...

‍ 写在开头 点赞 + 收藏 学会 一、忘了最基础的东西 前端开发的核心构建在三大基石技术上：HTML、CSS和JavaScript。回想起多年前，前端开发者常被戏称为“切图仔”，但就是这样的角色，通过精湛的CSS技巧，能够实现各种复杂的交互和特效，展现出前所未有的网页魔法。这是 ...

json-server 快速搭建REST API 服务器 ★ 认识json-server 官方文档参考 json-server 是一个非常流行的开源工具，用于快速搭建一个完整的 REST API 服务器。它使用 JSON 文件作为数据源，通过简单的配置即可模拟复杂的服务器功能，非常适合前端开发者在没 ...

JavaScript 引擎的工作方式是，先解析代码，获取所有被声明的变量，然后再一行一行地运行。这造成的结果，就是所有变量的声明语句，都会被提升到代码的头部，这就叫做变量提升（hoisting）。 console.log(a); // undefined var a = 1; 上面的代码首先使用 c ...

工作中难免会遇到各种各样的数据结构，较为全面的了解数组操作，对于复杂数据结构的处理会非常有用且节省时间。所以想在这里总结一下工作中常用的数组操作，都是一些非常基础的知识，大家看个乐就好~ ...

Promise 对象使用 ★ Promise 基本认识 Promise 是一个对象，用于表示异步操作的最终完成（或失败）及其结果值。它允许你关联处理程序，这些处理程序将在异步操作成功完成时或者失败时调用，从而避免了更复杂的嵌套回调（即回调地狱）。Promise 对象通常用于执行异步操作，如网络请求、 ...

‍ 写在开头 点赞 + 收藏 学会 首先明确一点，localStorage是同步的 一、首先为什么会有这样的问题 localStorage 是 Web Storage API 的一部分，它提供了一种存储键值对的机制。localStorage 的数据是持久存储在用户的硬盘上的 ...

前端跨域问题的解决方案通常涉及几种不同的方法，每种方法都有其特定的应用场景和优缺点。以下是一些常见的前端跨域解决方案： JSONP（JSON with Padding） 原理：利用<script>标签没有跨域限制的特性，通过动态创建<script>标签并设置其src属性为跨域请求的URL，来实现跨域 ...

Web 性能是 Web 开发的一个重要方面，侧重于网页加载速度以及对用户输入的响应速度 通过优化网站来改善性能，可以在为用户提供更好的体验 网页性能既广泛又非常深入 1. 为什么性能这么重要？ 1. 性能关乎留住用户 性能对于任何在线业务都至关重要 与加载速度缓慢、让人感觉运行缓慢的网站相比，加载速... ...

以用户为中心的性能指标是理解和改进站点体验的关键点 一、以用户为中心的性能指标 1. 指标是用来干啥的？ 指标是用来衡量性能和用户体验的 2. 指标类型 感知加载速度：网页可以多快地加载网页中的所有视觉元素并将其渲染到屏幕上 加载响应速度：页面加载和执行组件快速响应用户互动所需的 JavaScrip... ...

为什么会突然想到写这么一个大杂烩的博文呢，必须要从笔者几年前的一次面试说起。当时的我年轻气盛，在简历上放了自己的博客地址，而面试官应该是翻了我的博客，好几道面试题都是围绕着我的博文来提问。其中一个问题，直接使得空气静止了五分钟，也是自从那次面试，我告诉自己，工作实战中总结的经验，一定要知其然知其所以... ...