caroyal-CSDN博客

原创这样写，才可以让JS对象中的key包含短横杠-

这样写，才可以让JS对象中的key包含短横杠-在定义对象时，如果直接将包含短横杠-的字符串作为对象的key，JS会报错：const o = { v-red: 1 // 报错 SyntaxError: Unexpected token}正确的写法是：将包含短横杠的字符串包裹在字符串字面量单引号‘’、双引号“”中：const o = { 'v-red': 1, "v-blue": 2}console.log(o['v-red']) // 返回 1console.log(o['v

2022-04-10 22:05:27 2244

原创【JavaScript】简单数据类型与复杂数据类型

简单数据类型与复杂数据类型的定义、分类和传参方式

2021-12-15 23:03:55 1671

原创弹性布局（flex）自学笔记——关于弹性布局，你所需要了解的知识

弹性布局（Flex）1. 优点&缺点1.1 传统布局与Flex布局传统布局Flex弹性布局兼容性好操作方便。布局极为简单，在移动端应用广泛布局繁琐（浮动、清除浮动……）PC端浏览器支持情况较差有局限性，不能在移动端很好的布局IE 11 或更低版本，不支持或部分支持1.2 使用场景1、如果是PC端布局，仍使用传统布局；2、如果是移动端，或不考虑兼容性问题的PC端页面布局，则使用flex弹性布局2. Flex布局原理2.1 布局原理解释采用

2021-12-02 18:20:18 721

原创盒子模型自学笔记——或许能帮你快速了解盒子模型

盒子模型元素分类内联（行内）元素 inline和其它元素在一行上；元素的高度、宽度以及顶部、底部外边距（margin-top，margin-bottom）不可设置，顶、底部内边距（padding-top，padding-bottom）对周围元素无影响（padding只对本行元素有效）；元素的宽高就是其包含的文字和图片的宽度，不可改变；常用的内联元素：a, span, br, strong, em；设置display: inline; 可以将元素转换为内联元素。块级元素 block一个

2021-12-02 16:26:20 238