自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

前端全栈干货分享|小程序|Vue3|CSS 动效|工程化|项目实战

专注前端全栈技术分享,涵盖微信小程序、Vue3、JavaScript、CSS 动效、工程化配置、接口封装与 Nginx 部署等内容。持续输出可直接复用的源码、实战技巧、避坑经验与项目案例

  • 博客(90)
  • 资源 (2)
  • 收藏
  • 关注

原创 微信小程序版「死了么APP」,它来了

【摘要】一款名为"死了么"的微信小程序近日引发关注,专为独居人士设计安全守护功能。用户每日签到确认安全状态,若超过预设时间未操作(如48小时),系统将自动向紧急联系人发送预警信息,防止"孤独死"情况发生。该程序采用极简设计,无需下载安装,支持生命倒计时等时间管理功能,并提供专业后台保障预警机制可靠运行。开发者以轻松方式探讨严肃话题,旨在为独居人群提供数字化的安全保障,同时提醒珍惜当下生活。

2026-01-15 15:54:17 1248

原创 别再重复造轮子了!200+小程序案例,解决你80%+的开发问题

微信小程序开发案例库"fengGer的bug"提供了200+实用示例,覆盖小程序开发的常见场景。项目包含八大核心模块:经典动效、基础功能、交互设计、CSS特效、工具类、节日特效、API演示和实用业务场景。采用分包加载优化性能,组件化开发便于复用,封装常用工具函数提升效率。该项目既适合初学者快速上手,也帮助进阶开发者学习性能优化和架构设计,可作为团队开发的参考规范。案例代码可直接参考使用,有效避免重复造轮子,提升开发效率。

2025-12-17 10:15:14 1151 1

原创 从零到一全栈开发 | 跑腿服务系统:小程序+Vue3+Node.js

跑腿服务系统毕设项目推荐 该项目是一个基于微信小程序+Vue3+Node.js的跑腿服务平台,包含三个核心模块:微信小程序客户端(用户下单、跑腿员接单)、Vue3管理后台(商家/订单/用户管理)和Node.js后端服务(RESTful API)。采用主流技术栈包括微信小程序原生开发、Vue3+Element Plus、Express+MySQL,并实现JWT认证、权限控制等安全机制。项目功能完整,涵盖订单系统、用户中心、跑腿员管理等功能模块,代码结构规范清晰,适合作为毕设项目或全栈开发学习案例。项目提供完整

2025-12-12 11:27:24 1832 2

原创 Vue 登录密码为什么要 RSA 加密?一文讲透前后端实现

用户输入明文,网络传密文,数据库存哈希——三层防护各司其职

2026-06-29 11:19:52 295

原创 微信小程序文件,图片直传阿里云 OSS 的最佳实践

小程序直传阿里云OSS实践总结 本文介绍了微信小程序直传阿里云OSS的完整流程,包括四个关键步骤:文件预处理、鉴权接口调用、OSS直传和上传完成确认。重点讲解了如何安全高效地实现文件上传,避免常见错误如签名混用、漏传token等。文章提供了代码示例和实用建议,特别强调小程序开发中必须配置的域名白名单和HTTPS要求,以及处理大文件时的内存优化策略。这套方案已在生产环境验证,能有效解决小程序文件上传中的鉴权、签名和回调等核心问题。

2026-05-25 09:27:56 438 1

原创 企业 Web 登录中的「双 UKey」场景实践:从单设备自动登录到多 Key 分流

本文介绍了为质量系统登录页添加双UKey支持的技术实现方案。主要解决了多Key场景下设备识别错误、PIN策略混乱等问题,通过前端(Vue 2 + Ant Design Vue)与本地UKey服务的交互改造,实现了智能设备识别流程:单Key自动登录保持原体验,双Key时提供选择界面并动态显示PIN输入框。文章详细阐述了枚举设备、分流处理、动态表单等关键技术点,并总结了开发过程中遇到的返回值处理、同步请求、真机调试等典型问题,最后给出了完整的自测用例。该方案通过入口分流、出口合并的设计思路,在保证单Key用户体

2026-05-20 10:02:06 371

原创 前端主流框架之VUE中的Vue3

并且你会发现,它是**强制开启深度监视(deep:true),并且无法关闭。然而现在我们监视的是reactive定义的响应式数据的全部属性,是只监听其中的一个属性,那怎么办呢,可能大家会。

2024-05-29 11:19:25 2059

原创 今日分享-浮雕风格按钮代码

5、最后贴下自己的微信小程序,喜欢可以扫码查看。box-shadow 与颜色的合理搭配。实现浮雕风格的按钮。

2024-05-29 09:34:43 402

原创 今日分享-小球穿梭放大loading动画

但是,当他们“合体”的时候,产生了奇妙的融合现象,通过对比度滤镜把高斯模糊的模糊边缘给干掉,利用高斯模糊实现融合效果。· filter: contrast(): 调整图像的对比度。· filter: blur(): 给图像设置高斯模糊效果。最后,贴一下自己的小程序,喜欢可以扫码查看。4、实现简单,代码粘贴复制即可预览效果。1、废话不多说,先看效果。

2024-05-28 09:27:57 293 2

原创 今日分享 - Nginx 常用的基础配置

【代码】今日分享 - Nginx 常用的基础配置。

2024-05-20 10:03:08 244

原创 一个VUE项目当中如何请求多个服务器接口地址

当后端小伙伴拿到一个项目工程时,你会发现别人给你的工程什么都没有,他的要求是你自己起个工程,到时候直接部署多个服务。】,那么问题来了,那就前端也得使用两个后端地址,肿莫办,头大了,以前只知道写死一个API地址就够了,那么现在咋弄呢😵。}3、最后:它就实现了,其实逻辑很简单,不过应用场景很少见而已【个人观点,仅供参考】…// ① 在网络请求方法里面搞两个axios实例。// 这里在根据实际情况,做出对应实例应用。// 在API网络请求的封装文件里面。// 创建 axios 实例。// 例如GET请求。

2024-05-17 14:46:37 1497

原创 今日分享【Vue3基础知识】

并且你会发现,它是**强制开启深度监视(deep:true),并且无法关闭。然而现在我们监视的是reactive定义的响应式数据的全部属性,是只监听其中的一个属性,那怎么办呢,可能大家会。

2024-05-16 11:23:08 4746

原创 今日分享【HTML5基础知识汇总】以及常见面试题

内容是建立网站的诱因,有的网站展示它,有的则收集它,有的寻求有的操作,还有的网站甚至会包含以上的种种,但相同点是它们全都涉及到内容。**脚本是否并行执行: **async屋性,表示后续文档的加载和执行与is脚本的加载和执行是并行进行的,即异步执行defer厘性,加载后续文档的过程和is脚本的加载(此时仅加载不执行)是并行进行的(异步),is脚本需要等到文档所有元素解析完成之后才执行,DOMContentLoaded事件触发执行之前。**src:**表示对资源的引用,它指向的内容会嵌入到当前标签所在的位置。

2024-05-09 09:09:46 882

原创 今日分享【微信小程序中的福字灯笼】代码

一个左右摇摆的福字灯笼效果,3、写在最后:实现简单,勤于动手,不需要任何插件,你自己就可以纯手撸一个‘花里胡哨’的页面效果,一起来试试吧,粘贴复制即用哦hahaha。4、贴下自己的小程序,有很多花里胡哨的东西,喜欢可以扫码查看。

2024-05-07 10:07:59 596

原创 今日分享【微信小程序中一个左右摇摆的小灯泡】代码

分享一下微信小程序中的一个左右摇摆的小灯泡,纯原生手写哦

2024-05-07 09:55:56 421 2

原创 今日分享【CSS中的经典使用】代码

css中的经典样式案例,双飞翼布局

2024-05-06 11:36:26 805

原创 今日分享【微信小程序实现堆叠式轮播图】

简单实现一个微信小程序【原生】轮播图...

2024-05-06 11:19:41 2023 6

原创 Vue项目中,使用高级表格vxe-table中的【vxe-grid】动态列之动态插槽

/ 动态插槽数据,这里的slot1 对应的就是columns数据里面的slot.default。// 可以添加更多的列配置。1、首先项目当中得安装了。// 可以添加更多的数据。

2024-04-09 11:55:52 3460 2

原创 今日分享简单的下划线转驼峰方法

简单的下划线转驼峰方法…

2023-07-06 09:27:56 289

原创 随机生成颜色值的方法

一个随机生成颜色值的JavaScript方法

2023-07-05 15:39:00 679

原创 vue3 使用reactive定义变量时,会出现数据变化,页面未更新渲染

vue3 使用reactive定义变量时,会出现数据变化,页面。他喵的,竟然发现,最后两种方案处理以上问题。将reactive更改为ref,问题就迎刃而解!

2023-03-23 11:07:40 2362 5

原创 关于Vue3 + antd vue引入iconfont报错的最终解决方案

我觉得,大概原因是这样【关于引入iconfont时出现的问题,可能是因为iconfont.js文件没有通过export default导出default对象】,所以可以这样去写,在使用时使用iconfont.default来获取default对象。那么今天它的处理方案出来了,无意间发现,可以这么写,但是好像也没有毛用,跟直接写文件地址一个diao样子啊。按照以上示例写完以后,你会神奇的发现,报一个错【引入本地文件,线上地址OK】,没法处理,晕死~~~即可轻松地使用已有项目中的图标。

2023-03-21 12:03:49 1937

原创 webOffice 常用的一些API以及其他操作

webOffice 常用的一些API以及其他操作。

2023-02-02 17:24:28 1164 4

转载 网站都变成灰色,其实几行代码就搞定了!

网站都变成灰色,几行代码就搞定了!

2022-12-05 15:48:32 1738

原创 Git 常用命令

1.Git Bash here(本地目录右键)

2022-09-23 13:45:43 203

原创 前端 Vue实现彩票走势图

Vue结合Jq以及canvas的使用,完成简单的彩票走势图

2022-08-30 14:17:53 2545 1

原创 Vue或者Html快速实现文件夹上传

快速实现文件夹上传 webkitdirectory1、加上该属性后,点击上传效果,如下图:2、点击弹窗上传后,效果如下图:3、最后代码实现很简单: <input type='file' webkitdirectory/>

2022-04-08 10:02:14 675

原创 复杂数据处理 · 结构转换

9.1 Any ↔ 字符串在开发数据应用的时候,有大部分的数据都不会是由 JavaScript 或用户的操作实时生成的,更多的是直接从服务端的数据存储设施中提取出来,然后通过网络协议传输到客户端以用于展示。这样的话我们可以首先引入一个题外话,既然我们知道前端使用的数据大部分都需要通过网络协议从服务端传往前端,那这样一个传输过程就是抽象内容的编码和解编码的过程。而且在计算机科学中,通信协议基本上都是以字符串(或二进制)为基础承载数据结构,也就是说在一个服务端与客户端的通信架构中,会需要将各种数据结构首先转

2021-12-28 09:10:48 607

原创 优化首屏体验——Lazy-Load 初探

Lazy-Load 初相见Lazy-Load,翻译过来是“懒加载”。它是针对图片加载时机的优化:在一些图片量比较大的网站(比如电商网站首页,或者团购网站、小游戏首页等),如果我们尝试在用户打开页面的时候,就把所有的图片资源加载完毕,那么很可能会造成白屏、卡顿等现象,因为图片真的太多了,一口气处理这么多任务,浏览器做不到啊!但我们再想,用户真的需要这么多图片吗?不对,用户点开页面的瞬间,呈现给他的只有屏幕的一部分(我们称之为首屏)。只要我们可以在页面打开的时候把首屏的图片资源加载出来,用户就会认为页面是没

2021-12-18 05:30:00 562

原创 webpack 在VUE CLI 3 中的应用

构建基础篇:webpack 在 CLI 3 中的应用webpack 作为目前最流行的项目打包工具,被广泛使用于项目的构建和开发过程中,其实说它是打包工具有点大材小用了,我个人认为它是一个集前端自动化、模块化、组件化于一体的可拓展系统,你可以根据自己的需要来进行一系列的配置和安装,最终实现你需要的功能并进行打包输出。而在 Vue 的项目中,webpack 同样充当着举足轻重的作用,比如打包压缩、异步加载、模块化管理等等。如果你了解 webpack 那么相信本文会让你更了解其在 Vue 中的使用,如果你是一个

2021-12-17 08:59:39 1187

原创 Vue 具有数据校验功能的表单组件

具有数据校验功能的表单组件——Form之前有介绍了组件间的两种通信方法:provide / inject 和 dispatch / broadcast,前者是 Vue.js 内置的,主要用于子组件获取父组件(包括跨级)的状态;后者是自行实现的一种混合,用于父子组件(包括跨级)间通过自定义事件通信。本小节则基于这两种通信方法,来实现一个具有数据校验功能的表单组件——Form。Form 组件概览(以IView为例,antd UI、element UI 同理)表单类组件在项目中会大量使用,比如输入框(Inp

2021-12-16 09:00:20 1306

原创 推荐一个前端必备工具,有了它开发效率提升200%,堪称神器

拒绝重复工作前端页面的构建与调试,是每一个前端人都绕不过去的基本功。但是页面的构建与UI的还原工作往往是重复且繁杂的,在日常的开发工作中会占用我们大量的时间和精力。慢慢的,随着我们每个人技术水平的不断提升,页面的构建工作就会成为我们技术水平提升道路上的一大阻碍。大家都更希望把更多的时间和精力放在业务逻辑、功能优化、架构设计等等更深一步的前端技术领域上。所以我作为一名前端技术团队的管理者,也作为一名前端的开发人员。下定决心要帮助团队和自身去解决这个痛点。于是我带着这个问题进行了一系列的解决方案调研,直到我遇

2021-11-18 16:54:55 4245 3

原创 vue项目中使用Luckysheet 的简单方法

Luckysheet 官方体验Demo ,一款纯前端类似excel的在线表格,功能强大、配置简单、完全开源。开发环境Node.js Version >= 6引入方式① CDN<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/css/pluginsCss.css' /><link rel='stylesheet' href='https://cdn.jsdeliv

2021-11-17 11:14:58 5850 7

原创 vue中slot插槽的基本写法

vue中slot插槽的基本写法第一种:<template #actions="{ record }"> <a href="javascript:;" @click="handleCheck(record)">查看</a></template>第二种:<template slot='actions' slot-scope="text, record"> <a href="javascript:;" @click="h

2021-11-16 09:05:53 1073

原创 CSS斜向条纹背景

CSS斜向条纹Html:<div class='box'></div>CSS:width: 100%;height: 100rpx;background-image: linear-gradient(45deg,red 25%,green 0,green 50%,red 0,red 75%,green 0);background-size: 40px 40px;效果:这效果,以后就不用切图了????...

2021-07-08 18:22:49 1093

原创 Gallery.echarts挂了吗?

访问地址:https://gallery.echartsjs.com/(已经挂了)一个很好的E charts示例文库,竟然挂了,我还有想看的示例。。。。还有的实例啊????也没有通知,就这样挂了????️

2021-05-10 10:00:34 6792 15

原创 个人博客网站,搭建之路

关于本站★ 访问地址:快速进入★ 服务器:阿里云ESC★ 后端:php + wordpress★ 页面:使用Sakura主题和其他主题好看的样式页面单纯使用nginx + wordpress 搭建完成本站部分页面:温馨提示:★ 移动端,可手机预览,体验不一样的效果。★ 欢迎访问,互换友链…★ 传送门...

2021-03-30 09:45:28 410 2

原创 Centos 7.6 -- 基本操作

1、nginx安装:apt-get install nginx(Ubuntu 18.04使用)sudo yum install -y nginx(Centos 7.6)【本机使用Centos7.6,请参考nginx安装】2、本地项目上传到服务器:scp -r -P22 【本地文件】 root@【服务器公网ip】:【服务器文件放置目录】例如:scp -r -P22 develop/html/ root@23.34.108.23 /data/www/html/ 【-r 覆盖上传 -P 2

2021-03-25 15:04:47 852 2

原创 Mac--查看公钥

打开macbook的终端输入以下命令:$ cd ~/.ssh$ ls$ cat id_rsa.pub

2021-03-10 21:12:22 601

原创 flutter底部导航栏demo

flutter底部导航栏demo:GitHub入口截图如下(来源网络):欢迎star…最后,介绍下个人微信程序,欢迎扫码查看!

2021-03-02 17:58:25 377

Lodop6.226-Clodop6.594-前端编辑打印

Lodop6.226_Clodop6.594-前端编辑打印

2026-01-15

sqlYog,连接mysql数据库的专用工具

sqlYog,连接mysql数据库的专用工具。

2026-01-15

天地图路网+标注瓦片数据0-10级

天地图路网+标注瓦片数据(全球),可结合CesiumJs框架,打造三维天地图。它也是GIS开发中的宝贵资源。

2025-08-20

minio安装包 Linux-x86版本

minio安装包 Linux-x86版本

2025-08-20

Eclipse免安装版本

Eclipse免安装版本

2025-08-20

jdk1.8.0-202版本

jdk1.8.0_202版本【windows版本】

2025-08-20

minio安装包 Linux-arm版本

minio安装包 Linux-arm版本

2025-08-20

node-v10.15.0.pkg

Mac OS ,nodeJs 10.15.0.pkg nodeJs低版本... 适用于mac os系统,使用node.js低版本,可以下载。 部分项目需要nodeJs低版本。

2020-04-10

&quot;jodit&quot;: &quot;^3.4.6&quot;,Vue中使用比较nice的富文本插件。。。

版本:&quot;jodit&quot;: &quot;^3.4.6&quot; vue中使用不错的富文本插件,目前已经是最后的版本。 作者已经不在更新迭代,github仓库也已经不在,强手的资源哦

2020-12-07

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除