程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
15年,专注软件定制开发
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
平面设计常用尺寸
编程
平面设计常用尺寸
2024-11-19 02:20:22 +0800 CST
view 2131
本文详细列出了各种名片、宣传册、信纸、信封等的标准尺寸,包括横版、竖版和方版的具体尺寸,以及不同开本的纸张尺寸。还解释了开数的概念,说明了如何计算成品尺寸与纸张尺寸之间的关系。内容涵盖了多种常见的印刷产品及其规格,适用于设计和印刷行业的参考。
设计
印刷
规格
综合
效率翻倍!6 款不容错过的免费 AI 神器
2024-11-19 08:21:41 +0800 CST
view 1134
本文介绍了六款免费的AI工具,包括矢量插画库vectorCraftr、具备OCR功能的截图工具Pixpin、在线图像放大工具TileControlnet、面部动画生成模型LivePortrait、开源TTS模型FishSpeech,以及AI动效制作工具DreamMachine。这些工具各具特色,旨在提升工作效率和创作能力,适合设计师和开发者使用。
人工智能
设计工具
效率提升
编程
为什么你应该停止使用传统的 Margin 和 Padding
2024-11-18 14:34:19 +0800 CST
view 588
随着网络用户的增加,确保可访问性变得重要。传统的`margin`和`padding`可能导致不同区域设置的用户困惑。现代开发者应使用`margin-inline`、`margin-block`、`padding-inline`和`padding-block`,以适应不同方向的布局需求。这些新属性通过定义起始和结束边距,确保无论区域设置如何,布局都能按预期显示。结合`flexbox`使用时,这些属性更加强大。
前端开发
CSS
无障碍设计
综合
开源 | 一款基于 Vue 的低代码,6K star 的可视化表单设计器工具,轻松搞定表单,支持多端适配
2024-11-19 08:33:51 +0800 CST
view 1649
FormCreate是一款基于Vue的低代码可视化表单设计器工具,支持多端适配和国际化,用户可通过直观界面快速构建功能完备的表单。它内置丰富的组件库,支持动态渲染和事件绑定,广泛应用于政务、OA、ERP、电商等系统,提升开发效率,简化表单设计流程。该工具遵循MIT许可证,适合商业用途和定制开发。
开源工具
低代码
表单设计
Web开发
Vue框架
Vue.js 中的依赖注入(Dependency Injection)是如何工作的?它有什么用处?
编程
Vue.js 中的依赖注入(Dependency Injection)是如何工作的?它有什么用处?
2024-11-17 19:52:50 +0800 CST
view 399
在Vue.js中,依赖注入是一种设计模式,通过`provide`和`inject`实现组件之间的松耦合。父组件可以提供数据或方法,子组件无需通过`props`逐级传递即可使用。这种方式简化了组件通信,解耦了组件,提高了可复用性和可维护性。依赖注入广泛应用于全局配置和插件开发,掌握其原理和应用场景对提高开发效率至关重要。
Vue.js
设计模式
前端开发
组件
编程
Python设计模式之工厂模式详解
编程
Python设计模式之工厂模式详解
2024-11-19 09:36:23 +0800 CST
view 596
工厂模式是一种创建型设计模式,用于封装对象的创建过程,提高系统的灵活性和可扩展性。本文介绍了工厂模式的概念、分类及其优缺点,并通过示例代码展示了简单工厂模式、工厂方法模式和抽象工厂模式的实现及应用场景。掌握这些模式可以帮助开发者设计更灵活、可维护的软件系统。
设计模式
软件开发
Python编程
Vue 中的作用域插槽(Scoped Slot)是什么,如何使用它?
编程
Vue 中的作用域插槽(Scoped Slot)是什么,如何使用它?
2024-11-18 18:41:20 +0800 CST
view 618
Vue中的作用域插槽是一种特殊的插槽类型,允许父组件接收子组件传递的数据并动态渲染内容。通过`v-slot`指令,父组件可以定义插槽并使用子组件提供的数据。示例中,父组件通过`slotProps`渲染子组件传递的`data`,实现了灵活的组件复用和渲染控制。作用域插槽为构建复杂组件提供了更高的灵活性和复用性。
前端开发
Vue.js
组件设计
Vue 中的 mixins 和 extends 两种方式有什么区别?
编程
Vue 中的 mixins 和 extends 两种方式有什么区别?
2024-11-18 23:38:32 +0800 CST
view 582
本文探讨了Vue.js中的mixins和extends两种代码复用和组件扩展的方式。mixins允许在多个组件之间共享逻辑,而extends则是基于已有组件创建新组件。mixins会合并选项,适合通用功能复用;extends适合组件层次化扩展。选择使用哪种方式取决于代码复用需求和组件架构。
前端开发
JavaScript
Vue.js
组件设计
代码复用
如何在Vue3中使用CompositionAPI构建一个响应式导航菜单?
编程
如何在Vue3中使用CompositionAPI构建一个响应式导航菜单?
2024-11-19 08:34:45 +0800 CST
view 717
本文介绍了如何在Vue3中使用CompositionAPI构建一个响应式导航菜单。通过创建一个简单的项目结构和组件,文章详细说明了响应式布局、动态切换页面和高亮选中项的实现。读者可以通过示例代码学习如何处理不同屏幕尺寸下的用户交互,提升用户体验。
Web开发
前端
Vue.js
响应式设计
用户体验
JavaScript设计模式:适配器模式
编程
JavaScript设计模式:适配器模式
2024-11-18 17:51:43 +0800 CST
view 635
适配器模式是一种结构设计模式,通过创建适配器解决不同模块之间接口不兼容的问题。它包含目标接口、被适配者和适配器,允许不兼容的类协同工作。适配器模式的优点包括兼容性、灵活性和复用性,但也可能增加系统复杂性。Axios是适配器模式的经典应用,能够在不同环境中使用统一的API接口,简化请求机制。
设计模式
软件开发
JavaScript
JavaScript设计模式:单例模式
编程
JavaScript设计模式:单例模式
2024-11-18 10:57:41 +0800 CST
view 553
单例模式是一种对象创建型设计模式,确保一个类只有一个实例,并提供全局访问点。它适用于管理共享资源,如配置文件和数据库连接。单例模式的优点包括资源节约和数据一致性,但也可能导致全局状态难以管理和扩展性受限。在JavaScript中,jQuery和Pinia展示了单例模式的应用。
设计模式
JavaScript
编程
代码
炫酷彩色粒子鼠标跟随动画效果(附源代码)
2024-11-18 05:19:55 +0800 CST
view 832
这是一个交互式的彩色粒子动画,随着鼠标移动产生五彩缤纷的粒子爆炸效果。通过定义粒子类、创建爆炸效果和使用动画循环,代码实现了流畅的视觉体验。用户只需将源代码复制到HTML文件中并在浏览器中打开,即可体验该动态效果。
动画
交互设计
Web开发
JavaScript设计模式:发布订阅模式
编程
JavaScript设计模式:发布订阅模式
2024-11-18 01:52:39 +0800 CST
view 552
发布订阅模式是一种对象间通信机制,发布者通过消息中间件向多个订阅者发送消息,二者不直接相互了解。该模式包含发布者、订阅者和中介等组件,具有解耦、扩展性和灵活性等优点,但也存在消息顺序和性能问题。广泛应用于物联网、事件总线和Vue响应式系统等场景。
设计模式
JavaScript
编程
JavaScript设计模式:观察者模式
编程
JavaScript设计模式:观察者模式
2024-11-19 05:37:50 +0800 CST
view 576
观察者模式是一种行为设计模式,定义了一对多的依赖关系,使得一个对象的状态变化时,所有依赖者都会得到通知并自动更新。模式包含观察目标和观察者,适用于事件驱动场景,如MVC架构和DOM事件监听。优点包括解耦和灵活性,但也可能导致性能消耗和循环依赖。该模式在许多框架和库中被广泛应用。
设计模式
软件开发
JavaScript
JavaScript设计模式:桥接模式
编程
JavaScript设计模式:桥接模式
2024-11-18 19:03:40 +0800 CST
view 664
桥接模式是一种结构型设计模式,通过将抽象部分与实现部分分离,允许它们独立变化,适用于处理多维度变化的系统。该模式包含抽象类、实现类接口、细化抽象类和具体实现类。它的优点包括解耦、扩展性和灵活性,但也增加了系统设计的复杂性。桥接模式在前端开发中广泛应用于UI组件库和Ajax数据请求的实现。
设计模式
软件工程
前端开发
JavaScript设计模式:组合模式
编程
JavaScript设计模式:组合模式
2024-11-18 11:14:46 +0800 CST
view 633
组合模式是一种对象结构型设计模式,允许将对象组合成树形结构以表示部分-整体的层次关系。它包括抽象类Component、叶节点Leaf和容器节点Composite,客户端通过Component接口与组合结构交互。该模式适用于树形结构和层次结构的统一操作,具有易于扩展和递归操作的优点,但也存在类型限制和复杂性增加的问题。
设计模式
JavaScript
编程
软件工程
树形结构
JavaScript设计模式:装饰器模式
编程
JavaScript设计模式:装饰器模式
2024-11-19 06:05:51 +0800 CST
view 626
装饰器模式是一种结构型设计模式,允许在不修改对象本身的情况下动态地为其增加新功能。通过创建包装对象,装饰器模式实现了对象功能的扩展。该模式的核心组件包括抽象组件、具体组件、抽象装饰者和具体装饰者。它在多个领域有广泛应用,如Axios拦截器、React高阶组件和TypeScript装饰器,提供了灵活且优雅的解决方案。
设计模式
JavaScript
编程
软件工程
前端开发
Go 如何做好缓存
编程
Go 如何做好缓存
2024-11-18 13:33:37 +0800 CST
view 492
本文详细介绍了如何在Go中设计和实现高效的缓存机制,包括缓存设计思路、状态管理、淘汰策略、更新策略和预热机制。通过合理的缓存方案(如分布式缓存和本地缓存)和使用LRU淘汰策略,可以显著提升系统性能并确保数据一致性。
编程
系统设计
性能优化
缓存
Go语言
Vue3和Bootstrap创建一个响应式导航栏。通过结合Vue3的CompositionAPI和Bootstrap的样式,开发者可以快速构建美观且易于使用的导航组件
编程
Vue3和Bootstrap创建一个响应式导航栏。通过结合Vue3的CompositionAPI和Bootstrap的样式,开发者可以快速构建美观且易于使用的导航组件
2024-11-19 03:33:21 +0800 CST
view 960
本文介绍了如何使用Vue3和Bootstrap创建一个响应式导航栏。通过结合Vue3的CompositionAPI和Bootstrap的样式,开发者可以快速构建美观且易于使用的导航组件。文章详细说明了项目创建、组件构建及样式自定义的步骤,旨在帮助开发者提升用户体验并简化开发流程。
Web开发
前端框架
用户界面设计
一个简单的瀑布流布局实现方法,使用Vue3和Vite技术
编程
一个简单的瀑布流布局实现方法,使用Vue3和Vite技术
2024-11-19 09:50:45 +0800 CST
view 897
本文分享了一个简单的瀑布流布局实现方法,使用Vue3和Vite技术。通过自定义指令`v-waterfall`,实现动态卡片布局,并提供了HTML、CSS和JavaScript代码示例。文中还讨论了如何处理卡片间隔的问题,适合开发者参考和优化。
前端开发
Web设计
Vue框架
Vue3中创建和使用全局组件。全局组件可以在应用的任何地方复用,确保一致性
编程
Vue3中创建和使用全局组件。全局组件可以在应用的任何地方复用,确保一致性
2024-11-19 07:51:32 +0800 CST
view 1015
本文详细讨论了如何在Vue3中创建和使用全局组件。全局组件可以在应用的任何地方复用,确保一致性。通过示例代码,展示了创建项目、定义组件、注册组件及在其他组件中使用的具体步骤,强调了全局组件在提高代码复用性和维护性方面的重要性。
前端开发
Vue框架
组件设计
综合
ColorUIGA是一个基于ColorUI2.0的高颜值、轻量级、开源的CSSUI组件库,专为小程序开发设计
2024-11-19 09:42:01 +0800 CST
view 933
ColorUIGA是一个基于ColorUI2.0的高颜值、轻量级、开源的CSSUI组件库,专为小程序开发设计。它提供了多种实用组件和免费页面模板,支持原生小程序和uniapp。用户可以通过简单的配置使用自定义导航栏和各种组件,提升开发效率和界面美观度。
UI组件
小程序开发
前端框架
开源项目
设计
综合
FcDesigner:低代码表单设计平台
2024-11-19 03:50:18 +0800 CST
view 974
FcDesigner是一个基于Vue和ElementPlus/ElementUI的低代码表单设计平台,支持拖拽操作,适配Vue2和Vue3,内置中英文国际化,提供36种组件和灵活的事件绑定,允许用户无需代码即可可视化编辑表单。该平台支持复杂布局和多种表单配置,适合快速开发和设计表单界面。
低代码
表单设计
前端开发
ElementUI
ElementPlus
vue
CSS 中的 `scrollbar-width` 属性
编程
CSS 中的 `scrollbar-width` 属性
2024-11-19 01:32:55 +0800 CST
view 817
`scrollbar-width`是一个CSS属性,用于控制滚动条的宽度,主要用于自定义滚动条外观。它有三种值:`thin`、`none`和`auto`。该属性可确保在不同平台上滚动条样式的一致性,满足设计需求,并提升用户体验。示例代码展示了如何设置滚动条样式及其兼容性注意事项。
CSS
前端开发
用户界面设计
大家都在搜索什么?
统一接受回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
企业官网建站费用
一个官网 多少钱
公司官网费用
网站运营费用
上一页
1
...
3
4
5
6
下一页