摘要：
不论是前端还是后台代码，编码规范是尤其重要的，特别是大的项目中，在想开启之初就规范考代码、格式、和要求，会减少很多工作量的，有利于代码的后期维护。 欢迎大家继续整理。 范畴 页面设计 编码2：1.保证 favicon 可访问，（根目录放置 favicon.ico 文件，使用 link 指定 favi 阅读全文
摘要：
setup函数值组合API的入口函数 1：使用ref只能定义简单类型的变化，不能监听复杂类型的变化（对象/数组） 2：在组合API中，如果想定义方法，不用定义到methods中，直接定义即可 3：在组合API中定义的变量/方法，要想在外面使用，必须通过return暴露出去 <script> impo 阅读全文
摘要：
阴影和滤镜在一般的情况是为了点缀视觉元素而存在。 阴影三剑客：box-shadow、text-shadow、drop-shadow()；drop-shadow是filter里的滤镜函数。三者都能产生阴影效果。 区分：盒子轮廓产生阴影效果，使用box-shadow， 文本轮廓产生阴影效果，使用text 阅读全文
摘要：
background是我们前端写样式最常用的属性之一，它有一个大家庭，包含很多子属性 background-color、background-image、background-repeat、background-position、background-size、background-clip等等的属 阅读全文
摘要：
CSS的选择器很多，整理一下，方便熟悉使用。 基础的标签选择器、#id、.class、*通配符选择器这些常见的就不讲了。 主要记录一些不常用的且实用的，更多参考w3school手册 条件选择器： ：has 包含指定的元素 ：is 指定条件的元素 ：not 非指定条件的元素 ：where 指定条件的元 阅读全文
摘要：
css函数：指复杂类型或调用特殊处理的组件值类型，在css中，只要带有()的属性都是函数。 相信大家都多多少少都用过一些如rgb()/rgba()/url()等等，其实呢，W3C里面有很多的并且比较好用的css函数。本章博文就是整理了一些常用的使用的函数，方便记忆及以后的开发使用。 颜色函数：(HE 阅读全文
摘要：
很多时候为了页面的美观，不免要自定义滚动条 隐藏滚动条但页面正常滚动的样式 ::-webkit-scrollbar {display:none} 正常滚动条样式 更改后滚动条样式 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charse 阅读全文
摘要：
布局大致划分为以下几种， 浮动布局：float：left/right 定位布局：position：relative/absolute/fixed 表格布局：table 弹性布局：display：flex/inline-flex 栅格布局：display:grid/inline-grid 响应式布局： 阅读全文
摘要：
“格式化上下文”这个字眼，大家都听过，那么什么是格式化呢？ 格式化上下文指决定渲染区域里节点的排版、关系和相互作用的渲染规则。 格式化上下文由以下几部分组成，其中最重要的是块格式化上下文和行内格式化上下文，这些也频繁的出现在面试中，理解其原理和特性，面试也没啥难度了 块格式化上下文就是我们最常见的B 阅读全文
摘要：
CSS终于也有变量了，原生 CSS 从此变得异常强大。 CSS变量又名CSS自定义属性，指可在整个文档中重复使用的值。它由自定义属性--var和函数var()组成，var()用于引用自定义属性。 谈到为何会在CSS中使用变量。示例： 1 /* 不使用变量 */ 2 .title { 3 backgr 阅读全文
摘要：
盒模型：由外到内的公式表示：box = margin + border + padding + content。content不是属性，为内容，以文本或节点存在占用位置。 理解-快递包裹：两个快递包裹间的距离就是margin，快递包裹的纸皮就是border，打开快递包裹，填充物料就是padding， 阅读全文