前端开发综合论坛 今日: 0|主题: 906|排名: 70 

大家好，我是 Java陈序员。 在日常生活中，你是否常常遇到如下场景： “下班到家不想点外卖，却不知道用现有食材做什么” “囤的食材快过期，翻遍 APP 也找不到适配的菜谱” “厨房新手怕翻车，想找只用平底锅/电饭煲就能做的菜” 今天，给大家介绍一款开源菜谱工具，帮助你利用现有食材生成菜谱，解决今天吃什么的“世纪 ...

对于前端来说，组件话已经从热门话题变成了基础能力，自定义组件或自建组件库已是再常见不过的事了。在实际工作中组件库的文档直接决定开发体验和效率，文档建设的重要性不言而喻。今天要推荐的工具叫Storybook，为此我特地通过用99元买的服务器搭了一套CI/CD系统部署了一套Demo，欢迎点击体验：Demo (首次加载速度尤为感人 ...

作为全球领先的前端表格控件之一，AG Grid 再次引领创新。近日，AG Grid正式发布 AG MCP（Model Context Protocol Server） —— 一个基于开源协议的智能接口，旨在让各类AI模型（如Claude、Cursor、Copilot等）能够直接访问最新、最准确的AG Grid知识库。 AG Grid最新版试用，请联系AG Grid中国区合作伙伴 ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 前言 你有没有过这种疑惑： 明明在 “出租屋”（函数）里放的 “行李”（变量），房东都退房了，这行李咋还能拿出来用？或者循环里的变量总 “串房间”，明明住 1 号房，结果跑到 6 号房去了？在函数里定义的变量，出了函数居然还能用？ 这背后其实藏着作用域、作用域链的 “ ...

vxe-table 单选设置允许取消选中,通过设置 radio-row-config.strict=false 允许取消选中 https://vxetable.cn 设置 radio-row-config.strict=false 允许取消选中 <template> <div> <vxe-grid v-bind="gridOptions"></vxe-grid> </div> </template> <script> export default { data() { const gridOpt ...

项目使用的是vue2，脚手架vue-cli 4。 需求：之前项目路由使用的是hash，现在要求调整为history模式，但是整个过程非常坎坷，遇到了页面空白问题。现在就具体讲一下这个问题。 首先，直接讲路由模式由hash改为了history。 在vue.config.js中的配置 然后直接进行打包。 nginx的配置： 此时，启动nginx，访问项目http://lo ...

JavaScript 默认是非严格模式的，可以通过 "use strict"; 启用严格模式。此声明语句可以放在 JS 文件顶部，也可以放在函数内部。 启用严格模式 1、外部脚本在 JS 文件开头声明，内部脚本在 <script> 标签开头声明，声明后所有 JS 代码启用严格模式： "use strict"; console.log('Hello World!'); 错误写法： console.log( ...

前端开发和后端开发都是干什么的？有哪些区别？通俗地讲，前端干的工作是用户可以直接看得见的，而后端开发的工作主要在服务端，用户不太能直接看到。虽然前端开发和后端开发的工作有巨大的区别，但是他们的工作都是相辅相成的，都是为了更好的用户体验。 1、前端开发： 网站的“前端”是与用户直接交互的部分，包括你在浏 ...

随着互联网的推进我们可以寻找到各种高效资源，比如我们设计网站、小程序和公众号开发的时候，前端设计并不需要我们太多的自主设计，我们可以借助免费开源或者有些付费的前端框架和插件来快速完成。比如我们在设计网站主题的时候，可以借助类似BootStrap、Layui这些常用的前端框架高效开发。 目前可选的前端框架还是比较多 ...

vxe-table 单元格超出隐藏内容提示使用自定义插槽模板 当内容溢出时显示为省略号，show-overflow 和 show-header-overflow 和 show-footer-overflow 如果需要更灵活的展示，还可以使用自定义提示插槽模板，通过 headert-tooltip、tooltip、footer-tooltip 来自定义模板 查看官网：https://vxetable.cn gitbub：https://gith ...

先看效果 黑块是障碍物，可以理解成游戏里的墙 白块是可走的路 点哪里走哪里，类似于游戏里的移动 在线演示 前言 本节采用BFS算法，没有涉及到一些更深层次的优化。 代码用的vue3+ts,单组件，复制粘贴即可运行，核心的代码就一个函数，可以用GPT转成其他语言并运行 鄙人没有从事这方面工作，纯属兴趣爱好，只能带大家看 ...

大家好，我是 V 哥。 Vue 2 和 Vue 3 在响应式原理上存在显著差异，下面为你详细介绍。 如果你是前端开发，V 哥建议抓紧入坑鸿蒙，2025年鸿蒙趋势将引领国产化替代的新征程，大量内推岗位等你来拿。 推荐一本鸿蒙 NEXT 书《鸿蒙 HarmonyOS 开发之路》卷1，可以让你少走弯路。 Vue 2 响应式原理 Vue 2 使用 Object.definePr ...

npm pack - npm install .tgz 离线安装 前端开发环境 为什么有这个需求 曾经出差，到一个机构里面，里面是局域网，没有外网。后台都是java，刻录个光盘，然后就把开发环境装好了，就直接开发了。 我进去后，由于不能离线安装开发环境，导致楼上楼下跑，效率极低，开发还特别慢。 延展 开发electronjs，那搞一个开发环境， ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 最近在重构项目里的大文件上传模块，本想着按常规方案实现：File API 切片、计算 Hash、封装一个带并发限制（通常习惯性设为 6）的请求池，最后调个 Merge 接口收尾。 这套方案可以说是前端圈处理大文件的标配了。但看着 Network 面板里稳步推进的进度条，我突然意识到一个经 ...

大家好，我是 Java陈序员。 临近年底，又到了喜闻乐见的年会活动。但对于策划部门来说，每年都会为年会抽奖环节用什么工具发愁？用 Excel 随机抽奖太枯燥，花钱买商业软件又不划算。 今天，给大家安利一款免费开源的 3D 抽奖神器，炫酷球体抽奖效果直接拉满活动氛围，自定义配置更是精准适配各类年会、团建场景！ 关注微信 ...

在最新版本的 Figma 设计系统 中，所有变量已与 AG Grid Theming API 参数 实现 1:1 映射。这意味着设计师在 Figma 中的修改能够无缝传递到开发代码，彻底消除沟通障碍。更重要的是，借助自动化导出与转换工具，团队可以一键生成生产可用的 AG Grid 自定义主题，显著提升交付效率 ...

Element UI Table组件基本使用（官方文档） Sortable.js 官方文档 实现步骤 1. 安装SortableJS 通过npm安装： npm install sortablejs --save 或使用国内CDN（推荐）： <script src="https://cdn.jsdelivr.net/npm/sortablejs@1.14.0/Sortable.min.js"></script> 2. 基础拖拽功能实现 在Vue组件中，通过ref获取Table的bod ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 日常开发中，导出带滚动条的DOM内容为图片时，普通截图只能抓可视区域？本文分享基于@snapdom的长截图方案，完美导出完整内容，还能精准复刻UI～ 一、业务痛点（为什么选snapdom？） 开发中经常遇到「导出带滚动区域的DOM为图片」的需求（比如评估报告、图表列表、长表单） ...

　　近来没有什么值得写的东西，空闲的时候帮前端的同学做了些大屏上的展示模块，就放在这里写写吧，手把手“需求->设计-> 实现”，受众偏新手向。 　　 　　为了直观便于理解， 直接把结果贴在上面。 　　如上所示，基本需求比较简单明了， “分页显示供应商、供应占比列表，自动轮播”。   　　一、需求评审 　　该 ...

如果您正在寻找高级 HTML SDK，那么你可以了解使用Aspose.HTML！该 SDK 几乎支持所有主流编程语言。在本篇教程中，我们将讨论如何借助Aspose.HTML在 Java 中以编程方式将SVG转换为TIFF。 Aspose.Html 是一种高级的HTML操作API，可让您直接在.NET应用程序中执行广泛的HTML操作任务，Aspose.Html 允许创建，加载，编辑 ...