随笔分类 -  前端篇

React中编写操作树形数据的自定义Hook
摘要：React中编写操作树形数据的自定义Hook### 什么是 Hook hook 即为钩子,是一种特殊的函数,它可以让你在函数式组件中使用一些 react 特性,目前在 react 中常用的 hook 有以下几类 - useState: 用于在函数组件中定义和使用状态(state)。 - useEffect:用于在函数组件中处理副作用,也可以模 阅读全文
posted @ 2023-07-12 08:57 Plumliil 阅读(288) 评论(0) 推荐(2)
百度Amis+React低代码实践
摘要：### 背景 在项目中有集成低代码平台的想法,经过多方对比最后选择了 amis,主要是需要通过 amis 进行页面配置,导出 json 供移动端和 PC 端进行渲染,所以接下来讲一下近两周研究 amis 的新的以及一些简单经验,供大家参考. ### 什么是 amis amis 是一个低代码前端框架， 阅读全文
posted @ 2023-06-24 22:56 Plumliil 阅读(4819) 评论(0) 推荐(1)
从零配置Webpack项目
摘要：webpack.config.js基本配置 webpack.config.js是webpack的配置文件,在此文件中对项目入口,项目的输出,loader,插件以及环境等进行简单的配置 首先来对webpack的五个核心概念进行介绍 entry:入口,说明了项目以哪个文件为入口开始对项目进行打包,分析构 阅读全文
posted @ 2022-07-20 18:30 Plumliil 阅读(108) 评论(0) 推荐(0)
Js中几种循环的使用
摘要：在JavaScript中有五种常用的循环，现在来分别介绍一下五种循环的用法。 1.while 当满足条件时进入循环，进入循环后，当条件不满足时，跳出循环。while语句的一般表达式为：while（表达式）{循环体}。 let num = 0;while (num < 5) { num++; cons 阅读全文
posted @ 2022-07-20 18:26 Plumliil 阅读(274) 评论(0) 推荐(0)
简单认识Promise
摘要：什么是Promise Promise是异步编程的一个解决方案：从语法上讲它是一个对象，可以获取到异步操作的消息，从本意上讲，它是一个承诺，承诺过一段时间后它会给你一个结果。Promise有三种状态：pending(等待)，fulfilled(成功)，rejected(失败)，状态一旦改变就不会再变， 阅读全文
posted @ 2022-07-20 18:24 Plumliil 阅读(82) 评论(0) 推荐(0)
JavaScript中this的绑定
摘要：<svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-web 阅读全文
posted @ 2022-07-20 18:19 Plumliil 阅读(62) 评论(0) 推荐(0)
了解前端中的BFC(块级格式化上下文)
摘要：BFC(块级格式化上下文) 什么是BFC 指的是一个块级渲染作用域,该区域内拥有一套完整的规则来约束块级盒子的布局,且与区域外部无关. 为什么要使用BFC 当一个盒子不设置高度,当其中的子元素都浮动时,这个盒子便无法撑起自身. 这个问题可以使用BFC来解决,形成一个块级格式化上下文. 那么如何创建B 阅读全文
posted @ 2022-07-20 18:19 Plumliil 阅读(79) 评论(0) 推荐(0)