- 这篇内容的别名是：讲述了一头驴开始研究为什么转动可以带动磨盘，以及如何提升磨盘的工作效率。（自我调侃）本人写了五年的后台管理。每次面试前就会头疼，因为写的页面除了表单就是表格。抱怨过苦恼过也后悔过，但是站在现在的时间点回想以前，发现有很多事情可以做的更好，于是有了这篇文章。写优雅的代码一道面试题大概两年以前，面试美团的时候，面试官让我写一道代码题，时间单位转换。具体的题目我忘记了。原题目我没... 这篇内容的别名是：讲述了一头驴开始研究为什么转动可以带动磨盘，以及如何提升磨盘的工作效率。（自我调侃）本人写了五年的后台管理。每次面试前就会头疼，因为写的页面除了表单就是表格。抱怨过苦恼过也后悔过，但是站在现在的时间点回想以前，发现有很多事情可以做的更好，于是有了这篇文章。写优雅的代码一道面试题大概两年以前，面试美团的时候，面试官让我写一道代码题，时间单位转换。具体的题目我忘记了。原题目我没...
- 前言最近乙方要移交给我们开发的一个项目的代码，其中前端用到了 qiankun 微前端技术，因为第一版代码之前让我看过，写过基础开发文档，然后主管昨天就找我问了一下，本来以为就是问下具体概念和开发，没想到问起了是怎么实现的🥲，之前了解 qiankun 也就是看了下开发配置，并没有去关注具体实现，一下子给我难住了。后面又给我留下了几个问题，让我去了解了解，琢磨琢磨，这篇文章就是记一下自己 se... 前言最近乙方要移交给我们开发的一个项目的代码，其中前端用到了 qiankun 微前端技术，因为第一版代码之前让我看过，写过基础开发文档，然后主管昨天就找我问了一下，本来以为就是问下具体概念和开发，没想到问起了是怎么实现的🥲，之前了解 qiankun 也就是看了下开发配置，并没有去关注具体实现，一下子给我难住了。后面又给我留下了几个问题，让我去了解了解，琢磨琢磨，这篇文章就是记一下自己 se...
- 需求简介前几天需求评审的时候，产品说客户希望输入框能够好看一点。由于我们UI框架用的是Elemnt Plus，input输入框的样式也比较中规中矩，所以我们组长准备拒绝这个需求但是，喜欢花里胡哨的我立马接下了这个需求！我自信的告诉组长，放着我来，包满意！经过一番折腾，我通过 CSS 的技巧实现了一个带有渐变边框的 Input 输入框，而且当鼠标悬浮在上面时，边框颜色要更加炫酷并加深渐变效果。... 需求简介前几天需求评审的时候，产品说客户希望输入框能够好看一点。由于我们UI框架用的是Elemnt Plus，input输入框的样式也比较中规中矩，所以我们组长准备拒绝这个需求但是，喜欢花里胡哨的我立马接下了这个需求！我自信的告诉组长，放着我来，包满意！经过一番折腾，我通过 CSS 的技巧实现了一个带有渐变边框的 Input 输入框，而且当鼠标悬浮在上面时，边框颜色要更加炫酷并加深渐变效果。...
- 作者：雾恋序言别因今天的懒惰，让明天的您后悔。输出文章的本意并不是为了得到赞美，而是为了让自己能够学会总结思考；当然，如果有幸能够给到你一点点灵感或者思考，那么我这篇文章的意义将无限放大。背景前段时间学习了fabric也写了几篇文章，最近在学习和了解fabric的时候发现另一个图形化插件leaferjs，在经过两天的调研以后我觉得学习leaferjs是一个不错的选择，理由如下：国产，不得不说... 作者：雾恋序言别因今天的懒惰，让明天的您后悔。输出文章的本意并不是为了得到赞美，而是为了让自己能够学会总结思考；当然，如果有幸能够给到你一点点灵感或者思考，那么我这篇文章的意义将无限放大。背景前段时间学习了fabric也写了几篇文章，最近在学习和了解fabric的时候发现另一个图形化插件leaferjs，在经过两天的调研以后我觉得学习leaferjs是一个不错的选择，理由如下：国产，不得不说...
- GitHub 是开源社区的重要平台，是基于 Git 的版本控制系统，这使得开发者可以轻松地跟踪和管理代码的变化。而且 GitHub 拥有强大的协作功能，可以进行代码审查，项目管理，和协作开发，同时提供了私有仓库功能，确保信息的安全。 GitHub 是开源社区的重要平台，是基于 Git 的版本控制系统，这使得开发者可以轻松地跟踪和管理代码的变化。而且 GitHub 拥有强大的协作功能，可以进行代码审查，项目管理，和协作开发，同时提供了私有仓库功能，确保信息的安全。
- 本节讲述一个快速上传、下载和管理的FileZilla客服端的使用。首先FileZilla 是一款流行的免费开源FTP客户端，用于文件的上传、下载和管理。 本节讲述一个快速上传、下载和管理的FileZilla客服端的使用。首先FileZilla 是一款流行的免费开源FTP客户端，用于文件的上传、下载和管理。
- 今天突然看到这个消息，突然又有一种熟悉的味道，看来这个月 Flutter “又要凉一次了”：起因 flutter foundation 决定 fork Flutter 并推出 Flock 分支用于自建维护，理由是：foundation 推测 Flutter 团队的劳动力短缺，因为 Flutter 需要维护 Android、iOS、Mac、Window、Linux、Web 等平台，但是 Flu... 今天突然看到这个消息，突然又有一种熟悉的味道，看来这个月 Flutter “又要凉一次了”：起因 flutter foundation 决定 fork Flutter 并推出 Flock 分支用于自建维护，理由是：foundation 推测 Flutter 团队的劳动力短缺，因为 Flutter 需要维护 Android、iOS、Mac、Window、Linux、Web 等平台，但是 Flu...
- 作者：五阳（安利博主）前公司的技术总监写了工具类，对Java Stream 进行二次封装，使用起来非常爽，全公司都在用。我自己照着写了一遍，改了名字，分享给大家（顺便分享些技术大厂内推岗，前后端测试捞人，感兴趣来吃→安利）。一共整理了10个工具方法，可以满足 Collection、List、Set、Map 之间各种类型转化。例如将 Collection<OrderItem> 转化为 List... 作者：五阳（安利博主）前公司的技术总监写了工具类，对Java Stream 进行二次封装，使用起来非常爽，全公司都在用。我自己照着写了一遍，改了名字，分享给大家（顺便分享些技术大厂内推岗，前后端测试捞人，感兴趣来吃→安利）。一共整理了10个工具方法，可以满足 Collection、List、Set、Map 之间各种类型转化。例如将 Collection<OrderItem> 转化为 List...
- 目录前言技术背景与需求分析具体实现在uni-app中配置麦克风权限实现麦克风权限获取与录音功能功能一：将音频流转换为Blob文件并上传功能二：将音频流转换为Base64字符串并上传功能三：下载录制的音频文件结语 前言你好，我是喵喵侠。在我们日常的前端开发中，时常会遇到需要获取设备麦克风权限并进行录音的需求。比如，接到一个需求，要求在聊天对话框中实现语音识别功能，用户点击按钮开始录音，再次点... 目录前言技术背景与需求分析具体实现在uni-app中配置麦克风权限实现麦克风权限获取与录音功能功能一：将音频流转换为Blob文件并上传功能二：将音频流转换为Base64字符串并上传功能三：下载录制的音频文件结语 前言你好，我是喵喵侠。在我们日常的前端开发中，时常会遇到需要获取设备麦克风权限并进行录音的需求。比如，接到一个需求，要求在聊天对话框中实现语音识别功能，用户点击按钮开始录音，再次点...
- 目录前言需求描述解决方法方法一：修正字符串处理方法方法二：正则表达式处理方法三：使用 Number 方法总结 前言你好，我是喵喵侠。在数据可视化中，我们经常会遇到需要对数据进行格式化的需求。例如，在 Echarts 的环形图中，我们希望在图表中心的总数，显示经过计算后的结果，比方说25.66这样的小数，默认保留两位小数。但光保留两位小数可不行，还得去掉多余的末尾0。下面来一起探究如何优雅实... 目录前言需求描述解决方法方法一：修正字符串处理方法方法二：正则表达式处理方法三：使用 Number 方法总结 前言你好，我是喵喵侠。在数据可视化中，我们经常会遇到需要对数据进行格式化的需求。例如，在 Echarts 的环形图中，我们希望在图表中心的总数，显示经过计算后的结果，比方说25.66这样的小数，默认保留两位小数。但光保留两位小数可不行，还得去掉多余的末尾0。下面来一起探究如何优雅实...
- 作者：Linsk各位好，相信大家都知道，Chrome 已经支持了 0 到 auto 的高度过渡。但是很多人反映这种特性太新了，出于兼容考虑用不了的。而实际上 calc-size 是可以渐进增强的。今天我就给大家表演一下，0 到 auto 的渐进增强兼容所有浏览器。我们先搭建一个空白工程化项目这个示例工程。是一个计数器。import * as React from "react";import... 作者：Linsk各位好，相信大家都知道，Chrome 已经支持了 0 到 auto 的高度过渡。但是很多人反映这种特性太新了，出于兼容考虑用不了的。而实际上 calc-size 是可以渐进增强的。今天我就给大家表演一下，0 到 auto 的渐进增强兼容所有浏览器。我们先搭建一个空白工程化项目这个示例工程。是一个计数器。import * as React from "react";import...
- 作者：把摸鱼做大做强前言docker是为前端量身定做的想象一下如下的场景小明是一个前端，接了一个项目，这是个外包项目，客户有自己的服务器，但是客户的服务器比较老，环境配置又与小明的不同，小明看了一眼客户的服务器，一言难尽呀，让一个本来就不喜欢配置服务器的前端来搞这些不是难为人么，离时间节点越来越近了，客户也开始催了，小明欲哭无泪(环境不一致)小明百度，谷歌，chatgpt都用上了，终于费了九... 作者：把摸鱼做大做强前言docker是为前端量身定做的想象一下如下的场景小明是一个前端，接了一个项目，这是个外包项目，客户有自己的服务器，但是客户的服务器比较老，环境配置又与小明的不同，小明看了一眼客户的服务器，一言难尽呀，让一个本来就不喜欢配置服务器的前端来搞这些不是难为人么，离时间节点越来越近了，客户也开始催了，小明欲哭无泪(环境不一致)小明百度，谷歌，chatgpt都用上了，终于费了九...
- 作者：九段刀客什么是内网穿透内网穿透这个词大家肯定都有所耳闻，毕竟都是干这行的嘛！没吃过猪肉还能没见过猪跑啊。不就是让自己电脑启的服务，让远在千里之外的人也能访问到吗？对对对就是这个东西。（顺便吆喝一句，技术大厂，前后端测试捞人，看这里）什么场景下，让我需要这个东西呢微信支付和小程序的图片安全校验的时候。微信支付和图片安全校验都需要给一个notify_url，处理成功后腾讯那边会调用这个接口... 作者：九段刀客什么是内网穿透内网穿透这个词大家肯定都有所耳闻，毕竟都是干这行的嘛！没吃过猪肉还能没见过猪跑啊。不就是让自己电脑启的服务，让远在千里之外的人也能访问到吗？对对对就是这个东西。（顺便吆喝一句，技术大厂，前后端测试捞人，看这里）什么场景下，让我需要这个东西呢微信支付和小程序的图片安全校验的时候。微信支付和图片安全校验都需要给一个notify_url，处理成功后腾讯那边会调用这个接口...
- 作者：天天鸭前言在真实工作中，估计import和require大家经常见到，如果做前端业务代码，那么import更是随处可见了。但我们都是直接去使用，但是这两种方式的区别是什么呢？应用场景有什么区别呢？大部分能说出来import是ES6规范，而require是CommonJS规范，然后面试官深入问你两者编译规则有啥不一样？然后就不知道了本文一次性对import和require的模块基本概念、... 作者：天天鸭前言在真实工作中，估计import和require大家经常见到，如果做前端业务代码，那么import更是随处可见了。但我们都是直接去使用，但是这两种方式的区别是什么呢？应用场景有什么区别呢？大部分能说出来import是ES6规范，而require是CommonJS规范，然后面试官深入问你两者编译规则有啥不一样？然后就不知道了本文一次性对import和require的模块基本概念、...
- 作者：安静的搬砖人1. 通用组件（表单搜索 + 表格展示 + 分页器）在项目当中我们总会遇到这样的页面：页面顶部是一个表单筛选项，下面是一个表格展示数据。表格下方是一个分页器，这样的页面在我们的后台管理系统中经常所遇到，有时候可能不止一个页面，好几个页面的结构都是这种。本人记得，在 react 中的高级组件库中有这么一个组件，就实现了这么一个效果。就拿这个页面来说我们实现一下组件封装的思想：... 作者：安静的搬砖人1. 通用组件（表单搜索 + 表格展示 + 分页器）在项目当中我们总会遇到这样的页面：页面顶部是一个表单筛选项，下面是一个表格展示数据。表格下方是一个分页器，这样的页面在我们的后台管理系统中经常所遇到，有时候可能不止一个页面，好几个页面的结构都是这种。本人记得，在 react 中的高级组件库中有这么一个组件，就实现了这么一个效果。就拿这个页面来说我们实现一下组件封装的思想：...
上滑加载中
推荐直播
-
华为云码道-AI时代应用开发利器2026/03/18 周三 19:00-20:00
童得力，华为云开发者生态运营总监/姚圣伟，华为云HCDE开发者专家
本次直播由华为专家带你实战应用开发，看华为云码道(CodeArts)代码智能体如何在AI时代让你的创意应用快速落地。更有华为云HCDE开发者专家带你用码道玩转JiuwenClaw，让小艺成为你的AI助理。
回顾中 -
Skill 构建 × 智能创作：基于华为云码道的 AI 内容生产提效方案2026/03/25 周三 19:00-20:00
余伟，华为云软件研发工程师/万邵业（万少），华为云HCDE开发者专家
本次直播带来两大实战：华为云码道 Skill-Creator 手把手搭建专属知识库 Skill；如何用码道提效 OpenClaw 小说文本，打造从大纲到成稿的 AI 原创小说全链路。技术干货 + OPC创作思路，一次讲透！
回顾中 -
码道新技能，AI 新生产力——从自动视频生成到开源项目解析2026/04/08 周三 19:00-21:00
童得力-华为云开发者生态运营总监/何文强-无人机企业AI提效负责人
本次华为云码道 Skill 实战活动，聚焦两大 AI 开发场景：通过实战教学，带你打造 AI 编程自动生成视频 Skill，并实现对 GitHub 热门开源项目的智能知识抽取，手把手掌握 Skill 开发全流程，用 AI 提升研发效率与内容生产力。
回顾中
热门标签