蜡笔小新1980的博客

结合动态设置根字体大小的脚本（如通过 JavaScript 监听屏幕尺寸变化），实现页面元素在不同设备上的自适应缩放。

在我们一般web端进行页面拼接完成后，在web端的显示正常（毕竟我们是按照web端进行页面拼接完成的），那么要是用其他设备打开呢，比如手机或者平板，这时候显示的比例和尺寸跟我们看到的就大相径庭了。由于手机屏幕尺寸不一样，分辨率不一样，或者你需要考虑横竖屏的问题，这时候你也就不得不解决在不同手机上，不同情况下的展示效果了。另外一点，UI一般输出的视觉稿只有一份，比如淘宝就会输出：750px 宽度的（高度是动态的一般不考虑）（详情），这时候开发人员就不得不针对这一份设计稿，让其在不同屏幕宽度下显示 一致。

Vue3配置路由

Astro是一个静态网站生成器的前端框架，它提供了一种新的开发方式和更好的性能体验，帮助开发者更快速地构建现代化的网站和应用程序。：Astro这个是一个网站生成器，可以直接通过提供的模版进行下载想要的网站模版，比如一般官网下载信息网站或者博客网站。

同样的elementplus中轮播图之前那里解决方式是进行了deep穿透，所以能够达到效果；但是这里不行，因为这里的时间选择器组件是默认挂载在body上面的，所以无论是直接修改样式、穿透或者是使用官方的popper-class来隐藏掉“此刻”按钮都是没有效果的。：在去掉’'此刻“按钮的时候，发现局部修改样式是没有效果的，这跟我之前5图的轮播图样式修改雷同，没有效果。，进行全局样式修改，即可成功，因为全局样式优先级是最高的，可以覆盖掉。

Day.js是一个极简的JavaScript库，可以为现代浏览器解析、验证、操作和显示日期和时间。主要为操作时间日期的库。

在web页面拼好了之后，使用android和ios进行测试的时候，android轮播图能够实现触摸滑动，但是ios不可以，于是添加一下代码后即可进行两者滑动。

使用elementplus组件的时候需要进行样式改变，这里实测进行调节背景、字体颜色以及字体大小，边距等。

能够通过点击事件完成复制链接的功能。

记录vue3自定义轮播图模版。使用原因：elementplus自带的走马灯效果样式与需求不一样，而且封装不容易改，于是自己找到自定义模版进行修饰。以下是模版，具体需求自己进行更改。

问题描述：vue对于值相乘加减等会有一定的**精确值**问题，让我们得到的结果跟预想的结果不一样，如：

快速了解ts的语法摘要，通过代码来类比

说明：由于el-input标签使用会默认占满一行，所以在某些需要多个展示一行的时候不适用，因此需要能够跟其他组件显示在同一行。

如果需要控制行数，并且动态加载列数，故需要两个变量进行设置，这里采用的就是这个思想，能够实现需求效果。：使用el-table的时候，根据需求，能够实现由字段个数动态增加表格列，表格行数固定为3行。

描述：表格得到的数据进行筛选排序后再进行展示，所以需要查的内容全部查询出来后进行筛选或排序再进行展示。这里的操作记录我使用的方法，能够实现筛选后的展示情况。效果：进行整体时间排序，前端，最好是从接口一次性查询出所有数据

表单里面后两个属性需要根据前面一个属性进行有无判断。如果前面属性没有输入值，则不需要进行操作；如果前面属性有输入值，则后面两个值都需要进行填入。即前面不选，则后必选。：表单验证、属性绑定、整体表单验证。

让图片加载完成后，再执行滚动函数，避免出现图片加载一半的时候，滚动下来底部只出现半张图片。(适用于不容易找到图片位置的情况，否则直接onload函数即可)

目前前端最热的框架之一，风格：模块文件化风格，以及js风格。采用热部署（实时更新前端页面，不用来回启动服务），系统化前端，可以规范的进行前端开发，与后端开发相似了，采用域名访问，单独使用一个端口，可以通过伪数据进行后端数据模仿，也可以在后端开启的时候，实时获取数据。