珎珎啊

原创 接口传参中文兼容IE浏览器

【代码】接口传参中文兼容IE浏览器。

原创 VSsode快捷操作

安装命令：npm install rimraf -g。删除命令：rimraf node_modules。文件头部注释快捷键：ctrl+win+i。函数注释注释快捷键：ctrl+win+t。插件 – 快捷键 c。

原创 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/...