- 博客(82)
- 收藏
- 关注
RSS订阅原创 uniapp实现的简约美观个人中心页面（仿小红书）
仿小红书的简约美观的个人中心页面，支持滑动切换tab、自动滚动历史浏览位置、计算内容布局以适配不同机型尺寸、完全适配H5和微信小程序（其他小程序请自行测试）
2025-04-03 11:20:37
146
原创 uniapp 实现的下拉菜单组件
采用 uniapp 实现, 是一款具备丝滑折叠、展开动画的下拉菜单，支持 vue2、vue3；适配 web、H5、微信小程序（其他平台小程序未测试过，可自行尝试）
2025-03-20 11:44:07
558
原创 uniapp 实现的步进指示器组件
采用 uniapp 实现的一款步进指示器组件，展示业务步骤进度等内容，对外提供“前进”、“后退”方法，让用户可高度自定义所需交互，适配 web、H5、微信小程序（其他平台小程序未测试过，可自行尝试）
2025-03-13 15:34:37
398
原创 grunt构建工具：scss转css
Grunt 是一个基于 JavaScript 的任务运行工具，通常用于自动化重复性任务，例如代码编译、文件压缩、单元测试等。它通过配置文件 Gruntfile.js 来定义任务和插件。采用Grunt将scss转为css
2025-03-12 10:51:34
1059
原创 electron + vue3 + vite 渲染进程与渲染进程之间的消息端口通信
渲染进程与渲染进程之间的通信有两种：- 通过主进程进行消息转发（通过组合主进程与渲染进程之间的单向、双向通信可以实现，可以自己动手尝试，该篇不讲解）- 通过消息端口进行直接通信该篇主要用示例讲解下单项目内多个窗口的渲染进程之间相互通信的流程（也就是通过消息端口进行通知）
2025-03-10 18:23:24
1103
原创 electron + vue3 + vite 主进程到渲染进程的单向通信
用示例讲解下electron-forge+vue3+vite主进程到渲染进程的单向通信场景
2025-03-07 17:13:41
788
原创 electron + vue3 + vite 渲染进程到主进程的双向通信
以Electron官方文档给出的”渲染进程触发动作，等待主进程返回内容“为例。Electron的双向通信采用ipcMain.handle(electron主进程内部监听)、ipcRenderer.invoke(包装给前端页面)
2025-03-07 12:31:25
1007
原创 electron + vue3 + vite 渲染进程到主进程的单向通信
用示例讲解下Electron-forge + vue3 + vite 渲染进程到主进程的单向通信
2025-03-07 11:29:13
856
原创 Electron-Forge + Vue3 项目初始化
如果你需要开发一个electron应用，你得具备基本的前端开发经验。对于electron相关的知识，建议先了解下基本的窗口操作，比如新建窗口、关闭窗口等简单的操作，这些内容在官方文档都能学到，至于其他的内容，可以在开发过程根据需求翻阅官方文档即可，没必要把时间花在啃文档上。
2025-03-06 17:16:18
409
原创 flex实现常见管理系统自适应布局排版
常用布局为”头部-主体-底部”简单来实现这个布局基本HTML骨架如下所示效果如下：采用CSS，让头部、主体、底部填充整个网页，无论如何缩放都不会出现滚动条效果如下：一般头部和底部都是固定的，当主体内容过多时则会把底部和头部挤到变形，直到内容超出视觉窗口时会形成一个滚动条解决方法：
2025-03-05 15:47:34
594
原创 uniapp vue3实现的一款数字动画调节器件，支持长按、单点操作，提供丝滑的增减动画效果
采用 uniapp-vue3 实现, 是一款数字动画调节器件，支持长按、单点操作，提供丝滑的增减动画效果，支持自定义配置，适配 web、H5、微信小程序（其他平台小程序未测试过，可自行尝试）
2025-02-27 14:18:17
506
原创 uniapp实现的消息无限滚动组件，支持H5、微信小程序
采用 uniapp-vue3 实现, 是一款消息无限滚动组件，适配 web、H5、微信小程序（其他平台小程序未测试过，可自行尝试）
2025-02-27 14:16:00
583
原创 uniapp-vue3 实现, 一款带有丝滑动画效果的单选框组件,支持微信小程序、H5等多端
采用 uniapp-vue3 实现, 是一款带有丝滑动画效果的单选框组件，提供点状、条状的动画过渡效果，支持多项自定义配置，适配 web、H5、微信小程序（其他平台小程序未测试过，可自行尝试）
2025-01-06 15:27:31
618
原创 uniapp实现的数据选择器，支持H5、微信小程序
采用uniapp-vue3实现的数据选择器，支持H5、微信小程序（其他小程序未测试过，可自行尝试）+ 支持本地自定义过滤、远程接口过滤，+ 为了避免弹窗面板超出边界的情况，自动计算弹窗面板安置的位置（在微信小程序，节点信息是页面渲染后才拿得到，所以会有一段位移过程，大神如果更合适的方案，可以自行优化）+ 支持自定义弹窗面板显示内容+ 支持自定义取值字段（默认为options: [{label：'键', value: '值', ....}]格式）
2024-03-29 15:19:14
1280
原创 uniapp实现单选框卡片选择器,支持微信小程序、H5等多端
采用uniapp-vue3实现的一款单选框卡片选择器，纯CSS实现样式和交互，提供丝滑的动画选中效果，支持不同主题配置，适配H5、微信小程序等多端
2024-03-05 11:49:51
885
原创 uniapp实现单选框
采用uniapp-vue3实现的一款单选框组件，提供丝滑的动画选中效果，支持不同主题配置，适配web、H5、微信小程序（其他平台小程序未测试过，可自行尝试）
2024-02-26 21:33:41
1380
原创 wo-gradient-card是一款采用uniapp实现的透明辉光动画卡片
采用uniapp-vue3实现，透明辉光动画卡片，卡片内容包含标签、标题、副标题、图片；支持H5、微信小程序（其他小程序未测试过，可自行尝试）
2024-02-20 17:54:47
715
原创 woRangeSelector是一款范围选择器，可用于时间选择器，段落选择器等应用场景
woRangeSelector是一款采用uniapp-vue3开发的支持H5、微信小程序的范围选择器，可用于时间选择器，段落选择器等应用场景
2024-02-18 14:09:18
376
原创 uniapp-vue3-微信小程序-按钮组wo-btn-group
采用uniapp-vue3实现, 是一款支持高度自定义的按钮组组件，支持H5、微信小程序（其他小程序未测试过，可自行尝试）
2023-10-17 16:01:41
935
原创 uniapp-vue3-微信小程序-标签选择器wo-tag
采用uniapp-vue3实现, 是一款支持高度自定义的标签选择器组件，支持H5、微信小程序（其他小程序未测试过，可自行尝试）
2023-10-13 16:09:50
1035
原创 uniapp-vue3-微信小程序-弹出选择组件wo-pop-selector
wo-pop-selector弹出选择组件采用uniapp-vue3实现, 支持H5、微信小程序（其他小程序未测试过，可自行尝试）
2023-10-09 16:23:38
877
原创 uniapp-vue2-微信小程序-滑块验证组件wo-slider
wo-slider是一款支持高度自定义的滑块验证组件，采用uniapp-vue2编写的滑块验证组件。
2023-08-22 10:56:56
2938
4
原创 滑动验证组件---设置movable-view组件的x属性在微信小程序端失效的问题
频繁设置uniapp的movable-view组件的x属性，在H5端正常，但在微信小程序端则失效。
2023-08-21 10:11:04
840
原创 vue3+element-plus表格默认排序default-sort失效问题
vue3+element-plus表格默认排序default-sort失效问题
2023-08-14 14:37:02
4605
1
原创 问题：不同vue-router版本下，addRoutes的使用问题
注意: vue-router新版本下，router.addRoutes已被废弃；使用 route.addRoute() 代替旧版本下，addRoutes的使用方法// accessRoutes为路由对象数组router.addRoutes(accessRoutes)新版本下，addRoute的使用方法，对路由对象数组进行解构router.addRoute(...accessRoutes)...
2021-02-07 16:58:52
5440
3
原创 Django实现API Token认证机制 --- Django+restframework+JWT
Django 实现 API Token认证机制项目地址：https://github.com/ylpxzx/django_jwt_exampleSession鉴权与Token鉴权的区别传统session认证HTTP协议是无状态的，而session的主要目的就是给无状态的HTTP协议添加状态保持，通常在浏览器作为客户端的情况下比较通用，需要在服务端去保留用户的认证信息或者会话信息。流程：注册账号登录页面输入账号密码提交表单后，发送请求给服务器服务器对账号密码进行验证鉴权，验证鉴权通过后，
2020-05-27 14:20:06
5431
1
原创 Django实现注册登录 --- Django自带认证系统
采用Django实现的注册登录功能项目地址：https://github.com/ylpxzx/Django_Auth主要实现内容参考开通阿里云短信服务：https://help.aliyun.com/document_detail/59210.html开通并审核成功后，可先进入下面链接测试短信服务是否能正常发送https://api.aliyun.com/new?spm=a2c4g.11186623.2.13.4a7919d9RuZfPg#/效果演示登录注册在未登录的
2020-05-24 21:10:11
4807
原创 Django实现注册登录 --- 传统HTTP Basic认证+Session会话
采用Django实现的注册登录功能项目地址：https://github.com/ylpxzx/Login_DjangoAuth主要实现内容效果演示未登录情况下，无法访问需要登录认证的页面点击右上角的“气泡”按钮，未登录情况下，自动跳转到登录页面自动跳转到登录页注册演示填写正确邮箱号后，邮箱将接受到激活信息，点击激活信息，即可登录登录成功演示点击右上角气泡按钮，跳转到气泡页项目实现安装所需库pip install pillowpip install djang
2020-05-24 15:56:18
1651
原创 微信小程序使用Echarts绘制K线图与双曲线图以及实现tab切换
在微信小程序中使用Echarts需要下载相应的文件，可在这下载ec-canvas，该github里也有很多很好的例子，可自行调试学习。本例子的目录结构：微信小程序使用Echarts的步骤在需要引入Echarts的页面的json文件中设置组件按照以上目录结构来理解，就是在index.json文件中设置echarts组件{ "usingComponents": { "e...
2020-05-22 19:00:52
3620
1
原创 Django简单博客实战（八）--- CentOS7+Gunicorn+Nginx部署
CentOS7+Gunicorn+Nginx部署Django步骤gunicron配置保证防火墙关闭保证阿里云服务器的安全组中配置了相应端口号安装gunicronpip install gunicron将gunicron加入INSTALLED_APPS中,并将服务器ip加入ALLOWED_HOSTS中INSTALLED_APPS = [ 'simpleui', 'django.contrib.admin', 'django.contrib.auth',
2020-05-22 18:53:06
446
原创 Django简单博客实战（七）--- 自定义404页面
Django自定义404页面项目地址：https://github.com/ylpxzx/lifeblog步骤DEBUG =True 改为 DEBUG =FalseALLOWED_HOSTS = [] 改为 ALLOWED_HOSTS = [‘*’]，配置静态路径和静态template，在app下编写404错误处理视图def page_not_found(request,exception): return render(request, '404.html')在根url
2020-05-22 18:16:59
397
原创 Django简单博客实战（六）---搜索功能
Django-haystack插件实现项目地址：https://github.com/ylpxzx/lifeblog步骤安装依赖包pip install whoosh,jieba,django-haystack# 尽量采用其他源的pip进行安装，比如pip install -i https://pypi.tuna.tsinghua.edu.cn/simple django-haystack将haystack加入INSTALLED_APPSINSTALLED_APPS = [
2020-05-22 18:14:44
409
原创 Django简单博客实战（五）--- 文章详情页的上下篇
实现上一篇和下一篇项目地址：https://github.com/ylpxzx/lifeblog视图中定义上一篇下一篇逻辑class PostDetailView(DetailView): model = Post template_name = 'detail_post.html' context_object_name = "post" pk_url_kwarg = 'post_id' def get_object(self, queryset=N
2020-05-22 18:07:05
467
原创 Django简单博客实战（四）--- 分页实现
Django实现分页项目地址：https://github.com/ylpxzx/lifeblogDjango自带分页组件实现分页器视图函数views.py中配置from django.shortcuts import render,HttpResponsefrom django.views.generic import Viewfrom .models import Postfrom django.core.paginator import Paginator,EmptyPage,P
2020-05-22 18:00:33
331
原创 Django简单博客实战（四）--- ImageField实现图片上传
ImageField实现图片上传步骤在setting.py中设置图片上传路径（配置media）STATIC_URL = '/static/'MEDIA_URL = '/media/' # 用于指定url路径MEDIA_ROOT = os.path.join(BASE_DIR, 'static', 'media') # 用于指定上传文件的存储路径项目文件结构图：在根url.py中配置如下代码：from django.conf import settingsfrom djang
2020-05-22 17:56:21
2555
2
原创 Django简单博客实战（三）--- 接入富文本编辑ckeditor
Django接入富文本编辑ckeditor后台配置ckeditor安装ckeditorpip install django-ckeditor配置ckeditor2.1 不包含图片上传功能2.1.1 在settings.py中的INSTALLED_APPS添加ckeditor,并配置ckeditor指定数量工具栏INSTALLED_APPS添加ckeditorINSTALLED_APPS = [ 'simpleui', 'django.contrib.admin',
2020-05-22 17:48:31
701
原创 Django简单博客实战（二）--- 配置simpleui，美化后台
Django配置simpleui项目地址：https://github.com/ylpxzx/lifeblog参考https://simpleui.88cto.com/docs/simpleui/QUICK.html#%E5%9B%BE%E6%A0%87步骤安装simpleuipip3 install django-simpleui在settings.py中，将simpleui加入到INSTALLED_APPS中INSTALLED_APPS = [ 'simpleu
2020-05-22 17:44:15
2764
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人