![](https://img-blog.csdnimg.cn/20190927151124774.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
FE
文章平均质量分 55
FE前端设计
二进制杯莫停
欲速则不达,慢而有为
展开
-
(八)ReactHooks使用规则
ReactHooks使用规则只能在组件中或者其他自定义Hook函数中使用只能在组件的顶层调用,不能嵌套在if、for、其他函数中原创 2024-06-22 20:32:48 · 205 阅读 · 0 评论 -
(七)React:useEffect的理解和使用
useEffect是一个React Hook函数,用于React组件中创建不是由事件引起而是由渲染本身引起的操作,比如发送AJAX请求,更改DOM等等说明:上面的组件中没有发生任何的用户事件,组件渲染完毕之后就需要和服务器要数据,整个过程属于只有渲染引起的操作。原创 2024-06-22 20:21:31 · 550 阅读 · 1 评论 -
JavaScript中的解构赋值
你可以在解构时使用展开运算符来复制对象或数组的一部分到新的变量中。解构赋值也可以用于函数参数,使得函数签名更加简洁。原创 2024-06-18 10:45:34 · 191 阅读 · 0 评论 -
(六)React组件通信
概念:组件通信就是组件之间的数据传递,根据组件嵌套关系不同,有不同的通信方式。原创 2024-06-12 16:53:43 · 178 阅读 · 0 评论 -
(五)React受控表单、获取DOM
概念:使用React组件的状态(useState)控制表单的状态。原创 2024-06-12 16:21:30 · 448 阅读 · 1 评论 -
小白:JS中的export和export default
默认导出:一个模块只能有一个,导入时可以重命名。命名导出:一个模块可以有多个,导入时必须使用相同的名称。这种机制允许你灵活地组织和共享代码,同时保持清晰的模块边界和依赖关系。原创 2024-06-12 14:44:49 · 237 阅读 · 1 评论 -
小白:JS中的箭头函数是怎么回事
es6 新增了使用胖箭头(=>)语法定义函数表达式的能力,很大程度上,箭头函数实例化的函数对象与正式的函数表达式创建的函数对象行为是相同的。任何可以使用函数表达式的地方,都可以使用箭头函数:建议:声明函数使用,因为箭头函数通常被设计为不可变的如果只有一个参数,那也可以不用括号。只有没有参数,或者多个参数的情况下,才需要使用括号:2.2 省略包含函数体的大括号箭头函数也可以不用大括号,但这样会改变函数的行为。使用大括号就说明包含“函数体”,可以在一个函数中包含多条语句,跟常规的函数一样。2.3 嵌入函原创 2024-06-12 14:06:09 · 236 阅读 · 0 评论 -
JS中var、let、const关键字的区别
如果你只是想声明一个可以在函数或全局作用域内访问的变量,并且不关心变量提升,那么可以使用var。如果你需要块级作用域的变量,或者不想让你的变量被提升,那么应该使用let。如果你需要一个不会改变的变量(例如配置对象或一些常数值),那么应该使用const。原创 2024-06-12 10:56:42 · 332 阅读 · 0 评论 -
(四)React组件、useState、组件样式
概念:一个组件就是用户界面的一部分,它可以有自己的逻辑和外观,组件之间。组件化开发可以让开发者像搭积木一样构建一个完整的庞大应用。原创 2024-06-09 19:07:13 · 343 阅读 · 0 评论 -
(三)React事件
语法:事件绑定的位置改造成箭头函数的写法,再执行clickHandler实际处理业务函数的时候传递实参注意:不能直接写函数调用,这里事件绑定需要一个函数引用。原创 2024-06-09 17:46:06 · 514 阅读 · 0 评论 -
(一)ES6 介绍
ECMA(European Computer Manufacturers Association),中文名称为欧洲计算机制造商协会,这个组织的目标是评估、开发和认可电信和计算机标准。1994年后该名称改名为ECMA国际。ECMAScript是由Ecma国际通过ECMA-262标准化的脚本程序设计语言。原创 2023-08-12 13:05:01 · 704 阅读 · 0 评论 -
(三)React路由
(1)一个路由就是一个映射关系(key : value)(2)key为路径,value可能是function或component。原创 2023-08-06 14:45:14 · 314 阅读 · 0 评论 -
(二)JSX基础
概念:JSX是JavaScript和XML(HTML)的缩写,表示在,它是React中编写UI模板的方式。优势:1.HTML的声明式模版方法;2.JS的可编程能力。原创 2024-06-09 17:25:36 · 335 阅读 · 0 评论 -
(一)react脚手架
项目的整体技术架构为:react + webpack + es6 + eslint。使用脚手架开发的项目的特点:模块化、组件化、工程化。原创 2023-08-05 18:50:11 · 821 阅读 · 1 评论 -
(五)Node.js -模块的加载机制
使用require()加载自定义模块时,必须指定以./或者../开头的路径标识符。在加载自定义模块时,如果没有指定./或者../这样的路径标识符,则node会把它当成内置模块或者第三方模块进行加载。同时,在使用require()导入自定义模块时,如果省略了文件的扩展名,则Node.js会按顺序分别尝试加载以下的文件:(1)按照确切的文件名进行加载(2)补全.js扩展名进行加载(3)补全.json扩展名进行加载(4)补全.node扩展名进行加载(5)加载失败,终端报错。原创 2023-08-05 18:26:18 · 769 阅读 · 0 评论 -
(四)Node.js - npm与包
Node.js中的第三方模块又叫做包。不同于Node.js中的内置模块与自定义模块,,免费供所有人使用。由于Node.js的内置模块进提供了一些底层的API,导致在基于内置模块进行项目开发时,效率很低。,提供了更高级、更方便的API,极大的提高了开发效率。原创 2023-08-05 18:06:42 · 711 阅读 · 0 评论 -
(三)Node.js - 模块化
和函数作用域类似,在自定义模块中定义的变量方法等成员,只能在当前模块内被访问,这种模块级别的访问限制,叫做模块作用域防止全局变量污染问题,默认情况下,无法访问导入模块的变量和函数。原创 2023-08-05 16:49:14 · 863 阅读 · 0 评论 -
(二)Node.js 基础模块
fs模块是Node.js官方提供的、用来操作文件的模块。它提供了一系列的方法和属性,用来满足用户对文件的操作要求。方法,用于读取指定文件中的内容方法,用于向指定的文件中写入内容。原创 2023-08-05 15:02:18 · 1708 阅读 · 0 评论 -
(一)初识Node.js
Node.js是一个基于Chrome V8引擎的JavaScript运行环境。浏览器是JavaScript的前端运行环境Node.js是JavaScript的后端运行环境Node.js中无法调用DOM和BOM等浏览器内置API。原创 2023-08-05 14:03:55 · 46 阅读 · 0 评论 -
JS解析JSON
注意:虽然 JavaScript 对象与 JSON 对象看起来非常相似,但它们并不相同,例如在 JavaScript 中,对象的属性名称可以用单引号 ‘’ 或双引号 “” 括起来,也可以完全省略引号。但是,在 JSON 中,所有属性名称都必须用双引号括起来。在开发过程中,有时我们需要将数据转换为 JSON 格式,方便客户端与服务器端进行数据交互。JSON 数据中的对象和数组可以相互嵌套,一个 JSON 对象中可以包含任意类型的数据(例如数组、嵌套数组、其它 JSON 对象等)。原创 2023-08-04 16:24:41 · 733 阅读 · 0 评论 -
JS调试(Debug)
在 JavaScript 开发过程中,代码可能存在一些语法或者逻辑上的错误,导致程序不能得到我们想要的结果,这时就需要我们找到并修复这些错误,我们将查找和修复错误的过程称为调试或代码调试。调试是程序开发过程中必不可少的一个环节,熟练掌握各种调试技巧,能在我们的工作中起到事半功倍的效果。在前端开发中,想要快速定位错误,可以借助浏览器内置的调试工具(控制台),通常按键盘上的F12。原创 2023-08-04 16:03:42 · 1025 阅读 · 0 评论 -
Hello Vue
引入Vue方式为CDN方式。原创 2023-02-22 00:28:20 · 78 阅读 · 0 评论 -
Vue简介
Vue是一套用于构建用户页面的渐进式框架。原创 2023-02-19 16:16:46 · 83 阅读 · 0 评论