KID-1912’s Blog

初来乍到,请多指教

字符与编码

字符与编码 字符集 任一字符的二进制映射表 ASCII: 将字符按照ASCII表采用8位二进制标识(英文字母字符) ISO: 将字符按照ISO表采用8位二进制标识(额外欧洲字符) GBK: 兼容ASCII编码,2个字节表示中文字符(额外中文字符) Unicode: 统一所有字符,支持3个字节多区间编码标识任一字符 编码规则 传统字符集相对应的字符编码, Unicode由于字...

Vue动画

Vue动画 业务场景的动画通过手写css实现更加方便,细节可控 但一些页面常见动画,通过Vue提供的动画能力能以更通用、更快速方式实现 Transiton 官方文档说明 当一个 <Transition> 组件中的元素被插入或移除时,会发生下面这些事情: Vue 会自动检测目标元素是否应用了 CSS 过渡或动画。如果是,则一些 CSS 过渡 class ...

quill

Quill 是一款现代的所见即所得编辑器,具备兼容性和可扩展性

Quill 社区优秀实现 quill-awesome 基础 安装:npm install quill -S 使用: import Quill from "quill"; const quillEditor = new Quill(".editor", { placeholder: "此处输入文字", }); 主题: import Quill from "quill"; ...

前端可视化与低代码

低代码 低代码技术面向人群是开发者群体(注定要求高效率与强能力) 现代开发者通过编写代码开发软件服务,但低代码本质是通过抽象核心代码实现,编写逻辑代码的软件开发技术 单纯拖拽制作界面,只算可视化设计,常见于内容创作 可视化设计 交互实现 激活文字输入框编辑 以 vue-drag-resize 为例 元素可编辑 <div v-text="el...

Nonviolentcommunication

# 要素 观察 感受 需要 请求 异化的沟通方式 道德批判 进行比较 回避责任(推卸)一旦意识不到我们是自己的主人,我们就成了危险人物。 强人所难 观察 区分观察与评论 仔细观察正在发生的事情,并清楚地说出观察结果(具体+客观) 不鼓励绝对化的评论,而主张评论要基于特定时间和环境中的观察。 在以下的表格中,我举例说明如何区分观察和评论。 表达方式 观察和评论被混...

TypeORM

运行在 NodeJS 环境的ORM框架

TypeORM 中文文档 https://typeorm.bootcss.com/ (部分api落后) 官方文档 https://typeorm.io/ 安装 npm install typeorm --save npm i reflect-metadata --save 全局引入 require("reflect-metadata"); 数据库驱动 npm install...

Rollup

Rollup 是一个用于 JavaScript 的模块打包工具,它将小的代码片段编译成更大、更复杂的代码,例如库或应用程序。

Rollup 基础 命令行 全局安装:npm i rollup -g 局部安装:npm i rollup -D 打包命令:rollup src/main.js --file bundle.js --format umd 配置文件 新增配置:rollup.config.mjs export default { input: "src/main.js", output: ...

xshell

一个强大的终端仿真软件,用于通过 SSH、Telnet 等协议远程管理和控制服务器,支持多标签会话和便捷的脚本功能

xshell node 下载node Linux Binaries (x64):node-v18.16.1-linux-x64.tar.xz Download Node.js sftp传输 将本地安装包上传 解压缩并移动 tar -xvf node-v16.14.0-linux-x64.tar.xz mv node-v16.14.0-linux-x64 /usr/local...

RxJS

一个通过使用可观察序列来编写异步和基于事件的程序的库

RxJS 官方文档 中文文档 Think of RxJS as Lodash for events. Rxjs想象成针对events的lodash,即Rxjs本质是个工具库,处理对象是事件(又称流) 流:异步行为产生的数据,即将来的数据的集合; RxJs支持对流进行处理,如合并、截断、延迟、抖动等 基础对象 observable 可观察对象(Observable流) im...

React

用于构建 Web 和原生交互界面的库

React 中文文档:https://react.docschina.org/ 官方文档:https://react.dev/ 安装 npm install react react-dom react:包含 React 的核心功能,包括创建组件、管理组件的生命周期和处理状态等。它是你编写 React 组件所需的基础库。 react-dom:提供了将 React 组件渲染到 DOM...