an_jia_ning的博客

原创 React 组件通信

父组件可以通过 props 将信息传递给子组件，子组件可以通过执行 props 中的回调函数 callback 来触发父组件的方法，实现父与子的消息通讯。适合用 React 做基础构建的小程序。

原创 React 组件分类

在 class 组件中，除了继承 React.Component ，底层还加入了，组件中调用的 setState 和 forceUpdate 本质上是调用了 updater 对象上的 enqueueSetState 和 enqueueForceUpdate 方法。如上可以看出 Component 底层 React 的处理逻辑是，类组件执行构造函数过程中会在实例上绑定 props 和 context ，初始化置空 refs 属性，原型链上绑定setState、forceUpdate 方法。

原创 RGB颜色透明度百分比与16进制码转换关系

1、转换关系如下。其中：100%表示全透明，0%表示完全不透明。使用方法：#FFFF00FF,添加在#后面即可。100% — FF 95% — F2 90% — E6 85% — D9 80% — CC 75% — BF 70% — B3 65% — A6 60% — 99 55% — 8C 50% — 80 45% — 73 40% — 66 35% — 59 30% — 4D 25% — 40 20% — 33 15% — 26 10% — 1A 5% — 0D

原创 yarn 安装包时报错error Error: certificate has expired

使用yarn安装依赖时报错 error Error: certificate has expired。如果是true，输入：yarn config set strict-ssl false。输入：yarn config list。报错的原因：HTTPS 证书验证失败。此时就解决了，重新安装即可。

原创 Error: listen EADDRINUSE: address already in use :::7100

解决这个问题的方法是找到占用7100端口的程序并停止它，或者将应用程序配置为使用另一个可用的端口。如果以上两种方法都无法解决问题，可以尝试等待一段时间、让系统自动释放该端口。通常情况下，系统会在一段时间后自动释放该端口，可以再次启动服务器。可以使用 lsof 命令查看哪个进程占用了该端口，然后使用 kill 命令杀死该进程。例如，如果端口是 3000，可以使用以下命令。可以尝试将端口更换为其他未被占用的端口。这个命令将会显示占用了该端口的进程的 PID，然后使用 kill 命令杀死该进程。

原创 TS常用工具类型

语法：Pick<Type, Keys>- 通过从Type中选取一组属性Keys（字符串字面或字符串字面的并集）来构造一个类型。- 就是在已经定义好的Type中选取一些key，组成一个新的Type类型pick两个类型变量：1.表示选择谁的属性2.生成的新类型，只有id，title两个属性类型 相当于。

原创 react 使用clsx库动态构建类名

在React中经常需要动态的构建类名，clsx就是一个用于动态拼接css类名的JS库。通过clsx，我们可以有条件地、清晰地和简洁地构建类名，而不需要冗长或重复的代码逻辑。而且该库很小，兼容性也很好，是完美的classnames替代品。这个库在 React 社区中很受欢迎，因为 React 经常需要动态地构建类名。

原创 前端开发环境配置

新入职了公司，配置电脑环境相关流程一、nvmMac OS 下 NVM 的安装与使用 - 简书安装完成后关闭终端，重新打开终端输入 nvm 验证一下是否安装成功，当出现“Node Version Manager”时，说明已安装成功。nvm ls ：查看所有可用版本 以及可以知道目前使用的是哪一个版本nvm install 版本号 ：安装指定版本nvm install stable ：安装稳定版本nvm install 12.1.x ： 安装12.1系列的最新版本。

原创 TypeScript 学习

ts是以js为基础扩展的一门语言，可以在任何支持js的平台中执行，但是ts不能被js解析器直接执行，需要先将ts编译为js，再通过js解析器执行。因为ts文件不能被浏览器直接解析，ts解析器的作用就是将ts文件解析为js文件，然后就可以直接在浏览器引用执行了。我们可以创建一个ts文件（a.ts），然后执行命令tsc a.tsc，此时就会出现一个解析完成的js文件。

原创 vue3的工具函数

总结了vue3的工具函数一、以上就是今天要讲的内容，本文仅仅简单介绍了vue3的工具函数。

原创 Vue3.0 学习

已经掌握vue2进阶vue3，先用vue3+vue-cli+js练练手，熟悉一下vue3的各种特性，分析比较与vue2的区别。一、Vue3升级有趣的点例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。

原创 JS 知识点

原创 Element-ui 上传图片前压缩图片

需求：项目当中上传图片的需求点肯定有很多，再上传之后，如果图片很大的话，在加载的时候就会很慢。最近发现系统首次加载越来越慢，就开始思考怎么能降低这个加载时间，由于首页图片很多，所以图片的大小就需要进行处理，本文记录了上传图片之前压缩图片的各种方法。一、插件image-conversion提示：这里对文章进行总结：例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。

原创 G2 折线图

antv g2 折线图的一些小tip。

原创 剪切板（复制文本）

复制文本 navigator vue-clipboard2

转载 什么是跨域？如何解决？

在开发的过程中经常会发现出现跨域的情况，接下来将阐述一下跨域是个什么玩意，虽然对于前端同学在开发的时候经常是后端同学来处理的，但是还是要自己清楚原理的，以及怎么解决。一、为什么会出现跨域？说到跨域，就不得不说这个区域是什么，什么情况会跨域。浏览器有同源策略。所谓同源（即指在同一个域）就是两个页面具有相同的协议，主机号和端口号只要三个之中有一个不同，我们则称之为跨域了。

原创 Object.defineProperty

Object.defineProperty

原创 el-table嵌套el-form校验，滚动到有问题处并高亮

el-table表格当中嵌套el-form表单，在提交的时候校验表单，由于可能填写很多条，所以期望哪一条校验不通过，直观的让用户看到不正确的那一行，所以滚动到不正确的地方并且高亮当前行。

原创 计算机网络

面试中常问到的计算机网络相关问题。

原创 vue 基础总结

JavaScript中的对象是引用类型的数据，当多个实例引用同一个对象时，只要一个实例对这个对象进行操作，其他实例中的数据也会发生变化。而在Vue中，更多的是想要复用组件，那就需要每个组件都有自己的数据，这样组件之间才不会相互干扰。数据以函数返回值的形式定义，这样当每次复用组件的时候，就会返回一个新的data，也就是说每个组件都有自己的私有数据空间，它们各自维护自己的数据，不会干扰其他组件的正常运行。......

原创 js 知识树

当局部变量被外部函数使用时，其中一种情况就是闭包，在函数执行结束后，函数外部的变量依然指向函数内部的局部变量，此时局部变量依然在被使用，所以不会回收。当访问一个对象的属性时，如果这个对象内部不存在这个属性，那么它就会去它的原型对象里找这个属性，这个原型对象又会有自己的原型，于是就这样一直找下去，也就是原型链的概念。，原始数据类型不能作为key值，而值可以是任意的。在js当中对象是一组键值对，但是键必须是字符串，就有很大的限制，所以Map出现了，key不仅可以是字符串，也可以是其他类型的值，包括对象。...

原创 小tips

configurable:false, //能否使用delete,能否修改属性特性、或者能否修改访问器属性，false为不可重新定义，默认值为true。作用：用来获取对象属性的信息描述，其中包括value(值)、writable(是否可写)、configurable(是否可设置)、enumerable(是否可枚举)writable:false,//对象属性是否可修改，false为不可修改，ture为可修改。var lisi=new Person("张三 ",20);作用：用来修改对象属性的描述信息。....

原创 数据结构链表

整理链表这种数据结构提示以下是本篇文章正文内容，下面案例可供参考。

原创 HTML+CSS学习笔记整理-七七八八

html css