前端哥

Vue复刻华为官网 (一)

2024-02-15根据华为网页的布局,我们大体上可以将其划分为7个盒子,如下,由于写一个这样的网页再加上部分动态效果,需要的时间很长,本篇博客只记录了div1、div2、div3的静态效果 轮播图的实现。想要实现的正是最上部那个黑色的圆框我的思路很简单,用四个盒子,其中最大的盒子也就是整个黑色框,大盒子里面包裹着小盒子,每个小盒子对应一个字段(集团网站、选择区域/语言、登录),排版布局,则需要三个小盒子,依次向左浮动(float:left;)。或者大盒子单独采用display:flex;布局我看了一下华为公司的代码,他是用的_用vue制作华为商城网页

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

华为OD机试真题目录汇总(C语言、C 、Java、Python、JS五种语言解法)2024 B C D卷

2024-02-15本文是2024华为OD机试真题(C C Java Py JS) B卷专栏的目录贴(定期更新华为OD各个时间阶段的机试真题,每日定时更新,本专栏每篇的文章都会将使用C语言、C 、Python、Java、JS五种语言进行更新解答,包含真题,思路分析,代码参考,每个题目的思路分析都非常详细,超过百字欢迎大家订阅学习,代码可以直接运行使用,限时优惠,持续更新)华为OD是Outsourcing Dispacth模式,是华为和外企德科联合招聘的简称。目前华为大多数是OD招聘。_华为od机考

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

解决“Module build failed (from ./node_modules/sass-loader/dist/cjs.js)“错误

2024-02-15如果你在使用Node.js和Sass时遇到了"Module build failed (from ./node_modules/sass-loader/dist/cjs.js)"的错误,不要担心,这篇技术指南将详细介绍这个问题,并提供解决办法。首先,让我们深入了解这个错误。_module build failed (from ./node_modules/sass-loader/dist/cjs.js): sasserror

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

原生HTML通过JS(ES6、JQuery)引入公共模块(header,footer,menu等)实现模块化以及组件化,实现父子组件传值以及数据监听(基于Object.defineProperty)

2024-02-14一些项目有时候,因为需求不同,比如需要SEO或者项目很小,亦或者只需要做一个简单好管理的官网或者网站等等,在这种情况下,我们再去使用类似于vue和react等等这类型框架,就有一点大材小用,也有点费时间。但是,vue这类框架的组件化开发在体验上对开发者非常友好,那么我们如果通过使用原生的前端技术去实现组件化开发?_原生js怎么引入组件

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

Echarts5.* 关系图谱(relation graph)添加节点拖拽、点击节点高亮效果

2024-02-14echarts关系图谱添加节点拖拽、点击高亮效果_echarts关系图拖动

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

解决echart重新绘制图表时闪烁的问题

2024-02-14animationDuration: 0,//这里两个动画设置可以让图表更顺滑animationEasing: 'cubicInOut'//这里两个动画设置可以让图表更顺滑myChart1.setOption(option,true);//注意要设置true_echarts刷新数据闪烁

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

【css】渐变-背景渐变、边框渐变、文字渐变

2024-02-14● position:指定渐变起点的坐标,您可以使用数值加单位、百分比或者关键字(例如 left、bottom 等)等形式指定渐变起点的坐标,如果提供 2 个参数,那么第一个参数用来表示横坐标,第二个参数用来表示纵坐标,如果只提供一个参数,那么第二个参数将被默认设置为 50%,即 center;● direction 可选值,定义渐变的方向(例如从左到右,从上到下),可以是具体角度(例如 90deg),也可以通过 to 加 left、right、top、bottom 等关键字来表示渐变方向;_linear-gradient( to right bottom, rgba(255,255,255,.7), rgba(255,255,255,.5)

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

uniapp实现红包动画效果(vue3)

2024-02-14uniapp小程序实现红包动画效果(vue3 ts)使用uni.createAnimation()具体查看官方文档。首先安装CSS动画库animate.css依赖。红包整体主要分三部分 红包头部 中部 底部。除了红包底部 头部和中部需要定位。打开main.ts文件引入。_vue nui-app 红包功能

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

【Web前端】一文带你吃透CSS(中篇)

2024-02-14首先,在这里所有HTML元素可以看作盒子,在CSS中,盒子模型用于设计和布局。CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。完整大小的元素,必须包括宽度和高度,还必须包含内边距,边框和外边距。

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

3893条数据,当前358/390

最近搜索

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