-
JavaScript Array map 方法
映射为新字符串 const arr = ["Hello", "Hi", "How are you"]; const map1 = arr.map(item => item.toUpperCase()
2025-11-29, Views: 8 , Topics: JavaScript
-
JavaScript Array includes 方法
基础类型 includes只能用来判断基础类型是否存在，返回布尔类型 const result = [2, 4, 6, 8, 10].includes(8); console.log(result)
2025-11-28, Views: 26 , Topics: JavaScript
-
JavaScript Array findIndex 方法
注意 存在则返回第一个符合条件的元素的索引，索引从0开始计数。 不存在则返回-1。 引用类型 const arr = [ {amount: 39.9, name: "product c"
2025-11-27, Views: 33 , Topics: JavaScript
-
JavaScript Array find 方法
注意 存在则返回第一个符合条件的元素 不存在则返回undefined 引用类型 const arr = [ {amount: 39.9, name: "product c"},
2025-11-26, Views: 37 , Topics: JavaScript
-
JavaScript Object values 方法
定义对象 const obj = { 3: "Hello World", 1: '你好', "bbb": "value of bbb", "aaa": "value
2025-11-25, Views: 39 , Topics: JavaScript
-
JavaScript Object keys 方法
定义对象 const obj = { 3: "Hello World", 1: '你好', "bbb": "value of bbb", "aaa": "value
2025-11-24, Views: 48 , Topics: JavaScript
-
JavaScript Object entries 方法
Object.entries 返回的entries是一个Array数组对象。 const obj = { 3: "Hello World", 1: '你好', "bbb":
2025-11-23, Views: 51 , Topics: JavaScript
-
JavaScript 箭头函数中右侧的圆括号的作用 => ()
代码 const arr = [ {id: "123", name: "zhangsan"}, {id: "456", name: "lisi"}, ]; arr.map(elem
2025-11-22, Views: 56 , Topics: JavaScript
-
JavaScript 中函数的定义各种方式
基础函数 函数提升：可以在函数定义之前调用函数，JavaScript会先扫描并提升函数声明到当前作用域顶部。 function 变量名(参数1, 参数2, ...) { 相关代码逻辑
2025-11-20, Views: 74 , Topics: JavaScript
-
CSS 移动端键盘弹出时布局被压缩
现象 页面背景图在键盘弹出时被压缩。 使用的是Flex布局。 解决 在布局父容器添加样式。 使用适配移动端的dvh。动态View Point。 dvh中的第一个d是动态的意思（Dynamic）。 .
2025-11-19, Views: 72 , Topics: CSS
-
AntV F2 在 React 项目中不能正常渲染问题
问题 F2在React中不能正常渲染。 原因 没有使用@antv/f-react依赖下的Canvas，而是用了默认@antv/f2依赖中的Canvas。 解决 安装依赖 npm install @a
-
Ant Design Mobile Toast 提示
代码 duration默认是2000毫秒，指定为0时，表示不会自动关闭。 const toastHandler = Toast.show({ duration: 0, icon: '
2025-11-17, Views: 89 , Topics: Ant Design
-
Ant Design Mobile Form 表单数据不联动问题
问题 Form表单没有联动useState中的数据。 代码 <Form layout='vertical'> <Form.Item label='金额'> <Input pl
2025-11-16, Views: 94 , Topics: Ant Design
-
Ant Design Mobile DatePicker 报错 defaultValue will not work on controlled Field
错误信息 [antd-mobile: Form.Item] defaultValue will not work on controlled Field. You should use initi
2025-11-15, Views: 85 , Topics: Ant Design
-
Ant Design Mobile V5 与 Tailwind V4 样式冲突
问题 Ant Deisgn Mobile中Toast的icon靠左显示了，没有居中显示。 原因 工程引入了Tailwind样式，在全局样式中导入了他的样式。 Tailwind的Preflight样式
2025-11-14, Views: 104 , Topics: Ant Design Tailwind
-
CSS Nesting 原生嵌套语法
语法 类似与Sass嵌套语法， parent { /* 父样式 */ child { /* 父级的子样式 */ } } parent { /* 父样式 */ & chi
2025-11-13, Views: 92 , Topics: CSS
-
CSS 伪类选择器 :last-child :last-of-type
:last-child 语法 :last-child { /* ... */ } 示例 <li>4</li>将获得样式。 li:last-child { border: 2px solid
2025-11-12, Views: 106 , Topics: CSS
-
CSS 伪类选择器 :first-child() 和 :first-of-type()
:first-child() 表示在一组兄弟元素中的第一个元素。 语法 :first-child { /* ... */ } 示例 只有第一个<li>1</li>有border样式。 li:f
2025-11-11, Views: 119 , Topics: CSS
-
CSS 伪类选择器 :nth-child() :nth-last-child() :nth-of-type() :nth-last-of-type()
:nth-child() 根据父元素内的所有兄弟元素的位置来选择子元素。 子元素的计数包括任何元素类型的兄弟子元素。 但是只有当该子元素位置上的元素与选择器的其他组件匹配时，才被视为匹配。 语法 以
2025-11-10, Views: 125 , Topics: CSS
-
CSS 伪类选择器 :not()
概念 :not() CSS 伪类用来匹配不符合一组选择器的元素。由于它的作用是防止特定的元素被选中，它也被称为反选伪类（negation pseudo-class）。 语法 :not(选择器列表
2025-11-09, Views: 118 , Topics: CSS