枕鸿-优快云博客

原创 Web前端-初识React框架

官方说明：用于构建用户界面的 JavaScript 库。

2022-11-07 22:46:34 667

那么什么是类（构造函数）呢？现实生活中往往是根据一份描述/一个模板来创建一个实体对象的. 编程语言也是一样, 也必须先有一份描述, 在这份描述中说明将来创建出来的对象有哪些属性(成员变量)和行为(成员方法) 比如现实生活中，我们会如此来描述一些事物：比如水果fruits是一类事物的统称，苹果、橘子、葡萄等是具体的对象；比如人person是一类事物的统称，而Jim、Lucy、Lily、李雷、韩梅梅是具体的对象；

2022-11-07 21:22:04 165

原创 React在前端的重要性

七.JSX绑定事件，this绑定有哪些规则?如何给函数传递参数?五.React如何进行列表数据的展示?前端三大框架：Vue/React/Angular市场占有率。六.JSX如何绑定数据?如何绑定内容、属性，有哪些规则?二.React开发的三个依赖包是什么?四.在进行函数绑定时，如何进行this关键字的绑定?三.React如何封装组件,组件里面包含哪些内容?没有封装组件，直接通过默认逻辑实现案例。2.2.2.通过普通的方式实现案例。1.2如何系统的学习React。一、React在前端的重要性。

2022-10-24 14:49:54 541

原创 this的绑定规则

1.2.1克隆first和last的Element。1.2.2从原来的切换item，变成imageEl。1.2.4快速修正位置-不能有动画。1.2.3索引的判断放到滚动之后。2.2箭头函数中的this。2.3箭头函数this应用。1.3增加对定时器的处理。一.this的绑定规则。1.3内置函数的规则。1.5规则之外的情况。2.1箭头函数的写法。二.商品列表排序功能。

2022-10-19 11:00:09 156

原创接收和收集

HTML表单作用：用于接收和收集用户的输入信息。表单许多属性，常用的有以下：name属性：name属性用于规定input元素的名称，向后台传值的描述id属性：用于css引用或者其他引用value属性：用于定义input框的初始值，常用于举例说明该文本框输入的内容placeholder：表单提示信息disabled：控制表单是否禁止操作 true falsereadonly: 只读不可操作required：必填字段提示type属性:用于设置输入框的类型，最重要的属性一、form标签:一般在向

2022-10-19 10:56:46 89

原创区域，和section没有区别＜/main＞＜section＞内容区域，和main没有区别＜/section＞＜footer＞底部标签＜/footer＞

区域，和section没有区别</main> <section>内容区域，和main没有区别</section> <footer>底部标签</footer>

2022-10-07 22:24:38 134

原创＜nav＞导航标签和div标签一样，块属性标签＜/nav＞＜main＞内容区域，和section没有区别＜/main＞＜section＞内容区域，和main没有区别＜/sect

<nav>导航标签和div标签一样，块属性标签</nav> <main>内容区域，和section没有区别</main> <section>内容区域，和main没有区别</section> <footer>底部标签</footer> <main>

2022-10-06 23:12:47 276

原创 b前端——CSS常用选择器性盒子Web前端

b前端——CSS常用选择器性盒子Web前端性盒子Web前端性盒子Web前端性盒子Web前端。

2022-10-05 20:55:56 324

原创 Web前端——弹性盒子Web前端——弹性盒子

Web前端——弹性盒子Web前端——弹性盒子Web前端——弹性盒子Web前端——弹性盒子Web前端——弹性盒子Web前端——弹性盒子Web前端——弹性盒子Web前端——弹性盒子Web前端——弹性盒子Web前端——弹性盒子Web前端——弹性盒子Web前端——弹性盒子Web前端——弹性盒子Web前端——弹性盒子Web前端——弹性盒子Web前端——弹性盒子Web前端——弹性盒子Web前端——弹性盒子Web前端——弹性盒子Web前端——弹性盒子Web前端——弹性盒子Web前端——弹性盒子Web前端——弹性盒子Web

2022-10-04 22:13:04 336

原创 Web前端——CSS常用选择器

Web前端——CSS常用选择器Web前端——CSS常用选择器Web前端——CSS常用选择器Web前端——CSS常用选择器Web前端——CSS常用选择器Web前端——CSS常用选择器Web前端——CSS常用选择器Web前端——CSS常用选择器。

2022-10-03 19:19:01 331

原创 Web前端——弹性盒子Web前端——弹性盒子Web前端——弹性盒子Web前端——弹性盒子Web前端——弹性盒子

Web前端——弹性盒子Web前端——弹性盒子Web前端——弹性盒子Web前端——弹性盒子Web前端——弹性盒子

2022-10-02 22:24:44 204

原创 Web前端——弹性盒子

Web前端——弹性盒子

2022-09-30 22:20:47 176

原创 Web前端——响应式

Web前端——响应式Web前端——响应式Web前端——响应式。

2022-09-29 21:18:55 148

原创 Web前端——HTML5新增标签

Web前端——HTML5新增标签。

2022-09-28 21:27:55 385

原创 Web前端——CSS伪类和伪元素

可以理解为描述元素的某种状态，用于当已有元素处于的某个状态时，为其添加对应的样式，这个状态是根据用户行为而动态变化的。可以理解为某个元素的子元素，但不存在于html中。用于创建一些不在文档树中的元素，并为其添加样式。标签::伪类{设置的样式，伪类可以与 CSS 类配合使用}标签:伪类{设置的样式，伪类可以与 CSS 类配合使用}

2022-09-27 21:04:40 1813

原创 Web前端——HTML表单及表格

3、form的属性：（1）action：放置后台地址（2）method：请求方式 get post。代表表头代表行代表表头中的列。元素在元素中使用，用来声明允许用户输入数据的 input 控件。代表表身体代表行代表表身体中的列。label标签中for属性的属性值和表单中的id属性值保持一致。1、在html中，通常把form标签称为表单。

2022-09-26 21:38:01 1669

原创 width：宽度

background-color: 颜色单词、十六进制#FFFFFF、Rgb(red0-255、green0-255、blue0-255)、Rgba（red0-255、green0-255、blue0-255.a0-1透明度）;/* 调整背景图片的位置，第一个值代表水平方向位置，第二个值代表竖直方向位置 center为居中向右为正向下为正。text-decoration：none（去除下划线）underline（给文本添加下划线） overline（上划线） line-through（贯穿线）

2022-09-25 21:31:09 524

原创 Web前端——CSS属性：float浮动、position定位

绝对定位：定位位置相对于有定位的父元素或者祖先元素，如果都没有相对于body，会脱离文档流。父元素不设置高度情况下，高度由子元素撑开，一旦子元素设置浮动，父元素会失去高度进而影响后面元素布局。（2）动态向父元素后面添加一个clear:both的快属性元素。相对定位相对于元素原来的位置，不脱离文档流。用法：一般和相对定位配合使用父元素用相对定位子元素用绝对定位。用途：一个东西盖到一个东西上面（父元素用相对子元素用绝对）2、行内块元素一个移动，其他元素会跟着移动。：把一个元素放到另一元素后面。

2022-09-23 22:06:01 736

原创 Web前端——CSS常用样式及常用选择器

1、水平居中给块元素自己设置 margin:0 auto 第一个值代表上下，第二个值代表左右 2、垂直居中没有快捷方式（目前）计算公式：父元素高度-子元素高度/2。多个标签可以有相同的class名一个标签可以有多个class名（多个class名用空格隔开）类似于身份证号：多个标签不可以有相同的id名一个标签不可以有多个id名。父选择器空格子选择器｛css样式｝选择器1,选择器2...{css样式}：.+class名｛css样式｝父选择器>子选择器{css样式}

2022-09-22 21:35:45 576

原创 Web前端——CSS盒模型

元素选择器{ /* 选中要修改地元素 */属性名:属性值;/* 属性名：修饰语法*/属性名:属性值;/* 属性值：属性的取值*/}

2022-09-21 22:39:23 509

原创 Web前端——HTML基础及常用标签

HTML网页文件基本结构，常用标签。一、块属性标签，二、行属性标签，三、行块属性标签。

2022-09-21 16:22:27 1296

qq_25592087的博客