awsoyou - 博客园

2022年1月18日

摘要： HTML5 第二天一、rotate 2d旋转指的是让元素在2维平面内顺时针旋转或者逆时针旋转使用步骤：给元素添加转换属性 transform 属性值为 rotate(角度) 如 transform:rotate(30deg) 顺时针方向旋转30度 div{ transform: rotate( 阅读全文

posted @ 2022-01-18 15:39 awsoyou 阅读(34) 评论(0) 推荐(0)

HTML5+CSS3-01

摘要： HTML5 第一天一、什么是 HTML5 HTML5 的概念与定义定义：HTML5 定义了 HTML 标准的最新版本，是对 HTML 的第五次重大修改，号称下一代的 HTML 两个概念：是一个新版本的 HTML 语言，定义了新的标签、特性和属性拥有一个强大的技术集，这些技术集是指： HTML 阅读全文

posted @ 2022-01-18 15:34 awsoyou 阅读(35) 评论(0) 推荐(0)

2022年1月9日

样式重置与公用

摘要： #重置样式执行 npm i normalize.css 安装重置样式的包，然后在 main.js 导入 normalize.css 即可 import { createApp } from 'vue' import App from './App.vue' import router from ' 阅读全文

posted @ 2022-01-09 16:01 awsoyou 阅读(65) 评论(0) 推荐(0)

完成自动注入公用变量和混入

摘要： **遇到问题：**每次使用公用的变量和mixin的时候需要单独引入到文件中。解决方法：使用vuecli的style-resoures-loader插件来完成自动注入到每个less文件或者vue组件中style标签中。在当前项目下执行一下命令vue add style-resources-loa 阅读全文

posted @ 2022-01-09 15:47 awsoyou 阅读(50) 评论(0) 推荐(0)

Vue-请求工具axios

摘要：基于axios封装一个请求工具，调用接口时使用。安装axios npm i axios 新建 src/utils/request.js模块，代码如下: // 1. 创建一个新的axios实例 // 2. 请求拦截器，如果有token进行头部携带 // 3. 响应拦截器：1. 剥离无效数据 2. 处阅读全文

posted @ 2022-01-09 11:07 awsoyou 阅读(192) 评论(0) 推荐(0)

Vuex 持久化

摘要：目的：让在vuex中管理的状态数据同时存储在本地。可免去自己存储的环节。在开发的过程中，像用户信息（名字，头像，token）需要vuex中存储且需要本地存储。例如，购物车如果需要未登录状态下也支持，如果管理在vuex中页需要存储在本地。我们需要category模块存储分类信息，但是分类信息不需阅读全文

posted @ 2022-01-09 10:52 awsoyou 阅读(620) 评论(0) 推荐(0)

Vue 配置

摘要： #解决vscode中使用Vue自动添加分号;和双引号" 新建.prettierrc文件，在文件中添加： { "semi":false, "singleQuote":true } #配置Vue中使用@设置路径新建jsconfig.json文件，添加： { "compilerOptions": { " 阅读全文

posted @ 2022-01-09 10:47 awsoyou 阅读(39) 评论(0) 推荐(0)

2021年11月14日

综合案例-新闻快报

摘要： #示例 #代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht 阅读全文

posted @ 2021-11-14 21:36 awsoyou 阅读(53) 评论(0) 推荐(0)

CSS第四天

摘要： css第03天一、其他样式 1、圆角边框在 CSS3 中，新增了圆角边框样式，这样我们的盒子就可以变圆角了。 border-radius 属性用于设置元素的外边框圆角。语法： border-radius:length; 参数值可以为数值或百分比的形式如果是正方形，想要设置为一个圆，把数值修改阅读全文

posted @ 2021-11-14 21:32 awsoyou 阅读(37) 评论(0) 推荐(0)

综合案例-产品模块

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2021-11-14 16:09 awsoyou 阅读(112) 评论(0) 推荐(0)

寻找小糖人

公告