自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(24)
  • 收藏
  • 关注

原创 项目实战——项目名称:品优购

1. 品优购项目整体介绍 (制作首页、列表页、注册页三个页面)2. 品优购项目学习目的 (里面包含技术较多,能极大锻炼我们布局技术)3. 开发工具以及技术栈 (切图用ps, 代码用Vscode,测试用chrome, 大量使用HTML5+CSS3)

2023-05-19 21:03:23 1380

原创 Vue第四天—动态组件、插槽、自定义指令

① 能够掌握 keep-alive 元素的基本使用⚫ 标签、include 属性② 能够掌握插槽的基本用⚫ 标签、具名插槽、作用域插槽、后备内容③ 能够知道如何自定义指令⚫ 私有自定义指令 directives: { }⚫ 全局自定义指令 Vue.directive()

2023-06-24 00:20:31 530

原创 Vue第三天—组件的生命周期、数据共享、购物车案例

ref 用来辅助开发者在不依赖于 jQuery 的情况下,获取 DOM 元素或组件的引用。每个 vue 的组件实例上,都包含一个 $refs 对象,里面存储着对应的 DOM 元素或组件的引用。默认情况下, 组件的 $refs 指向一个空对象。

2023-06-22 23:46:40 457

原创 Vue第二天—侦听器、计算属性、Vue-ci、Vue组件

计算属性指的是通过一系列运算之后,最终得到一个属性值。单页面应用程序(英文名:Single Page Application)简称 SPA,顾名 思义,指的是一个 Web 网站中只有唯一的一个 HTML 页面,所有的功能 与交互都在这唯一的一个页面内完成。vue-cli 是 Vue.js 开发的标准工具。它简化了程序员基于 webpack 创建工程化的 Vue 项目的过程。引用自 vue-cli 官网上的一句话:程序员可以专注在撰写应用上,而不必花好几天去纠结 webpack 配置的问题。

2023-06-21 01:00:41 751

原创 Vue基础入门第一天—Vue简介、基本使用、Vue六大指令、品牌列表案例

① 能够知道 vue 的基本使用步骤② 掌握 vue 中常见指令的基本用法③ 掌握 vue 中过滤器的基本用法

2023-06-17 21:15:32 196

原创 前端工程化与webpack

前端工程化指的是:在企业级的前端项目开发中,把前端开发所需的工具、技术、流程、经验等进行规范化、 标准化。概念:webpack 是前端项目工程化的具体解决方案。主要功能:它提供了友好的前端模块化开发支持,以及代码压缩混淆、处理浏览器端 JavaScript 的兼容性、性 能优化等强大的功能。在实际开发过程中,webpack 默认只能打包处理以 .js 后缀名结尾的模块。其他非 .js 后缀名结尾的模块, webpack 默认处理不了,需要调用 loader 加载器才可以正常打包,否则会报错!

2023-06-17 01:42:12 75

原创 API学习第三天

学习目标:1. 学习事件流,事件委托,其他事件等知识2. 优化多个事件绑定和实现常见网页交互

2023-06-14 23:50:51 211

原创 API学习第二天

学习目标:1. 掌握事件绑定处理和事件对象,完成常见网页交互

2023-06-12 00:26:13 463

原创 API学习第一天

1. 掌握DOM属性操作,完成元素内容设置2. 元素属性设置,控制元素样式

2023-06-10 22:28:58 86

原创 JavaScript学习第五天

对象(object):JavaScript里的一种数据类型可以理解为是一种, 注意数组是有序 ol 的数据集。

2023-05-30 21:20:24 404

原创 JavaScript学习第四天

说明:这个默认值只会在缺少实参参数传递时 才会被执行,所以有参数会优先执行传递过来的实参, 否则默认为 undefined。通常来说,一段程序代码中所用到的名字并不总是有效和可用的,而限定这个名字的可用性的代码范围就是这个名 字的作用域。但是如果做用户不输入实参,刚才的案例,则出现 undefined + undefined 结果是什么?作用于函数内的代码环境,就是 局部作用域。作用域的使用提高了程序逻辑的局部性,增强了程序的可靠性,减少了名字冲突。2. 函数表达式,必须先声明函数表达式,后调用。

2023-05-25 20:43:27 699

原创 JavaScript学习第三天

场景:如果有多个数据可以用数组保存起来,然后放到一个变量中,管理非常方便。// 2. 使用new Array 构造函数声明 了解。数组:(Array)是一种可以按顺序保存数据的数据类。// 1. 字面量声明数组。数组. splice()数组. shift()

2023-05-23 20:56:59 106

原创 JavaScript学习第二天

对变量进行赋值的运算符。

2023-05-21 01:34:07 406

原创 JavaScript学习第一天

只声明变量,不赋值的情况下,变量的默认值为 undefined,一般很少【直接】为某个变量赋值为 undefined。

2023-05-20 01:38:44 98

原创 CSS3学习第二天

转换(transform)是CSS3中具有颠覆性的特征之一,可以实现,元素的位移、旋转、缩放等效果。

2023-05-19 19:17:48 319 1

原创 HTML5+CSS3 学习

结构伪类选择器一般用于选择父级里面的第几个孩子nth-child 对父元素里面所有孩子排序选择(序号是固定的) 先找到第n个孩子,然后看看是否和E匹配nth-of-type 对父元素里面指定子元素进行排序选择。先去匹配E ,然后再根据E 找第n个孩子关于 nth-child(n) 我们要知道 n 是从 0 开始计算的,要记住常用的公式如果是无序列表,我们肯定用 nth-child 更多类选择器、属性选择器、伪类选择器,权重为 10。nth-of-type 权重为 12。

2023-04-25 23:38:41 535

原创 CSS学习第五天

1. 如果遇到一些结构和样式比较简单的小图标,就用字体图标。2. 如果遇到一些结构和样式复杂一点的小图片,就用精灵图。

2023-04-25 21:19:30 61

原创 CSS学习第四天

1. 一定记住 相对定位、固定定位、绝对定位 两个大的特点:1. 是否占有位置(脱标否)2. 以谁为基准点移 动位置。3. 学习定位重点 学会子绝父相。通过盒子模型,清楚知道大部分html标签是一个盒子。通过CSS浮动、定位 可以让每个盒子排列成为网页。一个完整的网页,是标准流、浮动、定位一起完成布局的,每个都有自己的专门用法。1. 标准流可以让盒子上下排列或者左右排列,垂直的块级盒子显示就用标准流布局。2. 浮动可以让多个块级元素一行显示或者左右对齐盒子,多个块级盒子水平显示就用浮动布局。

2023-04-25 01:33:28 65

原创 CSS学习第三天

为什么需要清除浮动?① 父级没高度。② 子盒子浮动了。③ 影响下面布局了,我们就应该清除浮动了。

2023-04-23 23:36:22 683

原创 CSS学习第二天

五彩导航.nav a {五彩导航

2023-04-22 23:50:13 773

原创 CSS学习第一天

1.3CSS代码风格样式格式书写 推荐展开格式,因为更直观 样式大小写 选择器、属性名、关键字全部小写,特殊情况除外 空格规范 ① 属性值前面,冒号后面,保留一个空格 ② 选择器(标签)和大括号中间保留空格2.CSS基础选择器2.1标签选择器2.2类选择器1.多类名使用方式: 2.多类名开发中使用场景 (1) 可以把一些标签元素相同的样式(共同的部分)放到一个类里面. (2) 这些标签都可以调用这个公共的

2023-04-21 22:45:20 138 1

原创 HTML学习第三天

label>标签用于绑定一个表单元素, 当点击 <label>标签内的文本时,浏览器就会自动将焦点(光标)转到或者 选择对应的表单元素上,用来增加用户体验。使用场景: 当用户输入内容较多的情况下,我们就不能使用文本框表单了,此时我们可以使用<textarea>标签。在 HTML 中,一个完整的表单通常由表单域、表单控件(也称为表单元素)和 提示信息3个部分构成。在 HTML 标签中,<form>标签用于定义表单域,以实现用户信息的收集和传递。在表单元素中,标签是用于定义多行文本输入的控件。

2023-04-21 20:56:05 149 2

原创 HTML学习第二天

名词1名词1解释1名词1解释21.里面只能包含和2.和个数没有限制,经常是一个对应多个。关注我们新浪微博官方微信联系我们关注我们新浪微博官方微信联系我们

2023-04-20 20:15:23 44 1

原创 HTML初学第一天

标签语义:作为标题使用,并且依据重要性递减。特点:1. 加了标题的文字会变的加粗,字号也会依次变大。2. 一个标题独占一行。

2023-04-19 23:45:33 422 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除