- 博客(40)
- 收藏
- 关注
RSS订阅原创 Matrix 矩阵 JavaScript代码生成器
今天写了个Matrix 矩阵 JavaScript代码生成器，其实几年前就用Python的pygame实现过一个Matrix，最近在玩JavaScript canvas，索性使用JavaScript原生代码又撸了一遍，并且做了个代码生成器，方便修改Matrix的一些参数。
2023-06-07 22:09:14
629
转载 css实现漂亮的彩虹渐变文本效果
这段代码的效果是，为 h1 标签设置一个彩虹渐变的背景，并使文本颜色透明，从而实现彩虹渐变的文本效果。同时，还添加了一个阴影效果，赶快试试吧，是不是很好看？这段代码的效果是，为h1标签设置一个彩虹渐变的背景，并使文本颜色透明，从而实现彩虹渐变的文本效果。
2023-05-27 09:51:55
839
原创 Link-Validator 检测网站友情链接的JavaScript脚本
Link-Validator 一个检测对方网站友情链接页面是否添加自己网站链接的JavaScript脚本。
2023-05-08 09:13:45
220
1
原创 使用CSS伪元素制作动感超酷的hover动画
css 有很多神奇的效果都是使用 CSS 伪元素利用视觉差来制作的，以前没怎么深入的研究过 css，这次复习 css 的知识点才恍然大悟，原来 css 这么 cool。
2023-05-07 21:16:27
1470
原创 css链接悬停时滑动的下划线效果
当链接悬停时，a:hover::after 选择器更改 visibility 和 transform 属性，使伪元素变为可见并水平缩放以匹配锚点标记的宽度。为了使动画平滑，a::after 选择器上定义了 transition 属性，以指定动画的持续时间和缓动功能。在提供的代码中，a::after 选择器创建了一个伪元素，该伪元素位于 a 标记后面。该伪元素具有绿色背景颜色和 10％锚的高度。要创建链接悬停时滑动的下划线效果，可以向锚点标记添加伪元素，并使用 CSS 过渡动画来显示它。
2023-05-07 21:02:19
1190
原创 CSS动画animation的简单应用
这个css动画包含了animation的常用属性，仔细观察可以了解到各个属性的含义，修改其属性值，观察盒子模型的动画的变化有助于了解这些属性的含义。要在CSS中创建动画，我们可以使用animation属性。该属性允许我们指定动画的关键帧、持续时间、时间函数、延迟和迭代次数。
2023-05-04 20:28:13
276
原创 浅谈css的过渡效果transition的使用
要创建一个过渡，您需要使用 transition 属性。该属性允许您指定要过渡的 CSS 属性，以及过渡的持续时间、时间函数和延迟。这不是详尽无遗的列表，可能还有其他不能过渡的属性。如果您不确定某个属性是否可以过渡，可以尝试一下，看看是否有效。允许您对 CSS 属性的更改进行动画处理，这对于在网站上创建平滑和视觉上吸引人的效果非常有用。需要注意的是，并非所有属性都可以过渡。一个简单的小栗子，请使用鼠标划过这个盒子。
2023-05-04 14:46:49
354
原创 Vue3+Element Plus环境搭建和一键切换明暗主题的配置
Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 框架。而Element Plus是一款基于Vue3面向设计师和开发者的组件库。
2023-04-30 16:42:52
820
原创 simple_blog 碎言静态博客主题
simple_blog是一款侧重与内容的博客主题并适配移动端。本项目为碎言静态博客主题。主题支持亮色和黑暗主题在线切换。碎言静态博客Gitee碎言静态博客GitHub。
2023-04-20 08:55:37
55
原创 从回调函数到JavaScript异步编程
异步编程是JavaScript中的一个重要概念。为了理解异步编程，首先需要了解同步编程的工作原理。在同步编程中，代码按行执行，每行必须在下一行开始之前完成执行。当处理长时间运行的任务或需要等待外部资源时，这可能会导致性能问题。JavaScript中的异步编程允许非阻塞代码执行，这意味着代码可以在等待长时间运行的任务或外部资源时继续运行。这是通过使用回调函数、Promise和async/await实现的。回调函数是作为参数传递给其他函数并在原始函数完成其任务时执行的函数。
2023-04-16 18:23:48
51
原创 free_blog 碎言静态博客主题
大道至简，返璞归之，这是一款侧重与内容的博客主题 本项目为碎言静态博客主题。 主题支持亮色和黑暗主题在线切换。
2023-04-08 09:57:15
70
原创 程序员的痛苦：颈椎病和肩周炎。
然而，止疼药和非甾体消炎药只是缓解疼痛的临时措施，要想真正保护好自己的颈椎和肩膀，我们需要采取一些长期的康复训练。我采用的是一些颈部和肩部的伸展运动，例如低头、抬头、向左看、向右看等动作，以缓解颈部和肩部的紧张肌肉。此外，我还加入了一些瑜伽练习，例如颈部前屈、后弯、扭转等动作，以加强颈部和肩部的灵活性和稳定性。最后，我想提醒所有程序员兄弟姐妹们，要保护好自己的颈椎和肩膀。长时间保持同一姿势容易导致肌肉疲劳和紧张，从而引起颈椎病和肩周炎。
2023-04-05 20:21:14
174
原创 解决Github Pages自定义域名失效的问题
后来我添加了域名，发现有一条仓库的更新记录：Create CNAME，增加了一个：CNMAE的文件，里边有你的域名，至此我就知道为什么了，因为GitHub自动添加了CNAME，我却没有更新到本地，所以每次更新blog的时候都会删除掉这个CNAME文件，导致域名无法正常解析。最近更新博客的push更新到GitHub的仓库，更新之后总是返现域名莫名的失效了，我也没有动任何配置啊？每次失效的时候我都会发现这里的域名被删掉了，然后我有重新添加，但是我并没有手动删除，为什么会这样？
2023-04-04 21:22:40
491
原创 Pico.css大道至简返璞归真--一个简单轻量化的CSS框架
Pico.css是一个简单轻量化的CSS UI框架，最大的特点是样式都基于HTML原始的标签名和内置的属性，少用甚至是不用class来定义样式，写出来的代码语义清晰，可维护性强，能够帮助开发者构建自己的UI系统，也可以直接用于快速的小型项目中。前几天我打算写一个博客的主题，也就是几个静态页面，我的初衷就是快速实现，不要杀鸡使用牛刀，偶然搜到pico，简单看了下文档，被其漂亮简约的UI，简谱简单的使用方法吸引了，毅然决定使用她。有的时候只是需要一个简单的页面，也要如此重的操作吗？
2023-04-04 16:41:21
485
原创 使用Python开发的静态博客极速部署GitHub
碎言这个名称取自与"碎言片语"，码兄累了吗？累了就休息一下，为未来的自己留下一些碎言片语吧。演示(github)：碎言博客一键切换主题，自动主题。
2023-03-26 09:43:44
167
原创 Vite+Vue3预览打包项目传到GitHub首页空白文件加载报错404的解决办法。
最近写了一个小项目，打算把静态页面部署到GitHub上，使用pages来展示预览，项目其实很简答，使用的是Vite+Vue等一些相关依赖搭建的，使用Vite打包，项目调试完毕觉得没有问题后，就在终端下使用命令打包了。另外build这个属性可以用来设置打包的目录名称，目前GitHub可以吧静态页面存放在项目的docs路径下部署，比较方便，这样我们添加这二个属性到项目根目录下的vite.config.js中就可以了。终端运行打包命令，然后push项目，又可以愉快的打游戏了。
2023-03-19 22:46:57
861
原创 JianCe 简测 基于Vue Naive UI搭建的在线答题应用
JianCe 检测这个小玩意是我为了测试孩子学习情况所编写的小玩意，当然也可以用来检测其他任何类型知识的学习结果的。希望大家喜欢，欢迎提交代码。
2023-03-11 18:15:25
274
原创 从零开始学习Vue3和Naive UI打造一个待办事项应用。
这个简单的待办事项的小项目功能很简答，事项了代办事项的添加、删除、完成、分类显示代办事项中的已完成和未完成事项，额外添加了主题的切换。这个待办事项的小项目还是有很多功能可以添加的，比如编辑项目内容，按照一定的属性排列项目等。能够搭建此项目并编写出项目的代码，我觉得可以算是入门了Vue3了。
2023-02-19 23:22:58
1512
原创 终于找到macOS校正系统时间方法了
因为需要准确的系统时间需要校正macOS的系统时间，试了很多方法都不奏效，最后歪打正着，下边的方法，立即搞定。Homebrew如果没有安装，可以csdn搜索一下安装教程。稍等片刻即可校正系统时间了。
2023-02-17 09:08:32
4132
原创 vue3+Naive UI+fastapi 前后端分离 Pagination 数据分页实战演练
记录一次vue3+Naive UI+fastapi 前后端分离 Pagination 数据分页实战演练的过程。Naive UI 是一个 Vue3 的组件库。FastAPI 是一个用于构建 API 的现代、快速（高性能）的 web 框架，使用 Python 3.6+ 并基于标准的 Python 类型提示。后端目录前端目录这里我只贴一些关键的代码了,文末有代码仓库可以查看完整的代码.
2023-02-14 09:01:06
2050
原创 BabyLog 2.0 基于fastAPI vue3搭建的宝贝记录系统
岁月如风，唯有此忆, 任凭时光匆匆，记录点点滴滴。 当爸爸了，就多陪陪孩子，有事没事的记些东西，不要总把心思放在程序编码上，也多陪陪孩子！记录了那么多条数据，是时候也为孩子回忆做个数据，也许将来某一天你也会翻翻看看，重温那些旧时光和家人一起感慨怀念。
2022-12-29 16:07:58
282
原创 Mini Admin 基于fastapi vue.js casbin的简洁rbac后台管理系统
Mini Admin,一个简洁轻快的后台管理框架.支持拥有多用户组的RBAC管理后台 🚀应用场景：2-5人的管理团队，需要管理的资源数目10个或是更少，如果想有一个简单轻快直接的后台管理，下载下来就可以使用， 不要配置各种运行环境，不要搭建各种服务器端的主机配置，就是想拿来就用！ 那么你就试试咱的MiniAdmin。
2022-12-13 11:32:11
1920
原创 python中路径、文件、文件夹的一些基本操作的记录
with open的好处是，不用再使用close()方法，避免因忘记close()方法产生的错误。f.close()关闭流，如果是写入文件，不关闭流，可能会造成写入失败或是内容丢失。再读取就需要转换成对应的容器，这里用eval(s)函数方法，效果还是比较不错的。rb+ 以二进制读写模式打开 (参见 r+ )wb+ 以二进制读写模式打开 (参见 w+ )ab+ 以二进制读写模式打开 (参见 a+ )w+ 以读写模式打开 (参见 w )a+ 以读写模式打开 (参见 a )
2022-12-02 20:11:12
338
原创 vue3前端打包集成到后端fastAPI的uvicorn服务器
最近有个非常小的web项目是用的vue3+fastapi前后端分离构建的,因为想在服务器上使用fastapi的uvicorn服务器快速启动,所以需要把前端的vue3打包集成到后端,所以就有了一下这些操作,记录下来分享与大家,共勉.新建一个项目目录,机构如下:先安装依赖:然后在fastapi目录中创建main.py的入口文件.运行该文件,可以看到fastapi的后端环境搭建完毕.在项目的根目录的终端下输入:起好目录的名字:vue3,然后一路回车即可.一切正常的话,就会看到前端的vue3的欢迎界面了.
2022-12-02 09:19:41
1891
5
原创 聊聊Python中的装饰器
在很多程序框架中曾经使用过@route、@app、@time等这种格式的语法，有些用在了定义视图的函数上，类似一种拦截器用来控制当前视图的访问权限。
2022-11-24 21:10:39
79
原创 vue3+Ant Design Vue+fastapi 前后端分离 Pagination 数据分页实战演练
数据分页在项目中的使用频率是非常高的,但是对于新手来说是一个难点和痛点,这里我记录一次数据分页从环境搭建到最后页面的渲染的过程,对于新手可以用来参考,大佬勿喷高抬贵手.
2022-11-18 09:16:00
1932
原创 Python数据库ORM框架SQLALchemy操作数据库简单封装表关系(一对一、一对多、多对多)增删改查crud工具
SQLALchemy是python下操作数据库的工具包,是一个数据库ORM(对象关系映射)框架,使用SQLALchemy可以极大的简化对数据库和数据的操作,使用ORM管理数据更直观方便.这里我记录一次关于sqlalchemy使用的简单实践,包括了创建数据库连接、定义模型、表关系(一对一、一对多、多对多)增删改查、crud工具,最后使用了pytest进行了一些测试.
2022-11-15 10:55:53
1350
原创 React学习:05 React组件之间如何传递数据
至此,React组件之间如何传递数据,聪明的你一定了解了大概了.react数据流是定义成从上到下传递的,也就是父组件定义要是用的数据和方法,传递给子组件展示渲染,子组件的控制事件,依然在父组件中,说白了就是数据都在父组件那里控制,变量和方法,只是借给子组件而已.使用react组件的时候我们经常会把一些常用的组件组合到一起,定义成一个新的组件,一般前端页面会有一个父组件,这个组件中定义了当前页面中所需的变量,如何把这些变量传递给子组件呢?的值,这样就可在页面的渲染中看到实际效果了.定义了一个按钮组件,
2022-11-09 09:01:08
875
原创 前端react axios 发送post请求fastapi响应报错422 (Unprocessable Entity)
也有小伙伴会出现发送接送数据出现422,如果你理解了数据不对应的错误原理,那么你就应该分析道,你的json数据是什么格式的?很多时候到这里我们就开始搜索百度、csdn等寻找答案,大多都说是header设置有问题格式不对等等,后来我查寻了官方的文档,发现这个错误其实解决起来很简单的,只要。好像明白了哪里出问题,后端没定义接收数据的类型.因为前端发来的是一个str,我们修改一下后的s的类型试试.,前后端的数据类型一致就可以了,不用什么header设置,不用改这改那的就可以完美解决422的错误问题.
2022-11-07 09:59:03
18700
原创 User-OAuth2-Login是react+fastapi前后端分离OAuth2权限验证的用户登陆案例
User-OAuth2-Login是react+fastapi前后端分离OAuth2权限验证的用户登陆案例.后端采用fastapi创建的OpenAPI接口,后端通过OAuth2的token来验证前端的登陆请求.接口处使用python的装饰器来设定那些接口需要登陆才能访问.前端采用React+Material UI布局,通过Axios访问接口获得数据和权限验证.效果截图: fastapi以及与其相关的的安全组件库: ,,等.React,Axios,Material UI,,等.通过这个例子,可以初步的打通
2022-10-30 09:25:22
670
原创 Python权限管理框架Casbin PyCasbin的简单操作
Casbin 是一个强大和高效的开放源码访问控制库，它支持各种 访问控制模型 以强制全面执行授权。大多数应用都会和权限与权限管理打交道,有的时候我们希望有一套拿来即用的权限管理框架,既可以在小型的个人应用中使用,又可以应付大型应用的复杂权限的管理,Casbin可以满足你的这个小小愿望.Casbin支持多种编程语言,今天我们来试试Casbin在python下的简单操作.
2022-10-27 19:39:50
2580
原创 如何打包Python程序或模块包到PyPi供其他人使用pip下载？
在学习和编写Python代码的过程中我们经常会用到pip来安装一些其他包，用pip下载很方便的，那么如果我们自己写了Python的代码包，如何能让别人也试用pip来进行安装呢？真巧，我这几天就打包了一个自己写的程序发布到了pypi.org，写个上传记录供大家参考。
2022-10-23 22:55:25
338
原创 React学习: 04 react-router-dom v6 react的路由简单实例
前端和路由打交道几乎是不可避免的,react下的路由包整合到了react-router-dom中,下载安装react-router-dom v6 就包含了路由操作的基本库类了.
2022-10-11 09:40:16
491
原创 React学习: 03 Hook的理解和简单实例
上边的函数定义了一个变量和一个可以更新count变量的函数,而Effect是它能在函数组件中执行副作用，并且它与 class 中的生命周期函数极为类似。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。react的官方加入Hook主要是推荐大家使用函数式的组件,但官方表明并不会抛弃class组件,就我个人来说,我更喜欢class的组件.Hook其实就是方便操作使用state,还有就是组件挂载和卸载是可以进行一些操作.函数组件相对来说更短小精干,也更直观些.
2022-10-09 12:40:50
223
原创 利用Python自动生成小学生加减乘除口算考试题卷
孩子上小学一年级了，加减乘除的口算就要开始练习了，估计老师肯定会让家长出题，所以提前准备一下，利用Python开发了一套自动生成小学生口算题的小应用。而且今天是程序员节，撸200行代码庆祝一下。：）为了让程序员老爹解放抄题的双手，让你拥有更多的时间去写代码而不用去手写几道口算题而伤神伤脑。所以有没有娃子的程序员爹爹加入一起来继续优化个开源小程序的？有什么点子，发现什么BUG，欢迎留言。仅以此软件，献给那些热爱Python的程序员老爹们！
2022-10-07 18:08:16
3004
原创 React学习: 01 创建React应用和安装Material-UI
不过首次首次运行会加载一些相关的包,可能会慢些,建议换成淘宝的镜像.macOS系统下先安装Node.js,否则无法进行一下的操作,如果要切换到taobao源，执行命令。就会发现创建及下载资源的速度很快了.代码中加入一个按钮测试。在app.js中引入。
2022-09-29 19:43:31
970
react+fastapi前后端分离OAuth2权限验证的用户登陆案例
2022-10-30
React + React Route + Material-UI实现的简单实例
2022-10-11
TA创建的收藏夹 TA关注的收藏夹
TA关注的人