自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 08-react-ajax

由于浏览器的同源策略,如果请求地址域名、协议、端口有一个不同就会产生跨域问题。1.React本身只关注于界面, 并不包含发送ajax请求的代码。2.前端应用需要通过ajax请求与后台进行交互(json数据)3.react应用中需要集成第三方ajax库(或自己封装)1.jQuery: 比较重, 如果需要另外引入不建议使用。(请求发送后,响应往回时被ajax引擎阻拦)在package.json中追加如下配置。2.axios: 轻量级, 建议使用。

2024-08-14 12:34:58 434

原创 react组件间通信

2.子组件想给父组件传递数据时,调用该函数并传递参数。传递给子组件一个函数。

2024-08-12 11:40:00 120

原创 07-react应用-组件化编码

1.拆分组件、实现静态组件,注意:className、style的写法2.动态初始化列表,如何确定将数据放在哪个组件的state中?——某个组件使用:放在其自身的state中——某些组件使用:放在他们共同的父组件state中(官方称此操作为:状态提升)3.关于父子之间通信:1.【父组件】给【子组件】传递数据:通过props传递2.【子组件】给【父组件】传递数据:通过props传递,要求父提前给子传递一个函数。

2024-08-12 11:33:00 295

原创 06-react应用-react脚手架

1.包含了所有需要的配置(语法检查、jsx编译、devServer…1.xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目。4.使用脚手架开发的项目的特点: 模块化, 组件化, 工程化。3.可以直接运行一个简单效果。2.下载好了所有相关的依赖。

2024-08-11 20:27:42 114

原创 05-组件生命周期及diff算法

1.render:初始化渲染或更新渲染调用2.componentDidMount:开启监听, 发送ajax请求3.componentWillUnmount:做一些收尾工作, 如: 清理定时器。

2024-08-11 17:56:57 498

原创 04-react中的事件处理及受控组件和非受控组件

(2).通过event.target得到发生事件的DOM元素对象 ——————————不要过度使用ref。a.React使用的是自定义(合成)事件, 而不是使用的原生DOM事件 —————— 为了更好的兼容性。b.React中的事件是通过事件委托方式处理的(委托给组件最外层的元素) ————————为了的高效。————————发生事件的元素正好是需要操作的元素就可以通过event.target获得。高阶函数:如果一个函数符合下面2个规范中的任何一个,那该函数就是高阶函数。

2024-08-10 14:38:57 334

原创 03-react基础-面向组件编程(重要属性-refs)

如果 ref 回调函数是以内联函数的方式定义的,在更新过程中它会被执行两次,第一次传入参数 null,然后第二次会传入参数 DOM 元素。这是因为在每次渲染时会创建一个新的函数实例,所以 React 清空旧的 ref 并且设置新的。通过将 ref 的回调函数定义成。可以避免上述问题,但是大多数情况下它是无关紧要的。概念:组件内的标签可以定义ref属性来标识自己。

2024-08-10 10:34:01 186

原创 vue-quill-editor富文本自定字体大小

提示:这里对文章进行总结:例如:以上就是今天要讲的内容,本文仅仅简单介绍了pandas的使用,而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。

2024-08-09 17:58:26 274

原创 03-react基础-面向组件编程(重要属性-props)

组件实例三大重要属性——props

2024-08-09 17:54:37 320

原创 uniapp swiper 垂直无缝滚动

最近在uniapp实现的小程序项目中遇到一个需求,多行文本垂直无缝滚动之前没遇到过,看了一下官方的组件和第三方插件,要么是单行滚动的,要么是实现的效果不太好,所以打算自己写一个,没想到踩了不少坑,记录一下…

2024-06-11 17:26:16 863

原创 vue使用富文本编辑器之任意位置视频上传,且在uni项目中正常回显

由于Quill富文本编辑器的视频上传组件需要自定义,下面先定义富文本组件中的视频上传。

2024-06-11 12:25:27 511 1

原创 02-react基础-面向组件编程

函数式定义//1.创建函数式组件//此处的this是undefined,因为babel编译后开启了严格模式return 我是用函数定义的组件(适用于【简单组件】的定义)//2.渲染组件到页面执行了ReactDOM.render(…之后,发生了什么?React解析组件标签,找到了MyComponent组件。发现组件是使用函数定义的,随后调用该函数,将返回的虚拟DOM转为真实DOM,随后呈现在页面中。函数定义组件,函数名必须大写开头。

2024-04-28 14:39:30 524

原创 01-react基础-jsx

jsx是js创建虚拟DOM的语法糖。

2024-04-25 11:58:59 317 3

原创 HTML结构中给盒子设置margin值

给子元素设置margin-top时失效

2022-10-13 11:02:38 224 1

空空如也

空空如也

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

TA关注的人

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