- 博客(19)
- 收藏
- 关注
RSS订阅原创 子元素如何在父元素中居中显示
子元素在父元素中居中以class名为parent的父元素400400px， class名为child的子元素200200px为例子 <div class="parent"> <div class="child"></div> </div>水平居中方法一：描述：子元素设置margin:autocss代码如下：.parent { width: 400px; height: 400px; background:
2022-03-22 14:47:40
573
原创 react-context-访问、修改操作
上篇文章介绍了context（上下文对象），这边文章接着上篇文章总结利用context实现数据修改引言：1、我们使用context上下文对象来管理公共状态，那么我们只能读状态，如何更新？2、要实现-----在一个祖先元素上挂载context对象，在子组件上试图去读取修改，其他组件也可以变化3、创建一个组件，在全局里定义一个状态，并修改这个状态写法：1、首先创建一个组件，供其他组件使用Count组件如下，将组件可以放到子组件里面// 我们使用context上下文对象来管理公共状态，那么我们只能
2022-01-27 11:46:39
2386
原创 组件通信------context
组件通信------context简介：组件通信有如下方式，本篇文章主要讲述context1、父组件与子组件通信（父传子就是属性）1）父组件将自己的状态传递给子组件，子组件当作属性来接收，当父组件要更改自己状态的时候，子组件接收到的属性就会发生改变2）父组件利用ref对子组件标记，通过调用子组件的方法已更改子组件的状态，也可以调用子组件的方法2、子组件与父组件通信（子传父就是写个函数往里面传）1）父组件将自己的某个方法传递给子组件，在方法里可以任意操作，比如可以更改状态，子组件通过this
2022-01-25 17:54:45
633
原创 react生命周期
总结了react生命周期一共十个钩子（只有在类组件里面才能定义生命周期钩子）一、Initalization1、set up props and state（初始化的时候只执行一次）二、Mounting（下面三个挂载的时候只执行一次）1、componentWillMount（组件还没有mount之前，类似于vue的beforeMount）2、render（是一个钩子，表示去渲染一个view）3、componentDidMount（表示当前的dom渲染完毕了或者mounted结束了，会触发这个）
2022-01-25 16:29:41
880
原创 数组全剧集
关于数组Array一、Array属性属性描述constructor返回创建Array对象原型的函数length设置或者返回数组中元素的数量prototype向数组添加属性和方法1、arr.constructor2、arr.length3、// 添加新方法Array.prototype.myUcase = function() { for (let i = 0; i < this.length; i++) { this[i] =
2022-01-20 14:21:11
723
2
原创 对象
##1.什么是对象-其实就是一种**事物的描述**，在程序中对象是一种数据类型-描述水杯：-材质：塑料-容量：1000ml-颜色：白色-形状：圆形-功能：容器-把以上信息，组合打包用来表示一件事物，之后，就叫对象-程序中的对象主要用来：存储信息##2.如何得到对象（创建对象）-字面量```jsvaro1...
2020-05-20 21:52:19
282
2
原创 函数
##1.函数的概念-空调：由遥控器或开关控制，可以实现调解空气的功能的家用电器-函数：由用户或自身控制，可以实现某个功能的代码段（很多代码）-家用电器（空调）的特点：-忽略细节-重复使用-选择使用-函数的特点：-忽略细节：在**使用过程**中，只需要关注其实现的功能，而不需要关注其内部原理-重复使用：多次使用-选择使用：按需使用##2.创建函数-函数从哪来...
2020-05-20 21:50:24
116
原创 循环结构
1.程序的三大结构-顺序：代码自上而下，按顺序执行-分支：根据指定的条件，选择不同的过程执行-循环：重复2.循环的意义-循环的意义是什么？-节省操作，减少代码冗余3.循环的三要素-计数器的创建-执行条件（停止条件）的设定-计算器的改变4.循环语句-配合指定的语句，这个语句，叫循环语句-`while`-语...
2020-05-20 21:40:15
137
原创 三目运算符（三元，表达式）
1.语法-`条件?条件为真，值1:条件为假，值2`2.注意-三目其实就是一种简写方式，如果不能简写，那就不用三目-三目是个表达式，表达式最终会计算出一个值3.应用```jsvarn=16;varm=n>10?n.toString():"0"+n;console.log(m);```...
2020-05-20 21:32:46
1472
原创 js中小数的问题
1.现象-明明只有一位小数，但是最后出来很多位-0.1+0.7=0.799999999999999-59.999999999999999不小于60-诸如此类问题2.原因-计算机最终执行或识别的符号只有0和1，二进制-计算机中有一套完善的转换机制，所有内容，不管是文字，字符，任何数据，图片，声音，视频，最终都会被解析成二进制-计算机对于小数的计算，会产生误差3.解决-...
2020-05-20 21:20:52
324
原创 逻辑分支（选择结构，分支结构）（总结）
1.程序的三大结构-顺序结构-代码逐行执行，一行一行自上而下执行-分支结构- 十字路口的选择，只能选择一个，如果...否则...-循环结构-重复，重复执行多次2.分支语句-分支和循环结构，需要配合一些专用代码才能实现，专用代码叫：语句-`if`：单分支-`if(条件){执行语句}`-`ifelse`：双分支-`if(条件){条件为true时，要执行的语句}else{条件为false时，要...
2020-05-20 21:03:38
1202
原创 js中的三大特殊数据(总结）
js中的三大特殊数据：undefined，null，NaN-`NaN`：非法的数值运算得到的结果-特殊之处：1.是一个数值型的数据，但是不是一个数字2.NaN不等于任何值，和任何数据都不相等，NaN不等于NaN-检测方法：`isNaN(要检测的数据)`-true：检测结果为NaN或能转成NaN-false：检测结果不是NaN或不能转成NaN-`undefined`是：未...
2020-05-20 20:58:13
345
原创 数据的运算符(总结）
1.算数运算符-`+`加号，加法-当加号两边都是数值型数据时，是数学的加法运算-任意一边是字符，那么就变成了拼接，拼接就是将两个数据，直接组合起来-`-`，`*`，`/`，`%`-就是正常的数学运算-就算两边不是数值，也会默认转成数值，进行运算-如果某个数据不能转成数值，会得到`NaN`2.关系运算符-的结果是布尔值-`>`，`&l...
2020-05-20 20:43:43
659
原创 数据类型的转换(总结）
1.为什么要转换？-如果，用户给了一个数据，或者计算机给了一个数据，或者其他程序给了一个数据，不是咱们想要的数据类型-需要转成当前程序所需的数据类型，再进行运算-转换方法有哪些2.数据类型的转换方法-强制转换（显示转换，主动转换）-字符转数值-`parseInt(要转换的数据或变量)`-从左向右依次检测，遇到第一个非数字的字符，停止转换...
2020-05-20 20:42:36
533
原创 javascript简介
写在哪-css写在哪-内联（行内）：属性形式：style="样式属性:样式属性值"-内部：style双标签，包裹css样式-外部（外联）：link单标签，的href属性，引入css文件的路径-知道啥叫公共样式不？-好几个页面都要用到的样式，叫公共样式-js写在哪-内联（行内）：属性形式：事件触发-`<...
2020-05-20 20:33:52
165
原创 js数据类型转换
这篇文章主要想总结一下js中数据类型的转换，首先了解一下都有哪些数据类型：Number：数字（整数，浮点数float）Array：数组Object：对象布尔类型：Boolean a==b特殊类型：Null、Undefined、NaN自动数据类型转换其他数据类型转换为字符串：任何类型的数据和字符串类型的数据做相加（+）操作时，其他数据类型会自动的转换为字符串类型。此时的相加...
2020-03-22 14:00:55
175
原创 css3制作立方体
如何用CSS3制作炫酷的立方1.写出全部元素首先应该在ul里面放6个li，设置ul和li的大小和颜色（ul和li的大小相同，ul，6个li分别设置不同的颜色，方便区分），方便区分。2.给li元素添加绝对定位，使ul和6个li都在同一位置（方便li相对ul进行位移）3.给li设置位移6个li分别沿X轴，Y轴，Z轴进行位移，使其实现如下效果（1）沿X轴正方向移动正方形的一半（2）沿X轴负...
2020-03-08 13:52:07
225
原创 BFC
首先谈一下什么是BFC？BFC(Block formatting context)直译为“块级格式化上下文”。它是一个独立的渲染区域，只有Block-level box（块）参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。BFC是如何布局的呢？1、内部的Box会在垂直方向，一个接一个地放置。2、Box垂直方向的距离由margin决定。属于同一个BF...
2020-02-29 00:47:06
133
原创 盒模型
盒模型盒模型是css布局的基石，它规定了网页元素如何显示以及元素间相互关系，css定义所有的元素都可以拥有像盒子一样的外形和平面空间。其在学习web前端中必须要深入理解。下面本篇文章将会从以下几个方面谈谈学习盒模型（标准盒模型和怪异盒模型）该注意的问题：标准盒模型和怪异盒模型所占位置的组成如何用CSS设置标准盒模型和怪异盒模型Padding margin在盒模型中的用法margin...
2020-02-22 15:13:41
100
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人