五月 16, 2020Vue3上手, 使用vite实现一个简单的Todolist应用Git仓库:https://github.com/leon-kfd/TodoListVitePratice在线Demo:https://kongfandong.cn/todoViteViteisanopinionatedwebdevbuildtoolthatservesyourcodevianati
五月 5, 2020断点续传与个人网盘系统的前后端设计功能设计登录鉴权:进入系统必须先登录,未登录无法访问到后端接口与网盘的静态资源上传:断点续传、文件秒传文件分享:生成一个随机密钥字符串与一个资源访问地址,输入密钥验证成功即可访问到该资源,密钥会在一定时间内过期回收站:删除后的文件默认先保留在回收站,7天后自动删除文件操作:新建文件夹、重命名、移动、
五月 1, 2020个人组件库展示站点搭建总结在线预览个人组件库:Howdy目录Markdown-loader将Vue文件转为Markdown路由生成优化关于部署Markdown-loader使用Markdown-loader可以将markdown文件转为Html代码,直接在vue.config.js中加入webpack相关配置。并且使用Hig
四月 12, 2020Github Webhooks与Koa2实现简单的前端自动化部署前言因为博客使用Gatsbyjs进行搭建,Markdown文章写完之后会打包成静态HTML文件,文章是存在项目文件中并非数据库中,所以每次进行博客文章更新后,都需要重新进行打包构建。在进行gitpush后,我需要连到云服务器中,然后进入项目目录,执行gitpull/npmrunclean/npmru
四月 4, 2020浏览器导航首页设计2021/11/01更新:以下内容为旧版网站的记录,站点地址已更新为Howdz起始页项目地址一个浏览器首页站点,包含可切换的常用搜索引擎搜索功能,键盘布局添加快捷收藏网站,并加入键盘按键监听可快速打开,自定义背景图,配置同步功能等功能系统半成品已部署与线上,在线访问:https://howdz.xy
三月 21, 2020CSS实现判断鼠标进入方向使用纯CSS判断鼠标进入方向执行不一样的方向动画,或搭配JS实现同时记录进入方向与移出方向目录纯CSS实现Clip-pathTransformJS实现Demo展示判断方向算法移入方向判断移出方向判断总结纯CSS实现实现纯CSS判断鼠标进入方向,主要是先通过将DIV以对角线切割为4个部分,然后即可为这
一月 30, 2019简易电商系统开发记录(Nuxtjs+Koa)使用Nuxtjs+Koa+Mysql实现的极简风格电商系统,此为个人大学课余期间(2018)的练手项目,部分功能未完全实现。DEMO系统在线预览地址:http://eidea.kongfandong.cn系统功能✅登录注销✅首页商品轮播✅首页商品推荐✅商品分类搜索✅商品详情✅购物车增删改✅商品收藏✅
十二月 1, 2018考试系统设计总结该系统成品已部署与线上,在线访问:ExamSystem系统线上环境部分功能已锁定学生端登录测试账号1:user1密码:7gzt9i0lkh测试账号2:user2密码:lyufmklxy教师端登录测试账号:admin1密码:qrmeke4p75该系统为本人毕业设计,由于时间仓促,部分功能设计不太优雅,