项目笔记
未读1. API 接口文档1.1. API V1 接口说明
服务端已开启 CORS 跨域支持
API 认证统一使用 Token 认证
需要授权的 API ，必须在请求头中使用 Authorization 字段提供 token 令牌
使用 HTTP Status Code 标识状态
数据返回格式统一使用 JSON
1.1.1. 支持的请求方法
GET（SELECT）：从服务器取出资源（一项或多项）。
POST（CREATE）：在服务器新建一个资源。
PUT（UPDATE）：在服务器更新资源（客户端提供改变后的完整资源）。
PATCH（UPDATE）：在服务器更新资源（客户端提供改变的属性）。
DELETE（DELETE）：从服务器删除资源。
HEAD：获取资源的元数据。
OPTIONS：获取信息，关于资源的哪些属性是客户端可以改变的。
1.1.2. 通用返回状态说明
状态码
含义
说明
200
OK
请求成功
201
CREATED
创建成功
204
DELETED
删除成功
400
BAD REQUEST
请求的地址不存在或者包含不支持的参数
401
U ...
项目笔记
未读简介：详解需求分析
需要开发的页面
首页
购物车
订单
个人中心
店铺
生成订单
地址管理
编辑地址
新增地址
账号管理
注册
登录
主要功能点
店铺商品的加入购物车功能
商品的下单功能
用户地址管理功能
账号管理功能
注册登录功能
项目安装1. 安装 vue 的脚手架npm install - g @vue / cli
简介：项目搭建初始化配置
rem 适配
安装yarn add postcss-pxtorem@5.1.1 amfe-flexible -S
amfe-flexibleamfe-flexible 是配置可伸缩布局方案，主要是将 1rem 设为 viewWidth/10。
postcss-pxtorempostcss-pxtorem 是 postcss 的插件，用于将像素单元生成 rem 单位。
文件配置
// vue.config.jsmodule.exports = { css: { loaderOptions: { postcss: { plugins: ...
项目笔记
未读项目公共css
common-csshtml,body { padding: 0; margin: 0; background-color: #f5f5f5;}html,body,#app { height: 100%;}textarea { border: none; outline: none;}button { border: none; outline: none;}a { text-decoration: none; color: #333;}li { list-style-type: none;}
vscode美化
未读常用快捷键
快捷键
功能
Ctrl + P
打开文件
Ctrl + Shift + N
打开新窗口
Ctrl + B
显示/隐藏侧边栏
Ctrl + J
显示/隐藏终端
Ctrl + P
打开命令面板
Ctrl + P + @
列出当前代码的大纲
Ctrl + Shift + F
全局搜索
Ctrl + Shift + B
切换全屏
Ctrl + /
注释当前行
Ctrl + ←
移动光标到行首
Ctrl + →
移动光标到行尾
Ctrl + shift + enter
移动光标到上一新行
Ctrl + enter
移动光标到下一新行
Ctrl + Shift + K
删除当前行
Ctrl + Shift + K
列出当前代码的大纲
Ctrl + Shift + L
选中一个字符后，按当前字符完全匹配的字符将会被选中
Ctrl + D
选中一个字符后，按当前字符完全匹配的字符逐个选中
Ctrl + C
复制行
Ctrl + X
剪切行
Ctrl + Z
撤销
Ctrl + F
查找
...
以下是一些前端开发面试中常见的问题，涵盖了HTML、CSS、JavaScript以及前端框架等方面，希望对你有帮助：
HTML 相关问题 HTML5有哪些新特性？
HTML5 引入了许多新特性和改进，使得网页开发更加简便和功能更强大。以下是一些主要的新特性：
1. 语义元素HTML5 引入了许多新的语义元素，这些元素使得网页结构更加清晰和有意义：
<header>：定义文档或节的头部。
<footer>：定义文档或节的页脚。
<article>：定义独立的内容区域。
<section>：定义文档中的节。
<nav>：定义导航链接的部分。
<aside>：定义内容之外的内容，如侧边栏。
<main>：定义文档的主要内容区域。
<figure> 和 <figcaption>：用于标记图像或图表及其说明。
2. 表单增强HTML5 增强了表单控件和输入类型，使得表单处理更强大：
新的输入类型：email、url、number、range、date、datetime-local、m ...
如何在hexo文章中添加视频播放器Hexo默认不支持视频播放器，但可以通过插件来实现。1.在B站的分享按钮中选择“嵌入代码”，复制代码,粘贴到文章中。2.在文章的头部添加如下代码：---title: 如何在hexo文章中添加视频播放器date: 2024-05-15 15:46:20categories: - Hexotags: - Hexo- 部署---3.在文章中添加如下代码：{% raw %}<div style="position: relative;width: 100%;height: 0;padding-bottom: 75%;"><iframe src="//player.bilibili.com/player.html?isOutside=true&aid=1204297961&bvid=BV1af42127np&cid=1539610088&p=1" scrolling="no" border="0" framebor ...
dependentabot-core 现已开源并获得 MIT 许可证我们很高兴地宣布，dependabot-core项目正在根据MIT License重新获得许可，使社区可以更轻松地为 Dependabot 做出贡献。
保持依赖项更新是保护软件供应链的重要组成部分，Dependabot 自 2019 年以来一直在帮助 GitHub 用户做到这一点。每月有数百万开发人员使用它来保持其依赖项最新且不存在已知的安全漏洞。我们不会向任何人收取使用 Dependabot 的费用，因为我们认为每个人都应该能够使用开源而不用担心漏洞。
dependentabot-core是 Dependabot 的组件，它定义了为目前支持的20 多种语言和包管理器中的依赖项更新创建拉取请求的逻辑。 dependentabot-core 中的更新逻辑与 GitHub 的 Dependabot 的其余功能紧密集成，例如分组更新和自动分类规则，并且协作者的贡献有助于其对Swift的支持和对 NuGet 的改进。通过采用 MIT 许可证，我们将简化社区成员为 Dependabot 做出贡献并共同创新的流程。
森林之子
未读旋转陷阱
旋转陷阱在森林中的一个房屋里goto BlueprintSpinTrapPickup
研磨陷阱研磨陷阱在地堡的瀑布后面由于是在地堡中,goto指令会把人物卡在画面里,所以可能会看到自己在海滩但是手机没有信号,只要再次输入一次指令就能到图纸面前了瀑布里面是图纸,外面有一块神器碎片goto BlueprintGrindTrapPickup
长矛陷阱长矛陷阱在雪山的一个洞穴里,包含了很多其他的物资goto BlueprintSpearThrowerTrapPickup
时钟图纸时钟图纸在乌姆冰湖旁边的洞穴.顺着绳子下去就能看到，但是这次我传送的挺快的,应该不卡了goto BlueprintClockPickup
聚光灯蓝图这个是我最喜欢用的蓝图,同样,首次传送会在森林中,但是请不要乱走,第二次输入代码之后就会在蓝图面前了goto BLueprintSpotlightPickup
项目学习
未读在components下创建common文件夹，并在里面创建Tabbar文件，内容如下：<template> <div class="tabbar"> <ul> <li v-for="(item, index) in routerList" :key="index" @click="switchTab(item.path)" > <img :src="$route.path.includes(item.path) ? item.selected : item.active" alt="" /> <span>{{ item.title }}</span> </li> < ...
项目学习
未读对vue项目学习笔记1的补充
推荐软件
代码片段工具这个软件是我常用的一个工具,因为不可避免的使用到vue2,以及vue3,还有html,代码片段工具是一个创建你的默认配置的工具,你可以把你常用的vue2或vue3代码片段保存起来,然后在需要的时候直接调用,省去了重复的配置,提高了效率.
代码片段网址:https://snippet-generator.app/以下是我的vue2代码片段,如果你不喜欢用我的,可以去这个网址自己生成自己想要的
{ "vue2": { "prefix": "vue2", "body": [ "<template>", "", " <div></div>", "", "</templa ...
