2024-01-26我们希望可以一块一块的滚动，比如当前一个块滚出去了一部分并且后一个块滚进来一部分的时候，实现后一个块自动滚入或者前一个块回弹到初始位置这种效果，以前的时候用js需要写比较复杂的判断逻辑，后来有了一个css。scroll-snap-type指明了一个可以滚动的容器是否是scroll snap container , snap地是否严格() , 在哪个轴上实现snap效果。1、scroll-snap-type（吸附模式：添加到父元素中）snap这个方法，可以比较方便的实现想要的效果了，基本够用。_css 自动吸附

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

2024-01-26图片轮播的原理是通过控制显示和隐藏不同的图片来实现图像的切换，从而创建连续播放的效果。用到的知识点有定位和定时器。实现步骤：首先，需要在HTML中创建一个包含轮播图片的容器，通常使用或元素。每张图片通常嵌套在容器内的单独元素中，例如或。通过CSS样式，定义轮播容器的尺寸、位置、样式以及图片的尺寸和位置。使用CSS来设置图片的显示和隐藏，通常通过或者opacity: 0;来隐藏不显示的图片。JavaScript用于控制图片的切换。_css轮播图

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

2024-01-26属性表示注意点font-size字号一定要跟上单位，通常单位是px字体实际工作中按照团队约定来写字体字体粗细加粗是700或bold，不加粗是400或normal，数字不要跟单位font-style字体样式倾斜是italic，不倾斜是normal，工作中最常用normalfont字体连写1、字体连写是有顺序的，不能随意换位置2、其中字号和字体必须同时出现四、CSS文本属性CSS Text（文本）属性可定义文本的外观，比如文本颜色、对齐文本、装饰文本、文本缩进、行间距等。属性。

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

2024-01-26背景系列属性，共包含9种属性：background-color：设置元素的背景颜色。background-image：设置元素的背景图片。background-size：设置元素背景图片的大小。background-position：设置元素背景图片的位置。background-repeat：设置背景图片是否重复，以及如何重复。background-clip：设置元素背景的渲染区域。background-origin：设置元素背景的定位区域。background-attachment：设置元素的背景图片是否_css background

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

2024-01-26【2023年华为OD机试真题（C卷）】传递悄悄话（优先搜索（DFS）-Java&Python&C &JS实现）给定一个二叉树，每个节点上站着一个人，节点数字表示父节点到该节点传递悄悄话需要花费的时间。初始时，根节点所在位置的人有一个悄悄话想要传递给其他人，求二叉树所有节点上的人都接收到悄悄话花费的时间。_华为机试 传递悄悄话

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

2024-01-25vue前端实现图片下载，实现点击按钮弹出本地窗口，选择自定义保存路径_前端下载文件打开弹窗选择下载位置

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

2024-01-25最近项目需要开发大屏，要实现全国地图下钻，并且根据不同状态标记点位，点击弹窗显示当前点击省市区的列表信息，弹窗位置根据点击位置获取，记录一下。_vue echarts地图下钻

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

2024-01-25作为新手小白，在我们熟悉了HTML , CSS，JS的功能和语法之后，Web前端开发中，更重要的还有界面的美化，主要依据CSS的庞大功能来实现，今天我来给大家分享的是，利用html代码来实现横向导航栏以及下拉菜单列表的实现。首先，用和标签将导航栏的布局搭建出来（此时的一级导航栏还是纵向的位置，如何拉至横向需要CSS部分的辅助，下面CSS部分会提到），代码中的"登录","注册","留言","我的"为导航栏的标签部分，搭建二级菜单栏的代码位置，类似于“嵌套”_html导航栏二级下拉菜单

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

2024-01-24数据系列，包括折线图、柱状图、散点图、饼图等，可以设置系列的类型、数据、样式和标注等属性。图例组件，用于展示数据系列的标识和名称，支持点击切换系列的显示状态。: 网格组件右侧位置，同样可以设置为像素值、百分比或预设的字符串值。: 网格组件顶部位置，同样可以设置为像素值、百分比或预设的字符串值。:网格组件底部位置，同样可以设置为像素值、百分比或预设的字符串值。: 网格组件左侧位置，可以设置为像素值、百分比或预设的字符串值。: 网格的边框颜色，可以设置为颜色值。: 网格的边框宽度，可以设置为像素值。_echarts label

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

2024-01-24vue-antdesign——实现table单元格合并 换行展示 滚动到指定位置 行样式设置——技能提升_antd table合并单元格

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