Howdy
theme-lighttheme-dark

A personal blog of Leon.D, front-end developer.
📧 kfd_personal@163.com⚡ Github

Project

Howdyjs 🔸 插件库

⚡Github📖Document💾NPM

个人JS插件库,包含自定义拖拽、滚动条、右键菜单、图片放大等原生JS插件和动画模态框、标签页等Vue3组件或指令。

预览组件

Article

Howdz起始页开发记录

November 21, 2021

Howdz是基于Vue3开发的一个完全自定义配置的浏览器导航起始页,支持按需添加物料组件,可自由编辑组件的位置、大小与功能。支持响应式设计,可自定义随机壁纸、动态壁纸等。项目提供网页在线访问、打包出浏览器插件、打包出桌面应用(Electron)等访问方式。

Vue3实现自定义右键菜单

June 07, 2021

使用Vue3实现自定义鼠标右键菜单,支持二级菜单、自定义样式、回调函数等功能,同时提供封装成Vue指令调用。

Dashboard自定义面板项目介绍

May 29, 2021

基于Vite、Vue3、Typescript开发的个性化的浏览器导航首页面板,支持自定义添加组件,可编辑组件各种属性。响应式设计,可自定义随机壁纸背景图或动态壁纸。

开发OnlineCodeEditor过程的一些记录

March 20, 2021

OnlineCodeEditor是笔者基于Vue3 + Typescript开发的一个类似Codepen的练手开源项目,本文记录一些项目中使用到技术及实现原理等。

使用D3.js将离散的点形成平滑曲线及其应用

August 16, 2020

D3.js内置了几种可以将离散点连成线的算法,但官方并没有提供效果展示,于是编写了一个简单的可以快速看到各种连线算法的效果图的DEMO。同时利用该功能实现的一个简单的曲线自动校正的Canvas画板Demo。

个人组件库展示站点搭建总结

May 01, 2020

打包前自动将Example的Vue文件转为Markdown,自动生成对应展示页面。使用Markdown-loader将README.md文件和代码Markdown文件直接转成Html代码,并使用HighlightJs高亮展示代码

Github Webhooks与Koa2实现简单的前端自动化部署

April 12, 2020

Git仓库配置了Github Webhooks后,在进行Push等事件时,Github会向设定的服务器发送请求,通过监听该请求,然后执行相关脚本文件从而实现简单的自动化构建与部署(服务端使用Koa2接收请求与处理脚本)

浏览器导航首页设计

April 04, 2020

一个浏览器首页站点, 包含可切换的常用搜索引擎搜索功能, 键盘布局添加快捷收藏网站, 并加入键盘按键监听可快速打开, 自定义背景图, 配置同步功能等功能

CSS实现判断鼠标进入方向

March 21, 2020

使用纯CSS判断鼠标进入方向执行不一样的方向动画,与搭配JS实现同时记录进入方向与移出方向

常用NPM全局包记录

March 09, 2020

记录在前端后端开发中用到的全局NPM包及其作用或API,与安装时要注意的地方

考试系统设计总结

December 01, 2018

采用Vue + Laravel + Mysql 架构开发的在线考试系统,包含学生端与教师管理端功能

to-top