夹心小饼干-CSDN博客

原创 object.defineProperty()

object.defineProperty(obj，prop，dedcriptor)obj：目标对象。prop：需要定义或修改的属性名decriptor：目标属性所拥有的特性包含的参数有：value：被定义的属性的值，默认值为undefind writable:是否可以被重写，也就是value属性是否可以被赋值，当writable的值为true的时候，可以被重写，反之不可以。 enumerable：该属性是否可以被枚举，值为true可以被枚举，反之则不可以。 con...

2022-05-16 08:20:49 348

原创数组中的api

改变原数组1.push()push方法向数组后面插入一个元素，返回值是新数组的长度，改变原数组。let arr = [1,2,3,4,5,6]let result = arr.push(7)console.log(result);打印的结果：2.pop()pop方法删除数组后面的最后一个元素，返回值是删除的元素，改变原数组。let arr = [1,2,3,4,5,6]let result =arr.pop()console.log(result);..

2022-05-14 19:43:07 163

原创 CSS动画与过渡

动画可以增强网页交互体验，减少代码量，让网页运行更快C3动画的优势1.不需要去掌握JS就可以写简单的动画2.可以直接使用浏览器执行，通过改变属性控制动画，减少了js请求与内存的加载，减少代码量。transition过渡动画1.transition-property:要过渡的属性2.transiton-duration:过渡的时间3.transition-timing-function:过渡的速度linear：匀速 ease：缓冲 ease-in：渐入缓冲 ease-out：渐

2022-05-14 14:12:44 275

原创 flex 弹性布局

原理：通过给父盒子添加flex属性来控制滋子盒子得位置和排列方式常见父项属性：（1）flex-direction:设置主轴方向（2）justify-content:设置主轴子元素排列方式（3）flex-wrap:设置子元素是否换行（4）align-content:设置侧轴上得子元素得排列方式（多行）（5）align-items:设置侧轴上得子元素排列方式（单行）（6）flex-flow:复合属性，相当于同时设置了flex-direction和flex-wrap1.主..

2022-04-17 10:22:52 422

原创 React 核心属性 -- state

一、state的理解组件中的状态（state）里面存放数据，数据发生改变就会驱动页面，也就是state里面主要存放数据，state是属于组件实例上的，而并非组件类上的。组件自定义的方法中this的指向为undefined的解决方法？第一种解决方法：强制绑定this，通过bind()方法改变方法中的this 指向，bind()会生成新的函数，性能上的效率不高，this指向具体实例。第二种解决方法：使用箭头函数，箭头函数的this指向所在的作用域。例：onClick={()=&gt..

2021-11-11 08:30:00 542

原创 React 定义组件

定义组件有两种：第一种：函数组件；第二种：类组件；函数组件定义：<div id='test'></div> <script type="text/babel"> function MyComponent(){ console.log(this); return <h1>函数组件定义</h1> } const vDom = .

2021-11-10 18:04:16 912

原创 React创建虚拟DOM的两种方式

第一种方式：使用js的方式创建需要调用React.createElement()的方式进行创建。React.createElement()第一个参数：创建的标签；第二个参数：标签的属性；第三个参数：为第一个参数标签里的内容；<div id='test'></div> <script type="text/babel"> const vDom = React.createElement('h1',{id:'title'},'

2021-11-10 17:00:47 1716

原创 React 简单介绍

一、React的认识1.用于构建用户界面的JavaScript库2.由Facebook开源3.原生js操作Dom繁琐，并且效率低，使用js直接操作Dom，浏览器会大量重排，没有组件化编码方案，代码复用率低。而react使用jsx和虚拟Dom 会相较于原生js的方式得到优化。二、react的特点1.声明式编码（只需要告诉react要做什么，react就会去做）2.组件化编码3.react Nactive编写原生应用（通过React语言进移动端开发）4.高效（）使用虚拟D.

2021-11-10 16:35:19 1178

原创 ES6部分（1）

1.什么是es6？es6全称叫ECMAScript6.0，是JavaScript语言的下一代标准，它的目的是是的Javascript语言可以来编写复杂的大型应用程序，成为企业级的开发语言。2.es6与javaScript 的关系？JavaScript是一门语言,而ECMAScript就是这门语言的语法。3.bable工具bable是用来搭建es6环境的，将ES6转化成es5，用来解决浏览器兼容性的问题。4.安装babel...

2021-10-24 18:14:23 89

weixin_53588068的博客