珎珎啊

原创 React 和 TypeScript中 常见的代码优化建议

使用 React.memo 进行组件的浅比较优化：使用 React.memo 可以包裹组件，在传入的 props 发生变化时，进行浅比较，避免不必要的重渲染。使用函数式组件：函数式组件是 React 中推荐的编写组件的方式，相对于类组件，它们具有更轻量的语法和更好的性能表现。注意：可选链操作符在部分浏览器和环境中可能还不被完全支持，请根据目标环境进行兼容性考虑或使用工具进行转译。

原创 Git 的标准提交规范（Conventional Commits）& Git 分支管理

optional scope] 表示本次提交的影响范围，可以根据需要添加。表示本次提交的描述信息，应该简短而明确地说明本次提交的目的。[optional body] 和 [optional footer(s)] 则可选，可以用来提供更详细的信息，如发生了什么问题、解决方案、关闭的问题等。

原创 qiankun微服务怎么用，怎么实现集成react和vue

Qiankun 是一个基于 Single-SPA 的微前端解决方案，它是由阿里巴巴前端团队开发的。Qiankun 提供了一套完整的微前端解决方案，包括了路由管理、状态管理等功能。通过使用 Qiankun，我们可以将多个前端应用组合成一个整体，每个应用可以独立开发、构建、部署和运行，从而提高了前端开发的效率。

原创 SQL学习（3）

sql基础语法

原创 数据库命名规范

数据库命名规范

原创 自学SQL入门（2）

1. FROM 和 JOINsFROM 或 JOIN会第一个执行，确定一个整体的数据范围. 如果要JOIN不同表，可能会生成一个临时Table来用于 下面的过程。总之第一步可以简单理解为确定一个数据源表（含临时表)2. WHERE我们确定了数据来源 WHERE 语句就将在这个数据源中按要求进行数据筛选，并丢弃不符合要求的数据行，所有的筛选col属性 只能来自FROM圈定的表. AS别名还不能在这个阶段使用，因为可能别名是一个还没执行的表达式3. GROUP BY

原创 自学SQL入门（1）

sql 数据库

原创 Angular的重要概念

@angular/core的主要功能

原创 React函数式声明组件语法

React函数式组件语法React函数式组件语法+React.memoReact函数式组件语法+React.forwardRef useImperativeHandle()函数React函数式组件语法+React.FC()

原创 文件预览功能/文件流前端展示

PDF格式,word,excel,图片格式的文件前端页面预览

原创 react -- Context

react使用context传参

原创 笔记-鼠标悬浮展示图标

鼠标悬浮展示图标

原创 antd常用组件 select,form等

form表单自定义校验，form表单提交，树形下拉框

原创 柱线混合图表echarts

柱线混合图表echarts 自定义内容基础配置

原创 ProAntd+react+ts表格行点击高亮+表格联动

表格行点击样式，通过表格的rowClassName属性，给行添加类名

原创 前端动态生成数组/获取数组对象中的最值

【代码】前端动态生成数组/获取数组对象中的最值

原创 react跨组件传参(ts)

react跨组件传值，子传父，父传子

原创 HTML5,CSS,JS前端常见知识面试题

前端常见面试题，前端知识总结，html,css,js,DOM

原创 git常用命令

git常用命令

原创 npm 和 yarn 的区别

npm和yarn的区别

原创 前端开发命名规范

前端开发命名规范

原创 window

监听页面放大缩小window.οnresize放大倍数window.devicePixelRatio

原创 Eslint常用规范

“no-console”: “error”, 　　　　　　　　　　　　　　　　 // 禁止console“no-alert”: “error”, 　　　　　　　　　　　　　　　　　 // 禁止alert,conirm等“no-debugger”: “error”, 　　　　　　　　　　　　　　　 // 禁止debugger“semi”: [“error”, “never”],　　　　　　　　　　　　 // 禁止分号“no-tabs”: “error”, 　　　　　　　　　　　　　　　　　　//

原创 shell脚本-02

Shell echo命令echo string显示普通字符串:双引号可以省略显示转义字符："" 双引号也可以省略显示变量: read 命令从标准输入中读取一行,并把输入行的每个字段的值指定给 shell 变量#!/bin/shread nameecho “$name It is a test”显示换行echo -e “OK! \n” # -e 开启转义显示不换行echo -e “OK! \c” # -e 开启转义 \c 不换行显示结果定向至文件echo “It is a test

原创 shell脚本-01

shell变量只读变量 readonly删除变量 unset (不能删除只读变量)使用变量 变量名前面加美元符号,花括号可选 $name ${name}变量类型局部变量：局部变量在脚本或命令中定义，仅在当前shell实例中有效，其他shell启动的程序不能访问局部变量。环境变量：所有的程序，包括shell启动的程序，都能访问环境变量，有些程序需要环境变量来保证其正常运行。必要的时候shell脚本也可以定义环境变量。shell变量：shell变量是由shell程序设置的特殊变量。she

原创 数据库操作

切换用户su - username查看用户selecet * from USER$;删除用户 CASCADEDROP USER USERNAME CASCADE；删除角色#DROP ROLE name;删除表空间DROP TABLESPACE name INCLUDING CONTENTS AND DATA FILES;DROP TABLESPACE nameindex INCLUDING CONTENTS AND DATAFILES；DROP USER USERDB userdb;

原创 Java ArrayList 方法

Java ArrayList 方法ArrayList arraylist= new ArrayList<>();Java ArrayList 常用方法列表如下：方法 描述add() 将元素插入到指定位置的 arraylist 中arraylist.add（int index，E element）注：arraylist 是 ArrayList 类的一个对象。（返回Boolean）参数说明：index（可选参数）- 表示元素所插入处的索引值element - 要插入的元素addA

原创 空指针异常

result假如为null,还用result的方法，比如result.setResultcode( String x);那么就会产生空指针异常。产生空指针异常的原因：(1) 当一个对象不存在时又调用其方法会产生异常    obj.method() // obj对象不存在 (2) 当访问或修改一个对象不存在的字段时会产生异常    obj.method()  // method方法不存在Java异常ThrowableError(用来指示运行环境发生的错误)(1) OutOfMemoryErro

原创 Linux-02

常用命令列出目录ls -a 列出目录所有文件，包含以.开始的隐藏文件ls -A 列出除.及…的其它文件ls -r 反序排列ls -t 以文件修改时间排序ls -S 以文件大小排序ls -h 以易读大小显示ls -l 除了文件名之外，还将文件的权限、所有者、文件大小等信息详细列出来cd命令进入目录 cd /进入"home"目录 cd ~进入上一次工作路径 cd -把上次命令的参数作为cd参数使用cd !$pwd命令pwd：查看当前工作目录路径。pwd -P: 查看软链接的实际路

原创 Linux-01

Linux系统目录结构系统启动必须/boot：这里存放的是启动 Linux 时使用的一些核心文件，包括一些连接文件以及镜像文件。/etc：etc 是 Etcetera(等等) 的缩写,这个目录用来存放所有的系统管理所需要的配置文件和子目录，更改目录下的文件可能会导致系统不能启动。lib：lib 是 Library(库) 的缩写这个目录里存放着系统最基本的动态连接共享库（比如c++库），其作用类似于 Windows 里的 DLL 文件。几乎所有的应用程序都需要用到这些共享库。/sys：这是

原创 2020-12-10

原创 TypeScript--2

原创 TypeScript安装,使用,简介--1

全局安装命令 ：cnpm install -g typescript编译文件：tsc hello.js约定文件以 .ts 为后缀，编写react时，以.tsx为后缀主流IDE中都支持TS，包括代码不全，接口提示，跳转定义，重构优点：TS增加了代码的可读性和可维护性TS非常包容TS拥有活跃的社区...

原创 倍速播放

document.getElementsByTagName(“video”)[0].playbackRate=2

原创 和风天气插件

和风天气https://dev.qweather.com/widget/standard代码示例<div id="he-plugin-standard"></div><script>WIDGET = { CONFIG: { "layout": 1, "width": "450", "height": "150", "background": 1, "dataColor": "FFFFFF", "borderRa

原创 读书笔记-3--人月神话（Mythical Man-Month）

项目的时间依赖于顺序上的限制，人员的最大数量依赖于独立子任务的数量。从这两个数值可以推算出进度表，该表安排的人员较少，花费的时间较长(唯一的风险是产品可能会过时)。相反，分派较多的人手，计划较短的时间，将无法得到可行的进度安排。总之，在众多软件项目中，缺乏合理的进度安排是造成项目滞后的最主要原因，它比其他所有因素加起来的影响还要大。体系概念完整性...

原创 配色方案

配色方案http://www.wenliku.com/color/

原创 PM2

PM2是守护进程管理器，可以帮助您管理和保持应用程序在线。 PM2入门非常简单，它是一个简单直观的CLI，可以通过NPM安装。npm install pm2 -gpm2 start app.js$ pm2 restart app_name$ pm2 reload app_name$ pm2 stop app_name$ pm2 delete app_namePM2https://pm2.keymetrics.io/...

原创 java输出数字金字塔

java输出数字金字塔输入n输出n行数字金字塔import java.util.*;public class Main{ pubilc static void main (String args[]) { int i,j,k,n; Scanner input = new Scanner(System.in); n= input.nextInt(); for(i=1;i<=n;i++){ for(j=0;j<n-i;j++){ Syst

原创 读书笔记-3-代码整洁之道(中文完整版)

整洁代码能通过所有测试没有重复代码体现系统中的全部设计理念包括尽量少的实体，比如类，方法，函数等。