Loading

随笔分类 -  Web前端

摘要:前言 最近一直在使用 DjangoStarter 开发各种小项目,之前我是比较喜欢前后端分离的,后端用 Ninja API,前端 nextjs,开发起来也挺舒服的,交互体验也比较好。 不过我在网上冲浪的时候也了解到有 htmx 和 alpine.js 这些和 Django 很搭配的轻量级前端开发库, 阅读全文
posted @ 2024-11-21 22:06 程序设计实验室 阅读(413) 评论(0) 推荐(3) 编辑
摘要:前言 本来是想发 next.js 开发笔记的,结果发现里面涉及了太多东西,还是拆分出来发吧~ 本文记录一下在 TypeScript 项目里封装 axios 的过程,之前在开发 StarBlog-Admin 的时候已经做了一次封装,不过那时是 JavaScript ,跟 TypeScript 还是有些 阅读全文
posted @ 2024-01-24 11:48 程序设计实验室 阅读(589) 评论(0) 推荐(1) 编辑
摘要:前言 我的StarBlog博客目前使用 editor.md 组件在前端渲染markdown文章,但这个组件自动生成的ToC(内容目录)不是很美观,我之前魔改过一个树形组件 BootStrap-TreeView,所以就想要用这个树形组件来展示ToC。 原本的效果是这样的 我魔改完的效果 先分析一波 首 阅读全文
posted @ 2022-10-20 14:58 程序设计实验室 阅读(669) 评论(0) 推荐(1) 编辑
摘要:前言 之前在这篇文章 基于.NetCore开发博客项目 StarBlog - (8) 分类层级结构展示 中说到,我为了让文章分类列表支持层级结构,用了一个树形组件,不过这个组件太老了,使用的Bootstrap版本居然是3.x的,但又找不到更好的,只能硬着头皮用。 但实际效果有很多我不满意的,感谢开源 阅读全文
posted @ 2022-05-27 23:18 程序设计实验室 阅读(778) 评论(0) 推荐(1) 编辑
摘要:前言 项目到一段落,先来记录一下,本文以前端新手的角度记录React、TypeScript、Taro相关技术的开发体验以及遇到的问题和解决方法。 之前总说要学React(这篇博客:代码使我头疼之React初学习),这次项目需要做H5前端+小程序,我终于能用上React了~ 使用React的开发框架之 阅读全文
posted @ 2022-04-14 18:07 程序设计实验室 阅读(1147) 评论(0) 推荐(2) 编辑
摘要:前言 还是最近在做的一个小项目,后端用的是Django搭配RestFramework做接口,前端第一次尝试用京东开源的Taro框架来做多端(目前需要做用于企业微信的H5端和微信小程序) 本文记录一下企业微信登录的流程,上周看文档看得头晕晕的,其实很简单,封装好了就几行代码的事~ 两种方式 一种是先拼 阅读全文
posted @ 2022-04-06 23:06 程序设计实验室 阅读(1548) 评论(0) 推荐(2) 编辑
摘要:前言 一直以来我们都是用Sentry做项目监控,不过前段时间我们的Sentry坏掉了~~(我搞坏的)~~ 但监控又是很有必要的,在sentry修好之前,我想先寻找一个临时的替代方案,同时发现网上关于ExceptionLess的资料少得可怜,ExceptionLess官方的文档也不是很完善,翻了好久文 阅读全文
posted @ 2022-03-23 17:57 程序设计实验室 阅读(84) 评论(0) 推荐(0) 编辑
摘要:前言 开始了,去年(2020)说要学的React,到现在2021年的12月底了,才来实施……(年底警告!年末总结还没开始写!) 不过前端为啥要学React呢?Vue不是很好用吗?Vue确实很好用,并且MVVM模式也更容易让人接受和理解,但大概是各种社区上都说react yyds啦,react一统江山 阅读全文
posted @ 2021-12-26 23:08 程序设计实验室 阅读(426) 评论(0) 推荐(0) 编辑
摘要:前言 最近工作中做了几个数据可视化大屏项目,其中也有用到了词云展示,以前做词云都是用python库来生成图片显示的,这次用了纯前端的实现~~(Ctrl+V真好用)~~,同时顺手做个微博热搜的词云然后记录一下~ 依赖 echarts 4.x echarts-wordcloud 1.1.3 tips:e 阅读全文
posted @ 2021-11-13 23:10 程序设计实验室 阅读(2180) 评论(0) 推荐(1) 编辑
摘要:坑 一开始在Google搜索了一番,找到了用jQuery的方案,代码量很少,看起来很美好很不错,结果,根本没用…… 我反复试了这几个版本: var e = $.Event('keyup') e.keyCode = 49 $('#btn').trigger(e) // 就是把 keycode 换成 w 阅读全文
posted @ 2021-03-12 17:21 程序设计实验室 阅读(856) 评论(0) 推荐(0) 编辑
摘要:前言 跨域限制可以保证安全,但是调试的时候关掉会更方便,然而现在网络上能找到的关闭跨域限制方法,在新版的Chrome浏览器上根本没用…… 经过一番摸索,发现用旧版的Chrome就可以绕过跨域限制,刚好我做的这个需要跨域内嵌frame的网页只是单纯展示的,所以这个正好符合我的需求,奥利给! 然后我找到 阅读全文
posted @ 2021-03-07 22:02 程序设计实验室 阅读(414) 评论(0) 推荐(0) 编辑