前端哥

Vue Grid Layout -️ 适用Vue.js的栅格布局系统,在vue3 上使用

2024-04-03官网地址:https://madewithvuejs.com/vue-grid-layout中文文档:https://github.com/jbaysolutions/vue-grid-layout/blob/master/README-zh_CN.md可拖拽可调整大小静态部件(不可拖拽、调整大小)拖拽和调整大小时进行边界检查增减部件时避免重建栅格可序列化和还原的布局自动化RTL支持响应式。_vue-grid-layout vue3

https://www.qianduange.cn//article/4437.html 分类:前端知识

Hugo的Stack主题配置记录03-背景虚化-导航栏-Apache ECharts创建地图

2024-08-18hugo-theme-stack-3.26.0\layouts_default中创建了daily_info.html自定义了模板,引入了index4.index(archives.html也默认再此设置的)我创建在了\hugo-theme-stack-3.26.0\layouts\partials\navbar目录下的navbar.html。我放在了\hugo-theme-stack-3.26.0\assets\scss\partials的navbar.scss中。类在暗色模式下应用黑色毛玻璃效果。_hugo theme stack

https://www.qianduange.cn//article/16159.html 分类:前端知识

2024最新前端面试题(附答案及解析)

2024-08-18BFC 就是块级格式上下文,是页面盒模型布局中的一种 CSS 渲染模式,相当于一个独立的容器,里面的元素和外部的元素相互不影响。html 根元素float 浮动绝对定位overflow 不为 visiabledisplay 为表格布局或者弹性布局清除浮动防止同一 BFC 容器中的相邻元素间的外边距重叠问题主要分成两部分:渲染引擎(Layout Engine或Rendering Engine)和js引擎。_2024前端面试题

https://www.qianduange.cn//article/16049.html 分类:前端知识

推荐使用Zabuto Calendar:轻量级的jQuery日历插件

2024-08-18推荐使用Zabuto Calendar:轻量级的jQuery日历插件 calendarThis library is a jQuery plugin that lets you add a month calendar to your web page.项目地址:https://gitcode.com/gh_mirrors/calendar4/calendar 在网页设计中,日期和事件管理工具是...

https://www.qianduange.cn//article/15964.html 分类:前端知识

Vue3 TypeScript实现瀑布流布局

2024-08-16瀑布流布局(Waterfall Flow Layout)是一种常用于网页设计的布局方式,它可以实现图片或内容的自适应排列,使页面看起来更加美观和流畅。先看实现效果:下面是使用 vue 实现瀑布流布局的一般步骤:1.定义列数、行间距、列间距2.容器设置为相对定位、item设置为绝对定位3.获取容器宽度:容器总宽度-内边距(paddingLeft paddingRight)4.计算每列宽度:(容器宽度 - 列间距 * (列数 - 1)) / 列数5.获取每一个item的高度(需要放在nextTic_vue3.2 ts实现瀑布流

https://www.qianduange.cn//article/15797.html 分类:前端知识

【Vue】出现 - did you register the component correctly? 的解决方法

2024-08-15【Vue】出现 - did you register the component correctly? 的解决方法_did you register the component correctly

https://www.qianduange.cn//article/15740.html 分类:前端知识

npm install安装报错

2024-08-15完后,还是报那个错误,请继续执行如下命令,再执行npm install亲测有效。如果上述代码还是不行,就重新安装一下node和npm,看版本是否匹配。再执行 npm install 就可以了。解决办法1:(没有解决我的问题)_not compatible with your version of node

https://www.qianduange.cn//article/15730.html 分类:前端知识

webpack5打包一个TS 库并发布到npm 一条龙实战教程(附模板代码)

2024-08-14自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!_do you want to add pwa support

https://www.qianduange.cn//article/15632.html 分类:前端知识

CSS3响应式布局中,如何适配不同屏幕和设备?

2024-08-14然而,随着技术的不断发展和设备的不断更新换代,我们也需要不断学习和探索新的技术和方法,以适应不断变化的市场需求。在完成响应式布局的设计和实现后,我们需要对不同设备和屏幕尺寸进行充分的测试和调试,以确保页面能够正确地显示和交互。它通过使用媒体查询(Media Queries)和流式布局(Fluid Layouts)等技术,根据设备的屏幕尺寸、分辨率和方向等特性,自动调整页面布局、字体大小、图片尺寸等元素,以确保页面在不同设备上都能够良好地显示和交互。来自:www.yangzhie288.com。_css响应式

https://www.qianduange.cn//article/15567.html 分类:前端知识

11 使用Vue Vuex CSS3完成管理端响应式架构模板实战

2024-03-01本小节我们通过获取Vuex中的store数据;然后使用CSS3完成一个管理端响应式的layout架构模板,包含顶部header头界面,左侧准备放置菜单的界面,以及中间主体content区域。在后续的章节中,我们将会不断在左侧添加菜单的维护,然后每次点击菜单,都会在中间区域开展对应的业务。_vue css3响应式布局

https://www.qianduange.cn//article/3015.html 分类:前端知识

167条数据,当前8/17

最近搜索

会员中心 联系我 留言建议 回顶部