摘要：
# 设置默认字体，免得后面批量修改文字字体 # 善用符号，将重复样式做成符号批量添加，后期可以批量修改。 页面布局会用到的导航栏，页头页脚，表单元素轮廓，甚至是特殊字符，都可以做成动态或者静态符号。 将常用的布局尺寸，颜色等内容形成集合做成符号，随时取用提高工作效率。 # 注意描边，选择描边内部对齐 阅读全文
摘要：
同构渲染 所谓同构渲染，就是服务端构建页面并且渲染成html之后返回客户端，这里面的问题在于，同构渲染是需要获取动态渲染，然后返回静态页面的。 在服务端渲染前获得请求到的数据 nuxt3 官方推荐的方式是使用 useFetch 函数，相比于 axios，它只会进行一次请求，不需要去区分 服务端请求和 阅读全文
摘要：
安装 ununtu 下面安装很简单 sudo apt update duso apt install nginx 配置文件和目录 这里白色的文件只需要关注一个 nginx.conf，这个是主配置文件。默认文件里面会自动导入两个enabled目录里面的内容。 conf.d 应该是放置通用配置的，ngi 阅读全文
摘要：
原则 页面尽可能干净，结构和调理尽可能清洗整洁。能够快速定位，利于代码实现，调试和维护。 尽可能seo友好，合理使用 title 和 alt 属性，a标签等。 环境准备 创建目录：pages、components、composables，assets等，删除App.vue文件。 在 assets 目 阅读全文
摘要：
描述信息 title 页面标题 heading 包含h1，h2 等，配合文档结构构成文档大纲，需要合理安排 Meta Description 和 keywords 标签，对页面的描述。 <head> <meta charset="UTF-8"> <meta name="description" co 阅读全文
摘要：
字体图标是什么 简单来说，就是把将矢量图标转换成字体格式，然后用使用字体的方式来使用图标。 优点显而易见，一个字体文件可以包含很多字体图标，不像图片，每一张都需要请求一次。 设置字体的大小和颜色，显然要比设置图片的方便很多。 字体图标怎么用 可以通过css的方式使用，也可以通过字符的方式使用。前者应 阅读全文
摘要：
# 问题 很多时候，我们在需要用户上传文件如 图片，音视频等的时候，用户有预览文件以免发错的需求，在文件管理器里面预览显示会增加用户的操作量， 要在 web 上预览本地文件，我们就需要把文件变成 web元素，而关联 web元素 和文件的东西，就是src属性。所以我们实际上是需要拿到文件的路径 单显然 阅读全文
摘要：
# 拖拽 拖拽会触发相关事件，就像 mouse 相关的事件一样 dragstart 拖动开始，该事件添加到被拖动的元素 dragenter 拖动行为到达某元素上方，该事件添加到被鼠标拖动时经过的元素 dragleave 与上一条相对应 dragover / dragout 这里需要注意的是，某些时候 阅读全文
摘要：
# 前端部分 * 通过 form 表单 的 input 标签即可从本地选择文件，input 的 type 属性需要设置为 file * 需要注意的是，上传文件不是一定要将header 的 Content-Type 设置为 multipart、form-data 的 * 如果后端用 express 搭 阅读全文
摘要：
* 在form表单中选择视频和图片文件后，如果有在网页上预览的需求，可以通过H5提供的 FileReader 对象来实现 * FileReader - Web API | MDN、 * 案例 (本例只是展示如何获取到本地图片和视频的base64 url地址，实际项目中还会涉及到选中文件的删除等操作， 阅读全文
