程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
15年,专注软件定制开发
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
综合
Remotion是一个基于React的框架,允许前端工程师以编程方式创建高质量视频
2024-11-19 03:46:15 +0800 CST
view 1538
Remotion是一个基于React的框架,允许前端工程师以编程方式创建高质量视频。它结合了Web技术和编程的力量,使得视频制作更加灵活和高效。用户可以利用CSS、Canvas、SVG和WebGL等技术,实时编辑和预览视频效果,并通过API动态生成内容。作为一个开源项目,Remotion提供了丰富的功能和活跃的开发者社区,适合用于制作宣传视频和数据可视化。
前端开发
视频制作
开源工具
前端开发必备:Fetch GET 与 POST 请求封装实践与进阶优化
编程
前端开发必备:Fetch GET 与 POST 请求封装实践与进阶优化
2025-07-16 17:16:34 +0800 CST
view 128
本文介绍了如何封装FetchAPI以优雅地处理HTTP请求,解决使用原始Fetch时的痛点,如重复配置headers、处理错误和加载状态。提供了GET和POST请求的封装示例,并讨论了进阶增强技巧,如自动附加Token、统一错误处理和添加Loading状态,旨在提高代码质量和维护效率。
前端开发
网络编程
JavaScript
API
异步编程
如何在Vue中处理动态路由?
编程
如何在Vue中处理动态路由?
2024-11-19 06:09:50 +0800 CST
view 705
本文介绍了如何在Vue中处理动态路由,包括安装和配置VueRouter、定义动态路由、在组件中接收动态参数以及触发动态路由。通过动态路由,开发者可以根据不同的参数展示内容,从而构建灵活的单页面应用。使用VueRouter可以简化路由管理,提高用户体验和代码可维护性。
前端开发
Vue.js
路由管理
JavaScript
单页面应用
综合
基于Flask实现后台权限管理系统
2024-11-19 09:53:09 +0800 CST
view 1225
本文探讨了如何基于Flask框架实现一个后台权限管理系统,涵盖用户管理、角色管理、资源管理等功能模块。系统采用前后端分离的架构,前端使用ElementUI和Vue,后端使用Flask及相关插件,并通过Docker进行部署。文章详细介绍了项目的技术栈、使用方法及启动步骤,强调了Flask在权限管理系统开发中的优势。
Web开发
权限管理
Flask框架
Docker
前端开发
后端开发
Vue中的异步更新是如何实现的?
编程
Vue中的异步更新是如何实现的?
2024-11-18 19:24:29 +0800 CST
view 609
在Vue.js中,异步更新机制是其响应式系统的核心。Vue利用JavaScript的事件循环和虚拟DOM技术,将数据变化推迟到下一个事件循环周期进行统一处理,从而避免频繁的DOM更新,提升性能。示例代码展示了如何通过按钮点击触发异步更新,2秒后更新消息,体现了Vue的异步更新特性。
前端开发
Vue.js
性能优化
编程
vue-cli 3.0 axios 跨域请求代理配置及生产环境 baseUrl 配置
2024-11-19 03:04:20 +0800 CST
view 3500
本文介绍了在Vue.js项目中如何配置开发环境的跨域请求。通过在vue.config.js文件中设置devServer的proxy属性,可以将请求代理到指定的API地址。同时,配置axios的baseURL以便于发送请求。示例中展示了如何在开发和生产环境中设置请求的baseURL,并提供了相关代码片段。
Vue.js
前端开发
API请求
Vue.js中的自定义过滤器是什么?如何创建一个自定义过滤器?
编程
Vue.js中的自定义过滤器是什么?如何创建一个自定义过滤器?
2024-11-17 14:04:17 +0800 CST
view 519
本文介绍了Vue.js中的自定义过滤器的概念及其创建方法。自定义过滤器允许在模板中转换数据,如格式化文本、日期和数字。通过示例代码,展示了如何使用Vue.filter方法创建过滤器,并在模板中应用。还介绍了自定义过滤器可以接受参数的功能。最后提到,Vue3中已移除过滤器的支持,建议使用方法或计算属性替代。
前端开发
Vue.js
JavaScript框架
5个 CSS 新功能,简单好用还超省时间
代码
5个 CSS 新功能,简单好用还超省时间
2025-07-18 07:48:14 +0800 CST
view 112
本文介绍了五个值得立即使用的CSS新功能,包括:has()、clamp()、mask-image、scroll-snap-type和aspect-ratio。这些特性能够简化代码、提升效果和加快开发速度,解决了许多传统上需要JavaScript或复杂技巧才能实现的问题。掌握这些新特性将使前端开发更加高效和现代。
CSS
前端开发
新特性
综合
如何把 CSS 的动态效果转换成 GIF 动图的
2024-11-19 05:01:51 +0800 CST
view 1611
本文介绍了如何将CSS动态效果转换为GIF动图,提供了两种方法:一种是使用浏览器插件AwesomeScreenshot和MP4到GIF转换器,另一种是利用Puppeteer和ImageMagick的程序化方案。文章详细说明了每种方法的步骤,适合不同技术水平的用户。
前端开发
动画效果
技术教程
告别构建工具的幻想?从 Import Maps 谈浏览器原生模块导入的未来
编程
告别构建工具的幻想?从 Import Maps 谈浏览器原生模块导入的未来
2025-07-21 18:52:15 +0800 CST
view 128
本文探讨了ImportMaps在现代前端开发中的重要性,解决了浏览器无法识别裸模块名的问题,降低了开发门槛。通过ImportMaps,开发者可以在不使用构建工具的情况下直接导入模块,适合快速原型开发和教学演示。尽管如此,构建工具仍然在代码转译、性能优化和跨浏览器兼容等方面发挥着重要作用,未来可能转变为可选的加速器。
前端开发
Web技术
模块化
编程
10个几乎无人使用的罕见HTML标签
2024-11-18 21:44:46 +0800 CST
view 770
本文介绍了10个罕见的HTML标签,这些标签在开发中很少被使用。包括`<abbr>`用于缩写,`<q>`用于引用,`<s>`用于删除线,`<mark>`用于高亮,`<wbr>`用于文本换行,`<details>`用于可展开内容,`<optgroup>`用于下拉列表分组,`<datalist>`用于自动完成,`<fieldset>`用于表单分组,以及`<sup>`和`<sub>`用于上标和下标。
HTML
Web开发
前端技术
一行代码生成绝对唯一 ID?别再用 `Date.now()` 了!
编程
一行代码生成绝对唯一 ID?别再用 `Date.now()` 了!
2025-07-21 19:11:45 +0800 CST
view 121
在前端开发中,生成绝对唯一的ID是常见需求。传统方法如`Date.now()`和自增计数器存在重复风险。推荐使用`crypto.randomUUID()`,它提供加密级别的随机性和全局唯一性,适合生产环境。对于旧浏览器,可以使用`uuid`库作为降级方案。总结了不同生成方法的优缺点,强调了现代标准的重要性。
前端开发
唯一性
安全性
技术标准
编程技巧
2024年Vue3.5的useTemplateRef让ref操作DOM更加丝滑
综合
2024年Vue3.5的useTemplateRef让ref操作DOM更加丝滑
2024-11-19 06:37:21 +0800 CST
view 1738
Vue3.5引入的useTemplateRef函数解决了使用ref时的一些直觉问题,使得模板中的ref属性与script中的ref变量绑定更加合理。通过useTemplateRef,开发者可以更方便地在模板中获取DOM元素或子组件,简化了代码并提升了编程直觉。
Vue
前端开发
JavaScript
编程
php在使用JQuery.lazyload图片懒加载时,正则替换Img的src为original
2024-11-17 18:13:34 +0800 CST
view 3187
在页面有很多大图时,为了提升用户体验和减轻服务器压力,通常会使用图片懒加载技术。使用lazyload时,需要将图片的src值设置为占位符,并将真实路径赋给original,以确保jquery.lazyload正常执行。示例代码展示了如何替换图片标签的src属性,并使用jquery.lazyload实现懒加载效果。
前端开发
性能优化
技术实现
掌握现代 Web API:2024 年强大浏览器功能指南
编程
掌握现代 Web API:2024 年强大浏览器功能指南
2024-11-18 00:58:04 +0800 CST
view 777
本指南探讨了2024年现代Web开发中关键的WebAPI,包括支付请求、存储、DOM、HTML清理、Canvas、历史、剪贴板、全屏、FormData、Fetch、拖放和地理位置API。这些API为开发人员提供了强大的工具,以创建更动态、安全和用户友好的Web应用程序。掌握这些API将提升用户体验和应用程序性能。
Web开发
API
前端技术
用户体验
安全性
Uni-app 也能像 Vue 一样用 App.vue?这款插件做到了!
编程
Uni-app 也能像 Vue 一样用 App.vue?这款插件做到了!
2025-07-25 19:33:08 +0800 CST
view 99
本文介绍了如何使用`@uni-ku/root`插件为uni-app提供根组件支持,使其能够像Vue一样使用App.vue。通过该插件,开发者可以轻松集成全局组件,如Toast、Loading等,解决了uni-app中全局状态共享和组件挂载的痛点。文章还提供了详细的安装和配置步骤,以及示例代码,帮助开发者更好地使用uni-app。
uni-app
Vue
前端开发
插件
组件
windows下升级node引发的一系列问题
编程
windows下升级node引发的一系列问题
2024-11-17 18:45:16 +0800 CST
view 3674
由于项目需要升级node程序,用户下载并安装了新的node版本。升级后,npm无法使用,提示找不到vue.js模块。用户通过删除npm和node_modules目录,重新安装vue-cli和@vue/cli解决了问题。最后提醒用户设置环境变量以确保命令可用。
Node.js
前端开发
软件安装
JavaScript 开源无限滚动网格库InfiniteGrid
编程
JavaScript 开源无限滚动网格库InfiniteGrid
2024-11-18 18:25:13 +0800 CST
view 1038
InfiniteGrid是一个高性能的JavaScript开源库,旨在实现各种类型的网格布局,支持无限滚动功能。它适用于桌面端和移动端,能够与主流前端框架如Vue、React、Angular和Svelte集成。核心特点包括高性能的DOM管理、多种布局类型(如瀑布流和对齐布局)、响应式设计以及动态加载内容,极大提升了开发效率。
JavaScript
前端开发
开源库
网页布局
用户体验
什么是Axios? 为什么要封装? 如何优雅地封装?
编程
什么是Axios? 为什么要封装? 如何优雅地封装?
2024-11-17 21:34:28 +0800 CST
view 846
本文介绍了Axios的基本概念及其封装的必要性和步骤。Axios是一个用于在浏览器和Node.js中发送请求的库,封装Axios可以简化重复代码和处理响应逻辑。文章提供了如何创建Axios实例、配置基本信息、使用拦截器以及封装请求方法的详细示例,帮助开发者优雅地管理API请求。
前端开发
JavaScript
API请求
综合
使用 Vue3、Shadcn UI、Vite、TypeScript 和 Monorepo 构建的现代 vue 管理面板。 等多种 UI 的中后台系统框架
2024-11-18 18:53:38 +0800 CST
view 1789
VbenAdmin是一个流行的中后台管理系统框架,支持多种UI框架如AntDesignVue、ElementPlus和NaiveUI。最新版本v5.0.0引入了先进的项目管理模式,提供动态菜单、权限控制和国际化等功能。项目支持自定义UI框架,便于开发者根据需求选择组件库。安装要求Node.js20及以上,并需使用指定版本的pnpm。
前端框架
开发工具
项目管理
开源
介绍`Navigator`对象的各个属性,包括其描述、用法和返回值
综合
介绍`Navigator`对象的各个属性,包括其描述、用法和返回值
2024-11-19 02:17:35 +0800 CST
view 938
本文详细介绍了`Navigator`对象的各个属性,包括其描述、用法和返回值。涵盖了如`appCodeName`、`appName`、`bluetooth`、`clipboard`等属性,提供了如何在实际应用中利用这些信息的示例代码,帮助开发者更好地理解和使用这些API,以优化用户体验和应用性能。
Web开发
浏览器API
前端技术
用户体验
JavaScript
综合
这是一款支持Vue3和React的开源Markdown富文本编辑器,提供实时预览、丰富的编辑功能和高度自定义选项
2024-11-19 06:43:02 +0800 CST
view 1433
这是一款支持Vue3和React的开源Markdown富文本编辑器,提供实时预览、丰富的编辑功能和高度自定义选项。用户可以通过简单的安装步骤将其集成到项目中,支持多种扩展和主题,提升文档管理和文章编辑的体验。
开发工具
前端
开源项目
Markdown编辑器
Vue 中的 v-for 指令可以使用在哪些类型的数据结构上?
编程
Vue 中的 v-for 指令可以使用在哪些类型的数据结构上?
2024-11-18 19:15:09 +0800 CST
view 681
Vue.js中的v-for指令用于遍历多种数据结构,包括数组、对象、数值和字符串。通过示例代码,展示了如何使用v-for遍历数组中的元素、对象的属性、数值范围以及字符串中的字符。v-for的灵活性使得开发者能够高效地展示和处理数据,提升开发效率。
Vue
前端开发
JavaScript
编程
vue打包后如何进行调试错误
2024-11-17 18:20:37 +0800 CST
view 3105
在打包项目时遇到白屏错误,控制台显示压缩代码导致无法定位问题。经过几个小时的尝试,决定取消map过滤进行打包,最终发现错误源于Vuex的使用方式。修改后重新打包,问题得到解决,主要是由于自己的疏忽。
前端开发
错误调试
Vue框架
大家都在搜索什么?
易支付
一个官网+多少钱
统一接受回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
企业官网建站费用
一个官网 多少钱
上一页
1
...
11
12
13
14
15
...
24
下一页