情久久S-CSDN博客

原创 2.6、vue2中侦听属性的变化

侦听属性作用、watch配置项、如何深度监视、如何后期添加监视、 watch的简写、computed和watch如何选择、watch实现、computed实现

2024-12-11 19:07:33 720

原创 2.5、vue2中计算属性

使用Vue的原有属性，经过一系列的运算/计算，最终得到了一个全新的属性，叫做计算属性。Vue的原有属性: data对象当中的属性可以叫做Vue的原有属性。全新的属性: 表示生成了一个新的属性，和data中的属性无关了，新的属性也有自己的属性名和属性值。

2024-12-11 19:03:21 468

原创 2.4、Vue2事件处理

事件指令语法v-on，事件修饰符（.prevent、.stop、.capture 、.self 、.once 、.passive ），按键修饰符（.enter、.tab （必须配合keydown事件使用。）、.delete (捕获“删除”和“退格”键)、.esc、.space、.up、.down、.left、.right）

2024-12-11 18:58:34 1235

创建Vue实例vm，vm身上会有_data属性，_data通过劫持data配置项，再通过defineProperty的getter和setter，得到的响应式的数据。把vue中的data数据拦截改写成具有getter和setter形式的_data,就是数据劫持。数据代理vm中_data中的数据又通过数据代理（也是通过defineProperty的getter和setter实现），放置到vm身上，vm可以通过getter方法，setter方法直接使用_data中的数据，方便书写数据。

2024-12-11 18:45:55 977

原创 2.1、模版语法 2.2、vscode快速生产代码片段

插值语法代码示例代码总结、指令语法、v-bind指令详解、 v-model详解、vscode快速生产代码片段

2024-12-10 19:17:15 1103

原创 JS中数组有哪些方法

JS中数组常用方法，数组是编程中常用的数据结构，提供了许多方法来操作和处理数据。判断和转换方法、添加和删除元素、修改和排序元素、连接和切割元素、查找和过滤元素、遍历和操作元素

2024-12-10 14:54:27 554

原创 01、vue2初体验

先不去了解Vue框架的发展历史，Vue框架的特点，Vue的作者，这些对于我们开发来说，没有什么特别的作用，我们先学会基本使用，然后再去详细了解它的特点，就会发现，原来如此。但我们需要指导Vue是一个基于JavaScript（JS）实现的框架，想要使用它，就得先拿到Vue的js文件Vue官网目前最新的是Vue3，企业也大量使用到，但Vue3在Vue2的基础上，先学习Vue2，Vue3学习会事半功倍，且企业也有大量的Vue2项目需要进行维护，所以Vue2必须要掌握。安装Vue Devtools的方法以及注意事项

2024-12-09 16:23:35 1308

原创 11、web前端基础一2D变形、3D变形

设置视角深度（景深）：perspective 设置当前网页的视距为800px，人眼距离网页的距离，一般不小于600px。默认值是1，这里的参数没有单位，1以下的任何值，使一个元素缩小，0则是消失；一般为900px-1000px。两个值的时候，属性值1是指在x轴上缩放元素，属性值2是指在y轴上缩放元素。 1、平移元素，可以是数字，可以是百分比，百分比是相对于自身计算的。参数1:是指在x轴上移动的距离,正值，元素向右移动，负值向左移动，参数2:是指在y轴上移动的距离，正值向下，负值向上，参数2默认为0。

2024-11-19 19:45:31 685

原创 10、web前端基础一过渡、自定义动画

1、过渡必须有触发条件，例如hover，acitve时，动画可以自动触发动画2、过渡只有开始和结束帧，动画可以设置复杂过程3、过渡只能执行一次，动画可以自定义执行次数。

2024-11-19 19:34:33 847

原创 9、web前端基础一背景、渐变色

background - 通过该属性可以同时设置所有背景相关的样式 - 没有顺序的要求，谁在前谁在后都行也没有数量的要求，不写的样式就使用默认值 -background-size要写在background-position后面。

2024-11-19 18:48:17 1126

原创 8、web前端基础一层级、透明效果

1、rgba,transparent属于样式值，只能跟在某些特定的样式后,例如color，border-color····可以为z-index指定一个正整数作为值，该值将会作为当前元素的层级。 opacity属于样式名，可以书写在任意位置。如果定位元素的层级是一样，则下边的元素会盖住上边的。通过z-index属性可以用来设置元素的层级。对于没有开启定位的元素不能使用z-index。面试题：如何设置透明，他们的区别是什么。父元素的层级再高，也不会盖住子元素。层级越高，越优先显示。

2024-11-11 18:40:26 304

原创 7、web前端基础一图标字体

图标字体：在每个框架中，都有自己的图标字体，也有一些公用的图标字体，在网页中经常需要使用一些图标，可以通过图片来引入图标。所以使用图标时，我们还可以将图标直接设置为字体，然后通过font-face的形式来对字体进行引入。icon-address 就是该图标字体的代码。引入线下版本下载下来，如果没有网也是可以生效的。这样我们就可以通过使用字体的形式来使用图标。就是该图标字体的代码。

2024-11-11 18:37:02 451

原创 6、web前端基础一定位

定位是一种高级的布局方式，可以将任何元素移动到页面中的任意位置，对于一些特殊位置，我们用定位，而pc端大的一些布局，还是用浮动。 1、设置盒子绝对定位，祖先元素相对定位，四边偏移量为0，width，height为固定值，margin为auto。 2、设置盒子绝对定位，祖先元素相对定位，left:50%,right:50%,再将元素向上，向左移动盒子一半宽高。 2、相对定位的偏移原点：left：0；四个值中，三个值固定，某一个值设为auto，则会调整这个auto值,

2024-11-11 18:20:05 792

原创 5、web前端基础—表格、表格样式、表单

并且将所有的tr都放到tbody中，所以注意tr并不是table的子元素，而是tbody的子元素。 value属性必须设置，这样被选中的表单项的value属性值将会最终提交给服务器。指向的是一个服务器的地址，当我们提交表单时将会提交到action属性对应的地址。2、在table标签中使用tr来表示表格中的一行，有几行就有几个tr。表格在日常生活中使用的非常的多，比如excel就是专门用来创建表格的工具，如果希望表单项中的数据会提交到服务器中，必须指定一个name属性。

2024-11-08 00:00:00 3529

原创 4、浮动及高度坍塌

浮动：是一种布局方式，主要使用浮动让块元素横向布局目前来说，主要用于pc端，对于移动端可以用弹性盒子float样式名可选值： none 默认值，不浮动 left 向左浮动 right 向右浮动设置浮动后，会带来一系列的特点 1、设置元素浮动后，元素会脱离文档流，元素原来在文档流中的位置就不在了浮动元素下面的元素就会跑上去。

2024-11-07 00:00:00 743

原创 3、盒子模型及盒子布局

盒子模型（盒子模型概况、盒子模型—边框、盒子模型—内边距、盒子模型—外边距) 、盒子布局(水平布局、垂直布局、垂直外边距的折叠、内联元素的盒子、默认样式、盒子大小、阴影和圆角)

2024-11-06 18:55:22 1983

原创 2、css继承、css字体文本样式

css继承、css选择器的权重、css字体长度单位、css字体颜色单位、css字体的样式、css行间距、css文本样式

2024-11-05 19:02:39 886

原创 1、css开端+选择器使用方式

css常用选择器{标签选择器、id选择器、类选择器（class选择器）、通配选择器}，css复合选择器{交集选择器、并集选择器}，关系选择器{标签之间的关系、子元素选择器、后代选择器、选择下一个兄弟(仅挨着我的)、选择下面所有的兄弟(前面的不选)}，属性选择器，伪类选择器{伪类、:not() 否定伪类}，元素的伪类，元素类型的转换，伪元素选择器

2024-11-05 18:37:01 912

原创史上最高质量css+html高频面试题

CSS Sprites在维护的时候比较麻烦，如果页面背景有少许改动，一般就要改这张合并的图片，无需改的地方最好不要动，这样避免改动更多的CSS，如果在原来的地方放不下，又只能（最好）往下加图片，这样图片的字节就增加了，还要改动CSS。在图片合并时，要把多张图片有序的、合理的合并成一张图片，还要留好足够的空间，防止板块内出现不必要的背景。BFC（块级格式化上下文），页面上的一个隔离的独立容器，一个创建了新的 BFC 的盒子是独立布局的，盒子内元素的布局不会影响盒子外面的元素。

2024-11-02 14:55:00 2080

2301_77729668的博客