持续输出，励志当全栈开发人员

以下是一个包含所有主流浏览器滚动条样式属性的完整HTML文件，涵盖了WebKit内核浏览器和Firefox的滚动条定制：包含的所有滚动条样式属性WebKit浏览器 (Chrome, Safari, Edge等) - 整个滚动条 - 滚动条轨道 - 滚动条滑块 - 滚动条按钮(箭头) - 滚动条角落 - 滚动条宽度 - 滚动条颜色 - 控制溢出行为滚动条美化技巧这个示例涵盖了所有主流浏览器中可用的滚动条样式属性，您可以直接使用或根据需要修改其中的样式定义。

这个对象使用的是defineEmits进行的创建，emit的中文意思又叫发出，你就把他当成一个发出数据的函数方法来用。**注意：**要写’update:'的原因是这是vue3的一种约定方式，你可以不这么写，但是一旦父组件调用你的方式涉及到了v-model,这种情况下你必须写’update：’这种形式，要不然父组件找不到你传出来的数据。

every方法是前端数组遍历方法中的一种，他遍历每个函数，return一个判断条件，最后输出一个bool值，用于判断数组中的数据是否全都满足这个条件。判断表格是否全部填写完整，传统来说会判断对象的每个属性是否都满足条件。这个时候使用Object.value( )这个函包裹obj.value，变成Object.value(obj.value)。打印出来是一个数组，包含了name、age、gender、like三个属性的的值，没有填写就空代替的那个位置。

filter中文就是叫过滤，他是里面包含一个函数或者回调函数，每次return所需值来实现的过滤。他与map方法相似，可以携带以下三个元素。(必选)：当前数组元素的值。(可选)：当前元素的索引。(可选)：原始数组本身。

一般会有和简单概括这两种渐变方式就是，线性沿着直线，径向沿着半径。后面笔者将专注于对盒子的渐变样式进行相关的调试。

传说中比flex布局更加方便的布局方式，这个就是定义一列从什么地方开始可以跨多少行，这种情况下一般会取消盒子的高度，让他自定义放置。计算举例：从第一个行开始，夸2行，到第3行之前结束 -> 1起始+2跨距=3/* 一行几列的相关写法，首先减去200px，其他进行综合添加后计算份额的平均分布 */ /* grid-template-columns: 1fr 200px 1fr 2fr;/* 添加间距 */ gap : 30px;

前端项目经典开局，开局必设box-sizing：border-box，解释设置这个东西到底有什么用处

想要一个元素始终固定在视口的某个位置时，我们就要根据相关的需求，选择合适的方案进行相关的页面布局。

因为他在template中调用的时候只要写属性名，但是在script中调用的时候却要写成**“变量名.value”**拿到相关的数据，这种用法就很像ref。2.尽量只将他堪称一个只读属性，要改的话就改他的数据源，而不是计算属性本身。比如不要直接给下面的fullName属性赋值，可以给firstName赋值来改变数据。补充：这个案例用到了相关的过滤属性，以下是完成的相关案例。filter进行相关的过滤，reduce进行求和。

在父组件使用ref进行相关的属性和方法的引用，在onMounted中就可以拿到这个相关的方法。4.在父组件中，使用子组件传回来的相关的东西，达到子组件影响父组件的相关的数据。进行子组件的特有加工后，再次传给父组件，以达到双向绑定的相关的目的。2.子组件使用defineProps能接收到相model来的属性了。3.子组件用defineEmits方法传递给父组件。1.在父组件中引用的子组件上定义v-model。3.通过ref属性在控制子组件的相关的内容。4.通过ref属性控制父组件按钮改变子组件。

常用领域在localstorage本地存储，因为本地存储只能存储字符串，不能直接存储对象，这样在存的时候将对象转换为string，在取的时候将string转换为对象。

弹性布局，子元素的float、vertical-align属性失效之后的内容，从父子关系来分析flex布局下的包含关系。

在使用这些定位方式时，通常需要结合使用，比如将一个元素设置为 ，然后将它的子元素设置为 ，这样就可以相对于父元素定位子元素。这种方式常用于精确控制布局中的元素位置。

三种形式的相互转换

组件通信全解

title: vue3与js的router基本使用方式。

title: axios的使用方法。

title: 轻量级框架Cookie使用方法。

前端入门之HTML

title: 小程序基础。微信小程序入门必须知道的基本语法