本页 12 篇文章
StarBloghttps://blog.deali.cn/blog/typescript-axios-api-encapsulate
前言 本来是想发 next.js 开发笔记的,结果发现里面涉及了太多东西,还是拆分出来发吧~ 本文记录一下在 TypeScript 项目里封装 axios 的过程,之前在开发 StarBlog-Admin 的时候已经做了一次封装,不过那时是 JavaScript ,跟 TypeScript 还是有些区别的。 另外我在跟着 next.js 文档开发的时候,注意到官方文档推荐使用 @tanstack/rea...
StarBloghttps://blog.deali.cn/blog/react-typescript-taro-frontend-summary
前言 项目到一段落,先来记录一下,本文以前端新手的角度记录React、TypeScript、Taro相关技术的开发体验以及遇到的问题和解决方法。 之前总说要学React(这篇博客:代码使我头疼之React初学习),这次项目需要做H5前端+小程序,我终于能用上React了~ 使用React的开发框架之前就听过京...
StarBloghttps://blog.deali.cn/blog/generate-request-code-with-swagger-typescript-api
前言 这个 swagger-typescript-api 工具还不错,可以根据 swagger 文档生成 TypeScript 请求代码 包含有类型注解,可惜文档不太详细,这里我记录一下使用方法,免得每次生成代码都要去搜索 官方文档: https://acacode.github.io/swagger-typescript-api/ 命令 基础用法 bash npx swagger-ty...
StarBloghttps://blog.deali.cn/blog/project-november-clinic-summary
...不符合设计规范~ 这部分也是我在v2版本设计的问题,看来可能要把这个用户信息相关的代码都放回到 apps 下面,让用户(开发者)自行决定这部分代码是否使用。 前端 前端使用React+TypeScript,开发体验还可以,尽管之前经常吐槽TypeScript,但熟悉之后还是能愉快使用的,毕竟和C#同一个作者,质量有保障~ 虽说Taro坑很多,组件库质量也不高 但… 没有的组件,就自己造轮子! 好...
StarBloghttps://blog.deali.cn/blog/nextjs-tailwind-beginner-dev-notes
...-is-not-defined-nextjs 原因是 next.js 先进行服务端渲染,得等网页加载到浏览器才能使用浏览器的 API 改造一下 原本 storage 是一个静态字段 typescript export default abstract class Auth { private static storage = localStorage } 改成属性 typesc...
StarBloghttps://blog.deali.cn/blog/csharp-attributes-vs-py-ts-decorators
...se Get() { return ... } 我第一反应觉得不是,这玩意在C#中叫“特性”(英文名Attribute,下文统称为特性),在Java中叫注解,虽然写法和Python/TypeScript中的差不多,但印象中实现方式应该是不同的。 但咱学理工科的就是要严谨,不能仅凭经验和感觉,为此,我查了一下资料,看了之前杨旭大佬推荐的《C# in nutshell》这本书,不仅确认了这个问题的答案...
StarBloghttps://blog.deali.cn/blog/code-headaches-react-learning
...大神的ts啦,静态类型+强类型才是最舒服的! 于是前面创建好的项目重新用ts的模板创建一遍: bash yarn create react-app react_one --template typescript 正当我准备开始大干一番的时候,**前端带师**跟我说这react官方的create-react-app创建出来的项目不好用,推荐我使用阿里的umi框架 以下是带师原话 直接...
StarBloghttps://blog.deali.cn/blog/zhe-dashi-suggestions-frontend
...区被分裂开 顺带一提,1.0和2.0语法相差很大,有些教程还是1.0的 在2.0之后的版本语法兼容,统称新版,现在好像出5.0了吧 1.0不用npm构建,2.0开始需要 2.0开始使用typescript作为亲儿子,需要再学习TS 总结:功能强大,但学习成本也很大 React 一个十分灵活的轻量级框架,由FaceBook操刀 JSX,虚拟DOM,组件化思想的开拓者 有句话这么...
StarBloghttps://blog.deali.cn/blog/python-orm-sqlalchemy-tortoise-piccolo
...受限,在大规模复杂查询下显得有些吃力。 Piccolo:来自未来的 Prisma 挑战者 这是一个 GitHub Stars 不算多(约 1.9k),但设计极其惊艳的小众精品。 有点像 TypeScript 生态的 Prisma 和 drizzle 那种感觉。 **核心哲学:** 现代、轻量、类型安全优先。 **杀手锏:** 极具现代感的链式语法和**自带的 Piccolo Admin**。 ...
StarBloghttps://blog.deali.cn/blog/tailwindcss-component-libraries-review
...型。 PS: 事实上基于 Tailwind CSS 的组件库多如牛毛,本文只是选择了其中几个来测试,欢迎补充~ 横评维度 在进入具体库之前,先定几个参考维度: **开发体验**:TypeScript 支持、定制化难度、文档质量。 **组件覆盖**:数量多不多,能不能覆盖常见场景。 **可访问性(a11y)**:是否遵循 ARIA 标准,是否适合无障碍场景。 **主题与风格**:能不能...
StarBloghttps://blog.deali.cn/blog/nextjs-routing-config-options
... title: 'My Page', description: 'This is my page description', keywords: ['next.js', 'react', 'typescript'], openGraph: { title: 'My Page', description: 'This is my page description', }, } ...
StarBloghttps://blog.deali.cn/blog/webstorm-to-vscode
...完成的,因此,vscode 对我来说是既熟悉又陌生,经常使用,但不是主力开发工具,在此之前并没有深入研究过。 本文记录我在使用 VSCode 开发前端项目的经历,主要是 Next.js 项目,使用 TypeScript 。 插件方面,跟前端开发有关有以下几个: Babel JavaScript ESLint Live Preview Live Server open in browser -...