搜索结果:React

为您精心筛选出最相关的优质内容

找到 36 篇相关文章
显示 36 个搜索结果
Asp-Net-Core开发笔记 0%

Asp-Net-Core开发笔记:集成Hangfire实现异步任务队列和定时任务

...一步需要 `JobActivator` 的子类 来写一个,我把它放在 `Infrastructure` 目录下 ```c# using Hangfire; public class HangfireActivator : JobActivator { private readonly IServiceProvider _serviceProvider; public Hangfire...
Django 0%

Django+Taro项目实现企业微信登录

...个页面的最下方「开发者接口」处,把前端应用部署所在的服务器域名和端口(80就不用)填上去就行~ 这样应用配置就好了 ## 前端代码 前端用的是京东开源的Taro框架,我前一篇文章写到我终于用上了React,说的就是在Taro开发里用React+TypeScript,开发体验非常好 ~~(除了这个框架有一些让人无语的坑之外)~~ 前端要实现的就是从路径参数里取出code 我们看到,Taro官方文档就...
Django 0%

DjangoAdmin使用合集

...但仍然有大量的骚操作是文档中没有的,所以遇到特殊需求的时候,求助文档不一定有用。 在我看来 DjangoAdmin 虽然能快速生成一套管理后台,但如果要做大量特殊需求的定制,其成本不亚于用 Vue/React 重新开发一套,简单的使用成本不高,但深入定制的话需要对 DjangoAdmin 的工作流程比较熟悉,把源码啃熟了(有些 Python 源码没有类型注解是很难读懂的),才能在原有基础上雕花,有时候还存...
Django 0%

Django统一包装接口返回数据格式

...。 由于前段时间我写了不少.NetCore的后端代码,对CRUD的接口开发又有了一些新的理解,所以肯定也要把DjangoStarter改造一番,改得更加顺手~ > 题外话:话说我在前端终于真正用上react,不得不说 ts + react 真好用,「前端带师」的安利可真不错啊(妙啊 ## 正题 准确来讲是搭配`DjangoRestFramework`来实现的,核心代码分为两部分,一个是错误处理包装,...
项目开发小结系列 0%

项目完成小结-11月新项目-诊所项目

...组件库,前一个项目本来用着Taroify,不过用了一半项目还没做完,Taroify的作者就跑路不维护了~ 虽然但是,还是能用,把旧项目的一些代码复用一下,也不是不行。 总体的开发体验就是很一般,虽说React写前端舒服多了,但组件库实在是拉胯… 如果下个项目依然要用Taro的话,估计得试试新出的NutUI-React了。 说回正题,这次我从Web开发、部署这几方面对这个项目做个小总结。 ## 后端 ...
Flutter 0%

使用Flutter设计一个好看的_我_页面

...是不如原生,很难做到像原生一样的丝滑。不过这flutter搭界面是真的快,而且中文社区很活跃,在国内由于几个大厂的牵头,关注度很高,基本crud的这种场景,flutter毫无压力的胜任,而且还能获得比react native或者uniapp更高的性能和更好的用户体验。唯一的遗憾就是没法做微信小程序了… 这个OneCat App在这么长时间的开发和测试中,一直有各种小问题出现,总有地方不尽如人意,搞得我一度...
Flutter 0%

初见Flutter!框架简单介绍以及构建可发布的签名Apk包

...触的时候,有一点点点不习惯,因为flutter用的是响应式编程,不像我们平时用的超级熟练的MVC,所以一开始会有点疑惑,不过只要跟着官网的教程走,自己写完几个小demo就基本能入门了,这响应式编程很像react(反正我没用过,做前端的大佬说很像)。 然后dart语言的话,怎么说嘞,感觉是一种Java/JavaScript的混合体,据说本来是想开发出来替代js地位的....很多写法真的和js很像,例如单线程+...
Web前端 0%

React + TypeScript + Taro前端开发小结

## 前言 项目到一段落,先来记录一下,本文以前端新手的角度记录React、TypeScript、Taro相关技术的开发体验以及遇到的问题和解决方法。 之前总说要学React(这篇博客:[代码使我头疼之React初学习](https://www.cnblogs.com/deali/p/15734534.html)),这次项目需要做H5前端+小程序,我终于能用上React了~ 使用React的开发框架之...
Web前端 0%

Vue2.x项目整合ExceptionLess监控

...考资料 - 【实践总结】优雅的处理vue项目异常:https://juejin.cn/post/6844903860121632782 - Vue3 对比 Vue2.x 差异性、注意点、整体梳理,与React hook比又如何:https://juejin.cn/post/6892295955844956167#heading-21
Web前端 0%

代码使我头疼之React初学习

## 前言 开始了,去年(2020)说要学的React,到现在2021年的12月底了,才来实施……(**年底警告**!~~年末总结还没开始写!~~) 不过前端为啥要学React呢?Vue不是很好用吗?Vue确实很好用,并且MVVM模式也更容易让人接受和理解,但大概是各种社区上都说react yyds啦,react一统江山啦什么的,加上我之前学Flutter做了很多项目,对声明式UI的思想已经基本掌握了,...
杂七杂八 0%

喆大师写给前端的一些建议

...版本语法兼容,统称新版,现在好像出5.0了吧 * 1.0不用npm构建,2.0开始需要 * 2.0开始使用typescript作为亲儿子,需要再学习TS * 总结:功能强大,但学习成本也很大 ## React * 一个十分灵活的轻量级框架,由FaceBook操刀 * JSX,虚拟DOM,组件化思想的开拓者 * 有句话这么说,在react中一切皆JS,使用JSX代替HTML,CSS也写在js中 * 由于什...
StarBlog博客开发笔记 0%

StarBlog博客开发笔记(1):项目介绍

...这个高性能的web框架,觉得挺好用的,造轮子不能用太简单的工具来造,不然就失去挑战性也学不到太多新东西了… 于是就确定是AspNetCore了 前端选择之前用过的vue,前端技术栈除了不久前学了一点React之外就没怎么更新,所以先凑合一下快速实现,后面再考虑用blazor或者flutter之类好玩的新技术来重构~ 所以很明确了 - 后端:C# + AspNetCore - ORM:FreeSQL -...
StarBlog博客开发笔记 0%

StarBlog博客开发笔记(17):自动下载文章里的外部图片

...非常不满(使用Vue2+ElementUI开发),用户体验极差,所以我同时在构思用何种技术对管理后台前端项目进行重构,目前有几个备选项: - **blazor**(使用C#开发前端,很酷) - **react**(相对其他的来说,我最喜欢的前端技术栈) - 仍然**vue**,但重写现有架构(工作量较小) 还没拿定主意,在重构完成之前,只能先捏着鼻子用现有的管理后台,同时大概率也不会在现有的前端项目中增...
StarBlog前端开发-Vue 0%

StarBlog博客开发笔记:前端开发(1)准备篇

...n Yarn 是 Facebook 发布的 node.js 包管理器,比 npm 更快、更高效,可以使用 Yarn 替代 npm。 关于 yarn 我在之前的这篇博客里有提到: [代码使我头疼之 React 初学习](https://www.cnblogs.com/deali/p/15734534.html) 安装命令 ```bash npm install -g yarn ``` 设置国内镜像,...
StarBlog前端开发-Vue 0%

StarBlog博客开发笔记:前端开发(4)之FontAwesome图标

...用这些图标。 - **专业版(Pro)**:这是付费版,提供更多高级图标和功能,如动画图标、额外的图标样式(例如品牌图标)。专业版需要通过购买授权才能使用。 > PS: 现在开发前端项目时,虽然有 react-icons 之类大而全的图标库,不过我还是会把 Font Awesome 作为一个选项,用习惯了,量大管饱 ## 安装 Font Awesome 提供了多种使用方式,最常见的是通过 **CDN(...
StarBlog前端开发-Vue 0%

StarBlog博客开发笔记:前端相关

...onents.html - Vue官方文档 事件处理:https://cn.vuejs.org/v2/guide/events.html - Vue3 对比 Vue2.x 差异性、注意点、整体梳理,与React hook比又如何:https://juejin.cn/post/6892295955844956167#heading-21 - Bootstrap官方图标库:https://icons.getbo...
2020 0%

我的2020回顾——技术篇

...恐怖。 后面在网上逛了下发现有个叫Taro的小程序框架也还不错,不过我还没用上,有机会可以看看。 ![](8869373-2299432506f726d1.webp) 年底在大师的安利下开始入坑React,真不错,有Flutter的基础学React简直不要太容易,响应式的界面开发真不戳,现在就差一个好用点的样式框架来搭配使用,接下来继续关注趴~ 哦对了,还有vue,双向绑定很适合做管理后台这种需要大...
项目开发小结系列 0%

项目完成小结:使用Blazor和gRPC开发大模型客户端

...上也有一堆开源的 ChatGPT 前端,但我看了一圈,并没有找到便于二次开发定制的,再一想,这么简单的功能,自己做就好啦,何必去 GitHub copy 呢? 那么就直接开始吧~ 一开始我打算用 React 来做前端,然后使用 websocket 或者 eventsource 来实现聊天的打字机效果,但转念一想,不是有 Blazor Server 吗,这东西本来就和服务器建立了长链接,根本不需要折腾,于...
Web前端 0%

在HTML中引入React和JSX

## 前言 Vue 可以非常方便地与 Pure HTML 结合,代替 jQuery 的功能,有一次遇到类似的场景时,我就想 React 能不能也以这种方式接入 HTML 网页,从而提高开发效率。 结果当然是可以的,只不过在 HTML 里直接 JSX 似乎会降低一些性能… 凑合用吧 ## 引入依赖 要在 Pure HTML 里使用 React 和 JSX,需要以下依赖 - react - react...
Web前端 0%

在TypeScript项目中搭配Axios封装后端接口调用

... 的时候已经做了一次封装,不过那时是 JavaScript ,跟 TypeScript 还是有些区别的。 另外我在跟着 next.js 文档开发的时候,注意到官方文档推荐使用 `@tanstack/react-query` 来封装请求类的操作,浅看了一下文档之后感觉很不错,接下来我会在项目里实践。 ## 定义配置 先创建一个 global 配置,`src/utilities/global.ts` `...
Web前端 0%

NextJs 与 Tailwind 入门开发笔记

...布了; > > Next.js 的学习和开发才刚刚开始,后续还有很多需要研究和记录的,本文也许会成为一个新系列? ## 关于 Next.js 以下是官方的介绍: > Next.js is a React framework for building full-stack web applications. You use React Components to build user interfac...
IDE 0%

从 WebStorm 转到 VSCode!使用一周体验报告

...: - Babel JavaScript - ESLint - Live Preview - Live Server - open in browser - Path Intellisense - React Native Tools - Tailwind CSS IntelliSense 实际上用得上估计就 `Live Server` 和最后那个 `Tailwind CSS IntelliSense`...
DevOps 0%

重启sentry+升级ExceptionLess版本,docker排坑记录

...直拉不下来 ### 主要组件⚙️ Sentry 的本体是基于 Django 开发的,Python 的灵活性和生态系统中的丰富库使其成为开发复杂应用程序如 Sentry 的一个理想选择,前端页面是 React 开发的。 整个 sentry 还是比较复杂的,当前版本跑起来之后有28个容器,对服务器的性能有一定要求。 主要🈶️这些组件: - ClickHouse: 一个高性能的列式数据库,专门用于处理...
DjangoStarter 0%

新版的Django Docker部署方案,多阶段构建、自动处理前端依赖

...成了 swag 容器一把梭,所以必须得用在 compose 里加一个 web 服务器,既然如此,就还是继续 nginx 吧,用得比较熟了。关于这个问题,之前这篇文章([项目完成小结 - Django-React-Docker-Swag部署配置](https://www.cnblogs.com/deali/p/16961771.html))也有讨论到。 #### image name 这次 build 出...
Django 0%

使用Django-Channels实现websocket通信+大模型对话

...态的应用。 ## 使用场景 先介绍下使用场景 这个 demo 项目的后端使用 StarAI 和 LangChain 调用 LLM 获取回答,然后通过 WebSocket 与前端通信,前端我选了 React + Tailwind ## 安装 以 DjangoStarter 项目为例(使用 pdm 作为包管理器) ```bash pdm add channels[daphne] ``` 然后修改 ...
Desktop 0%

PC软件开发新体验!用 Blazor Hybrid 打造简洁高效的视频处理工具

...能都已经足够了,正好给web技术上桌面提供了条件。 而 Blazor 对于 C# 开发人员的优势是不需要学习各种 JavaScript 框架就可以开发交互式的 web 应用;虽然我做过不少前端项目,React也用得比较熟了,不过 Blazor Hybrid 还有一个优势是可以直接使用 C# 调用系统功能,Blazor Hybrid 一方面是运行在浏览器中,一方面又是直接在操作系统层面运行,C# 代码可以不...
Web前端 0%

返璞归真!使用 Alpine.js 开发交互式 web 应用,抛弃 node_modules 和 webpack 吧!

...些交互,老一点的项目会选择 jQuery,不过现在都停止维护了,我自然不可能选择这个;我用的比较多的是在页面里引入 vue.js 来做简单的交互,可以在一定程度上代替 jQuery,后面甚至还引入了 react,直接写 jsx,不过没有 webpack,直接引入 babel 来渲染,性能有点差。 参考:在 HTML 中引入 React 和 JSX 传统的前端框架如 React、Vue.js 和 Angu...
StarBlog博客开发笔记 0%

基于.NetCore开发博客项目 StarBlog - (32) 第一期完结

...各位同学如果有好的建议也可以留言讨论一下~ ### 博客前台重构 - 使用 Next.js 重构 - 使用 nodejs 技术栈的 markdown 解析 ### 管理后台重构 - 使用基于 react 的技术栈重构 ### 新的访问统计功能 - 地理信息可视化 - 搜索引擎收录分析 - 反爬虫功能 - 文章阅读量统计 ### 文章编辑功能 - 使用新的 markdown 编辑器(最好像 w...
DevOps 0%

单点认证(SSO)方案调研总结

...: - Node.js 14.19.3, Nest.js 6.7.2 - Java8、Java11, Spring-Boot 2.5.15 - Golang 1.21, Gin 1.9.1 前端:React.js 16.13.1 #### 百度智能云 IDaaS https://cloud.baidu.com/doc/IDaaS/index.html 百度智能云身份管理服务(Identity as...
StarBlog番外 0%

StarBlog 番外篇 (3) StarBlog Publisher,跨平台一键发布,DeepSeek加持的文章创作神器

...栈 - **UI 框架**:Avalonia 11.2.1 - **开发语言**:C# (.NET 8.0) - **MVVM 框架**:CommunityToolkit.Mvvm 8.2.1 + ReactiveUI 19.5.41 - **Markdown 处理**:Markdig 0.40.0 + Markdown.Avalonia 11.0.3 - **HTTP 客户端**:Refit 8.0.0...
Web前端 0%

视频中台解决方案:组织树组件+多路视频直播界面开发

...> { console.error('获取直播地址失败:', err); alert('获取直播地址失败,请重试'); }); ``` ### 纯 Alpine.js 的树组件实现 使用 react/vue 时,应该有比较多可选的树组件 不过纯 js 的树组件就都是纯一坨,根本没有能用的! 在一番尝试之后,我决定使用 Alpine.js 自己写一个! 效果在前面的截图里也有了,可以实现树节...
DjangoStarter 0%

使用django-crispy-forms美化表单UI

...目前中台项目也只用到了这个 搭配 `django-select2` 可以实现下拉搜索框 不过样式不好改,我折腾了一段时间也没改好,索性先不理了,反正就是一个快速实现的 DEMO 后续有需求再用 React 重写页面就行了 ## 小结 我发现 Django 相关的技术还算是比较小众的 一般写这种文章就没什么人看 我做 Django 也好几年的时间了,框架源码看了,脚手架也搞了,用得非常顺手 虽...
Web前端 0%

在Next.js中集成swagger文档

...`` ### 创建 Swagger UI Component 这个可以生成 swagger 的界面 有多种工具能实现这个功能 next-swagger-doc 用的是 [swagger-ui-react](https://www.npmjs.com/package/swagger-ui-react) ```bash bun i swagger-ui-react ``` 我这里先跟着配置一下,等会...
2025 0%

AI时代的全栈框架:独立开发者的机会与挑战

... 不需要切换上下文,也不需要在不同的工具之间切换,这意味着开发成本更低。 - 可以更好地理解产品的整个堆栈,这意味着可以更好地设计和实现产品。 以前个人开发一个 SaaS 要啃掉整套 Java + React + 部署,现在可能一个 Next.js + AI 就能跑起来 现在各种开源框架、技术层出不穷,常有人调侃程序员一直在革自己的命。😄 其实换个角度想一下,这正是最适合独立开发者的时代,开发成本不...
AspNetCore 0%

Blazor全栈是个陷阱

...� 之前大家总说前端更新得太快,学不动了 但前端变来变去,还是那些东西,无非就是 JavaScript 和 CSS 但前端变来变去,还是那些东西,无非就是 JavaScript 和 CSS。 React 这样的框架,JSX 完全就是在写 JavaScript。 Tailwind CSS 归根到底还是 CSS。 而 Blazor 就不一样了 —— 它的生态和写法会直接跟着 .NET 版本走,每次 ...
Web前端 0%

Next.js路由段配置选项笔记

...data = { title: 'My Page', description: 'This is my page description', keywords: ['next.js', 'react', 'typescript'], openGraph: { title: 'My Page', description: 'This is my page description...