前端开发-阿锋

摘要： 前言 在Internet上搜索模板和主题时，很难找到免费的Vue资源。 即使您不在乎质量，它们似乎也很难被发现，并出于好奇而感动，我花了数小时在Google和Github上四处挖掘，结果得到了收集22种开源Vue模板和主题框架集合。我不会对此打赌，但是它们也是高质量的资源。 Bootstrap Vu 阅读全文

摘要： 前言 在Internet上搜索模板和主题时，很难找到免费的React资源。 即使您不在乎质量，它们似乎也很难被发现，并出于好奇而感动，我花了数小时在Google和Github上四处挖掘，结果得到了36个免费的React模板和主题的集合。我不会对此打赌，但是它们也是高质量的资源。 因此，在此列表中，您 阅读全文

摘要： 什么是异常 用直白的话来解释异常的话，就是「程序发生了意想不到的情况，这种情况影响到了程序的正确运行」。 从根本上来说，异常就是一个「数据结构」，其保存了异常发生的相关信息，比如错误码，错误信息等。以 JS 中的标准内置对象 Error 为例，其标准属性有 name 和 message。然而不同的浏 阅读全文

摘要： 前言 在移动端web开发中，UI设计稿中设置边框为1像素，前端在开发过程中如果出现border:1px，测试会发现在retina屏机型中，1px会比较粗，即是较经典的移动端1px像素问题。 我们要对与视口、物理像素、逻辑像素、设备像素比、css像素等移动端基本概念要有一定的了解。 产生原因 设备像素 阅读全文

摘要： 这篇文章，记录下日常开发项目跟性能优化有关的内容。 vue-cli构建优化 gzip 压缩 gzip 压缩效率非常高，通常可以达到 70% 的压缩率，也就是说，如果你的网页有 30K，压缩之后就变成了 9K 左右。 //npm i -D compression-webpack-plugin conf 阅读全文

摘要： 前言 我们在日常项目开发过程中，有时候我们对数组或者对象进行了一些操作后，发现页面数据没有更新到。这个时候就会有疑问，why？ 如果我们在看文档有这样一个api，以下内容： Vue.set()和this.$set()实现原理 Vue.set()的源码： ... 这里是省略的代码 import { s 阅读全文

摘要： 命令（Command） 菜单 🏈 “命令”菜单是最最常用的，本文也会多次用到，所以这里先说一下打开方式: 按Cmd + Shift + P（如果使用Windows，则按Ctrl + Shift + P）打开“命令”菜单。 截图DOM元素 🏉 当你只想对一个特别的 DOM 节点进行截图时，你可能需 阅读全文

摘要： 1.什么是虚拟DOM？ 虚拟DOM是组成应用程序UI的实际HTML元素的内存表示形式。重新渲染组件时，虚拟DOM会将更改与其DOM模型进行比较，以创建要应用的更新列表。主要优点是它高效，仅对实际DOM进行最小的必要更改，而不必重新渲染大块。 2.什么是JSX？ JSX是JavaScript语法的扩展 阅读全文

摘要： 引子 WebSocket 是个好东西，为我们提供了便捷且实时的通讯能力。然而，对于 WebSocket 客户端的鉴权，协议的 RFC 是这么说的： This protocol doesn’t prescribe any particular way that servers can authenti 阅读全文

摘要： 一、用途 npm ci和npm install命令一样，是用来安装依赖的命令，但他可以比常规的 npm 安装快得多，也比常规安装更严格，他可以npm依赖安装的一致和稳定 (锁版本)。 在package.json中，每次install后，对应的版本前都有个 ^ 符号。在这种情况下，再次install时 阅读全文