KID-1912’s Blog

初来乍到，请多指教

VSCode

一个轻量级但功能强大的源代码编辑器

VSCode 控制台 输出 vscode右下角控制台【输出】栏可查看所有插件运行状态与输出日志 settings.json files.eol：换行符；\n LF换行；\r\n CRLF回车换行 .vscode 为项目新增vscode工作区设置 .vscode/setting.json 为项目添加vscode工作区配置，控制项目在vscode中设置项，如： 强制使用项目e...

Posted by page on November 8, 2022

npm

Node 的模块管理器

npm 官方文档 中文文档 package.json name：包名，后续在 npm 中搜索全靠它 version：版本号，每发布一次 npm 包就要增加一个版本，每个版本不能重复 description：描述 main：本包入口文件 private：true/false 是否为私有。 一般为 false 否则只有自己能使用 flies：暴露的文件夹，指定提交到 npm 文件...

Posted by page on November 8, 2022

webpack指南

从零开始使用webpack搭建项目开发环境

webpack指南 前言 webapck干什么？ 依赖打包(主要)，即根据资源依赖的分析后进行处理，输出结果；文件处理(次之)； 为什么要对资源打包？ 功能逐渐复杂推动引入大量其它类库，团队成员按照功能划分协作开发项目这两大现象；项目愈加需要合理组织代码，否则无法持续开发或维护；出现模块化开发，这时各种模块化规范用于规定模块独立的标准； 但多模块导致项目文件增加，导致http请求...

Posted by page on July 18, 2022

Vue3

一个轻量、高效且易于扩展的前端框架，引入了 Composition API、性能提升和更灵活的组件系统，适合构建现代化的用户界面。

Vue3 创建项目 vue CLI @vue.cli 4.5 提供了内置选项创建Vue3项目 vue create temp-vue3 // 选择 vue3 预设 vite项目 npm create vue@latest 全局API createApp createApp创建应用而非new实例，不再支持vue2中对Vue类的全局配置方式，仅对应用实例配置，大部分配置项保...

Posted by page on June 30, 2022

JS二进制

JavaScript二进制数据的储存，读写操作，二进制文件对象

JS二进制 二进制 位(bit)：计算机最小存储单位 字节(byte)：8个位组成，可记录字母数字和符号；如ASCII(1个字节英文)，Unicode(2个字节支持所有语言，由此衍生utf-8)， 字：计算机的最小运算单位；32位计算机：1字=32位=4字节，64位计算机：1字=64位=8字节 数字转换 num.toString(n) 十进制数字转 n 进制 parseInt(...

Posted by page on June 22, 2022

Canvas实现

可用于动画、游戏画面、数据可视化、图片编辑以及实时视频处理等方面

Canvas实现 绘制封装 canvas绘制海报流程 后台响应绘制所需的数据，将其中的分享链接转二维码图片(base64) 在页面上隐藏的canvas元素上进行绘制 绘制完成后输出为自适应显示的海报图 Uasge用例 let $poster = document.querySelector('#shareCanvas'); // 初始化 let posterCavs...

Posted by page on June 20, 2022

Vue原理

响应式原理、VitralDOM

Vue原理 前言 为什么会产生 Vue、React 等这些框架并且被前端开发者所使用？ 问题的产生：UI 与状态同步 早期前端开发主要内容仅数据展示，提交表单 业务复杂 => 数据复杂性，深度交互 => 频繁编写根据数据操作 DOM 的逻辑 缓解： 将用户界面更新操作独立 mvc: model 数据模型 view 视图 control 控制器 问题：频繁操作 DO...

Posted by page on April 18, 2022

文件流

web端文件上传、文件下载、解析文件、格式转换等操作

文件流 file-saver 支持各种文件数据类型的文件下载 安装 npm i file-saver -S 使用 import { saveAs } from 'file-saver'; // saveAs方法 文件数据/File对象/资源链接 下载全文件名 自动提供Unicode文本编码提示 // saveAs(Blob/File/Url,...

Posted by page on April 18, 2022

Vue

Vue.js——渐进式、响应式、组件化

Vue name 声明name选项的必要性： 可被 $options.name 返回，允许组件模板递归地调用自身 便于调试。更友好的警告信息与 vue-devtools 语义的组件结构 router-view 的include/exclude值为有效的组件name v-model v-model 能够在表单元素上快速创建数据双向绑定(语法糖)，不同表单元素代理对应i...

Posted by page on April 18, 2022

登录鉴权

登录鉴权常见业务处理，包括基本登录流程、记住密码、验证码登录、权限控制

登录鉴权 基本登录处理 登录流程 校验并提交登录表单 { username: "xxx", password: "xxx" } 登录请求(request)成功，返回auth_token 存储autn_token串(localStorage)，跳转至首页 所有请求的hea...

Posted by page on February 13, 2022

FEATURED TAGS
JavaScript 类库 vue
ABOUT ME

弱者道之动 反者道之用

✉️ heyutongxue@gmail.com

FRIENDS