- 博客(21)
- 收藏
- 关注
RSS订阅原创 一个简单易用的图片九宫格切割工具，支持Vue和React框架。
/ 创建4x5的网格rows: 4,cols: 5});// 将返回20个图片切片quality: 0.9 // 90%质量});
2025-03-25 20:41:46
268
原创 TypeScript 基本语法全面解析（2025最新版）
注意：2025年主流框架已全面转向TypeScript，建议结合Deno运行时学习最新TS特性（如装饰器元数据）。练习将JavaScript代码逐步转换为TypeScript。使用TypeScript Playground实时验证类型。使用TS重构React/Vue组件（props类型校验）开发Node.js API服务（接口响应类型定义）类型断言（Type Assertion）。类型别名（Type Alias）。接口（Interface）。泛型（Generics）。六、现代TS开发规范。
2025-03-20 20:04:16
250
原创 学会Node.js后，我好像突然打通了任督二脉！Koa/Express/Egg全拿捏
直到我狠补了Node.js基础，突然就悟了‼️现在看Egg/Koa/Express就像看透剧本的导演👀。（学完Node再看Egg的插件机制，直接喊出：啊~原来你就是套了壳的强化版Koa！不就是Node异步套娃的优雅写法嘛！现在自己写中间件6到飞起~）Node原生模块玩明白了，Express文档直接当菜单翻👌）先啃透Node核心模块（fs/http/events…现在学框架就像拆乐高🧩 底层玩明白了，上层随便拼！1️⃣ 《Node.js中文网文档》电子版泡枸杞。✔️ 看文档秒懂"中间件""上下文"这些黑
2025-03-20 19:41:07
114
原创 TypeScript-Express-MySQL-GraphQL-API 项目
这是一个使用 TypeScript, Express, MySQL 和 GraphQL 构建的 MVC 架构的示例项目。项目展示了如何利用现代技术栈创建一个灵活且可扩展的服务器应用程序。
2025-03-04 10:48:00
972
原创 AI大模型对前端软件开发的重塑与未来展望
AI大模型，作为人工智能领域的先进技术，指的是拥有超大规模参数（通常在10亿个以上）和强大计算资源的机器学习模型。这些模型能够处理海量数据，完成各种复杂任务，如自然语言处理、图像识别等。其核心优势在于处理海量数据的能力、优化算法的能力以及提高机器学习效率。
2024-11-30 22:33:02
1335
原创 GraphQL使用教程及前后端代码详解
GraphQL是一种用于API的查询语言和运行时的一系列规范，由Facebook开发并于2015年开源。它提供了一种更高效、灵活和易于使用的方式来获取和操作数据。与传统的RESTfulAPI相比，GraphQL允许客户端精确地指定需要的数据，并减少了不必要的网络传输和数据处理。GraphQL Schema定义了数据的类型和查询的结构。schema {在这个Schema中，定义了一个查询类型Query，它有一个字段hello，返回类型为String。
2024-11-26 14:49:43
1281
原创 如何打造一份出色的技术文档
选择合适的文档类型需要明确文档目的与受众、了解常见文档类型及其特点、考虑文档的可读性和易用性、评估文档更新与维护的成本以及结合实际情况做出选择。通过综合考虑这些因素，可以创建出更加符合读者需求和项目要求的文档类型，提高文档的质量和效果。最后，结合实际情况做出选择。考虑团队资源、时间限制、读者需求等因素，选择最适合当前项目或产品的文档类型。同时，也可以考虑创建多种类型的文档以满足不同受众的需求。
2024-11-26 14:04:15
448
原创 Taro使用Vue3踏坑日记：SVGElement is not defined
我裂开了！！！！！！！我使用的是3.0.7 …重新安装目前最新版本 v3.2.10
2021-06-07 16:29:54
1299
原创 Taro使用Vue3踏坑日记：Module not found: Can‘t resolve ‘@vue/server-renderer‘ in ‘/Users/...‘
版本：Taro v3.0.7使用框架：Vue3项目完成后，进行编译时报错编译失败横向对比一下尝试使用框架React进行安装，taro版本依旧项目可以正常编译，也可以正常使用和开发Vue3框架编译时安装了Vuex以及使用了TS，看下报错信息发下有个模块没有找到在项目中也没有找到这个模块 @vue/server-renderer翻了一下package没有对应的模块，我决定尝试安装一下这个模块安装完成 @vue/server-renderer模块后 再次..
2021-06-07 15:45:10
1445
2
原创 vue3如何声明字段名为枚举的类型
下面是 Type 的枚举声明，共有 6 个字段enum Type { primary = "primary", success = "success", warning = "warning", warn = "warn", // warning alias danger = "danger", info = "info",}TypeScript 中声明类型的关键字有两个，interface 和 type，在声明 key 不确定类型的字段时稍有不同。使用 type 进行声
2021-05-10 17:27:15
5138
原创 小程序wx.request请求接口在部分安卓手机报错 wx.request request:fail -2:net::ERR_FAILED
出现这种问题的原因一般是因为证书的问题。只要后台配置证书正确，问题就会解决！
2021-03-25 10:09:13
791
原创 TypeScript基础——数据类型篇
TypeScript基础——数据类型篇为什么学习ts那？因为ts相对于js来说严格规范得多，功能越强大的产品它所需要的编程语言肯定也是越严谨的ts中必须指定数据类型、ts是js的超集，那么js有的原始类型ts也同样具备boolean类型let bool:boolean = true;number类型let num:number = 123;string类型let str:string = "name";array类型/*** TypeScript为数组提供
2021-01-28 16:59:18
352
4
原创 Vue3中如何安装element
Vue3中如何安装elementelement团队为了跟上Vue3的步伐推出了新的element框架（element-plus）想从2.x 升级的小伙伴就不要想了安装npm install element-plus --savemain.js / main.ts中使用
2021-01-18 11:46:55
3425
1
原创 nodejs+express+canvas实现将经纬度转换坐标系并生成图片上传至七牛云
node+canvas后台绘图功能后台的canvas的使用不做详细说明。使用方式基本与前端使用一样，我主要说明一下自己在开发过程中遇到的一些坑安装npm install canvas引入canvas到项目const Canvas = require('canvas'); // 引入canvas模块//第一步创建画布const canvas = Canvas.createCanvas(200, 200)const ctx = canvas.getContext('2d')//第二步设置绘制
2020-12-31 17:38:29
1201
原创 Nodejs、express框架微信支付开发
1.流程wx.request 向服务器请求支付参数服务器根据客户端的 sessionId , 找到 它的 openId, 将它和商家自己的 appId, appSecret, PAY_API_KEY和商品的一系列等信息加密, 去请求微信的服务器微信的服务器向商家服务器返回这次交易需要的数据商家服务器处理上述数据, 返回给用户端用户端接收到数据, 调用 wx.requestPayment 接口微信服务器主动向商家的服务器发送本次支付的信息(是否成功等)2.注意点二次签名和重要，对于第一次开发支
2020-12-03 11:50:08
743
原创 JavaScript异步的解决方案
例子Async/Await应该是目前最简单的异步方案了，首先来看个例子。这里我们要实现一个暂停功能，输入N毫秒，则停顿N毫秒后才继续往下执行。var sleep = function (time) { return new Promise(function (resolve, reject) { setTimeout(function () { resolve(); }, time); })};var start = asy
2020-12-03 11:45:05
110
原创 vue项目执行install的时候报错
vue项目执行install的时候报错以下是报错信息error eslint@5.8.0: The engine "node" is incompatible with this module. Expected version "^6.14.0 || ^8.10.0 || >=9.10.0". Got "9.3.0"error Found incompatible module.解决方式（直接忽略掉）yarn install --ignore-engines...
2020-08-21 11:02:47
557
原创 基于axios的通信层封装
基于axios的通信层封装npm i axiosyarn add axios请求拦截、响应拦截、错误统一处理api目录下创建http.js文件并加入以下内容定义全局错误提示信息import { Message } from 'element-ui'; // 引入element错误提示功能/** * 提示函数 * 禁止点击蒙层、显示一秒后关闭 */const tip = msg => { Message.error({ mes
2020-08-17 11:59:17
288
原创 centos7快速安装node
centos7安装node方式通过node版本管理工具nvm（Node version manager）安装通过node版本管理工具nvm（Node version manager）安装安装nvm//第一步：curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.31.1/install.sh | bash// 或者wget -qO- https://raw.githubusercontent.com/creationix/n
2020-07-30 10:29:54
321
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人