- 博客(25)
- 收藏
- 关注
RSS订阅原创 VUE卖座网项目中数据获取的等待页面处理
在数据请求的过程中，我们可能需要等待数秒，我们可以制作一个简单的加载页面，这个动画的制作在这里就不多介绍了，我们主要来分析一下关于这个动画的显示和隐藏问题。首先显示肯定是在页面请求之前来完成，然后消失的话是在我们的数据请求完毕之后才可以消失的。在这里就有几个新的问题1.我们数据请求的结果分析2.如何去完成数据的传值3.数组如何对完成对视图的控制1.对于第一个问题，我们在axios数据请求中，本身就是要返回并调用then()方法的。我们在这里同样的在then()方法执行前，去完成动画的显示，在调用
2022-07-13 17:17:25
594
原创 Vue生命周期函数（8个钩子函数）
在vue实例对象从创建到销毁的过程就是这个vue实例的生命周期我们今天来详细的看下生命周期中的钩子函数1.beforeCreate在我们vue创建实例对象的过程中这是第一步，到这一步这个vue实例对象身上只有默认的一些生命周期函数和默认的事件，在这里data，methods中的数据还没有初始化。2.create在这个过程data和methods已经初识化好了，如果需要调用这些数据和方法，最早只能在create中操作。在这里，我们可以开始调用方法进行数据请求3.beforeMount在此函数执行之前，
2022-07-04 10:38:06
1261
1
原创 JS中数组，字符串操作--splice,slice,split,substring,substr的详解
splice,slice,split,substring,substr的详解
2022-06-06 22:41:47
1649
1
原创 简单的鼠标和键盘事件+阻止默认阻止冒泡+dom0，dom2
什么是事件在我们学习DOM之后，事件就是我们必不可少的一块知识点了，事件其实就是我们的一些操作需要在用户来完成之后才执行的。比如我们PC端的点击事件，键盘事件，以及我们移动端的的触屏事件。接下来咱们先来总结一下这些事件的类型和方法。1.UI事件（这个不一定与用户的操作有关）（1）onload 当页面完全加载之后再window上触发（2）onresize 当窗口大小变化时在window上触发（3）onscroll 当用户滚动带有滚动条的元素中的内容时，在该元素上触发2.鼠标事件（1）onclic
2022-05-25 17:44:32
1377
原创 存储事件cookie localstorage sessionstorage的区别和跨页面传值
存储事件cookie localstorage sessionstorage的区别和跨页面传值
2022-05-25 16:41:14
613
原创 JS的一些知识点+用JS实现一些简单的动画效果
之前的内容记录了在HTML和CSS阶段的一些过程，现在我们来学习JS的一些基础语法。for循环和if判断语句在这里就不做过多的介绍了，咱们具体看代码。1.获取元素大家在学习前端的时候可能都会有和我一样的疑问，JS可以帮助我们做些什么，我们的算法如何使用才可以实现我们想要的一些内容，所以在介绍JS的知识点之前，咱们先来看一下如何获取元素。getElementById() 通过标签的Id名来获取元素getElementsByTagName() 通过标签的名称来获取元素，返回的是一个数组，比如说我们的
2022-05-08 10:20:11
1092
原创 CSS3特效和动画
CSS3的动画和特效可以帮助我们完成一些简单的动画效果，比如一些动态的插图或者是网页的轮播图，虽然没有JS那么容易修改，但是也是非常好用的，先介绍一些属性，然后咱们做一个轮播图的案例。渐变 gradient渐变分为线性渐变和径向渐变，这个可以做一个简单的彩虹。线性渐变：background-image:linear-gradient(方向（deg）,颜色，渐变百分比)径向渐变：background-image:radial-gradient（中心点，形状，颜色，渐变点百分比） 形状有circle e
2022-05-02 19:31:47
516
原创 HTML CSS 弹性布局
我们的常规布局都在控制盒子的一些居中，或者等间距等比例来进行排序的时候，使用常规的盒模型加浮动来布局会很麻烦，并且也不太容易能调整出一个好的比例。接下来我们来学习一下弹性布局display:flex/inline-flex首先我们需要声明这个盒子要使用弹性盒模型，但是大家要注意，这个声明是要写道父级的，就是比如我们要让子级使用弹性盒模型，那么我们需要在父级中声明只要我们声明了盒子是弹性盒子，子级的排序便会同排显示1.flex-direction 检索子盒子的排列顺序既然是子盒子，那么同样的这个是需
2022-04-28 18:42:39
1145
1
原创 CSS几种定位的使用
默认值static这个是我们不使用定位的默认值。即position:static相对定位relative相对定位的参照物是使用相对定位之前盒子的位置，可以理解为使用相对定位会让盒子按照盒子现在的位置来发生偏移特点相对定位不影响元素本身的特性，使用之后元素也不会脱离文档流，相对原位置进行偏移。绝对定位absolute绝对定位的参照物是上一个使用了定位的父级，如果父级元素都没有使用定位，则参照物为body主体。特点绝对定位的使用会让元素脱离文档流，和浮动的一些原理相似，使用绝对定位之后的元素也
2022-04-27 21:10:30
522
1
原创 关于盒子内水平居中和垂直居中的办法；line-height=height；
在我们做项目的时候，很多时候我们需要让某个元素水平或者垂直居中，有些同学可能会想到我为什么不直接使用定位呢，当然定位也是一个好的方法，今天咱们聊一些简单的居中办法line-height=height 文本垂直居中说到文本的垂直居中效果，大家可能都会想到这个方法，在讲解这个方法之前，我们先解决一些height和line-height的含义。height是我们盒子的高度，line-height是我们的行高，这里面的居中问题是有一个具体的转换比例的，大家不需要记住，我们会使用这个方法就可以。两个高度相等，就
2022-04-15 17:03:38
300
原创 CSS浮动和清除浮动
分享一些有关于css浮动的知识吧！这个环节可是说对我们之前学的标准流布局一个巨大的优化，可以让我们的页面布局更加丰富，同时也可以让用户的体验更佳，首先我们要搞清楚浮动的定义，浮动并不是说是让元素可以飘来飘去，而是可以让我们的盒子脱离标准流，能够让我们的块标签在同行显示，这个应用的广泛不用给大家过多的阐述了，这里是我画的思维导图分享给大家，我们也就结合思维导图来展开讨论这个有浮动的一些定义，以及清除浮动的一些方法，大家可以保存仔细看下。接下来给大家看个浮动的案例这个是浮动的一些代码，主要完成一些基
2022-04-14 19:26:58
98
原创 HTML，CSS行便签和块便签的杂谈
在学习HTML和CSS的最开始的时候，大家可能都有一个疑问，为什么标签和标签的使用的时候，有的可以在一行显示，而有的却不可以，我们来简单的探讨下inline 行标签在HTML中给我们提供了一些行标签，这里给大家列举几个常见的 行标签 比如 span，i，a，b等等，这些都是大家经常用到的。行标签的使用相对于块标签来说，可能在开发中使用的少一些，但是它的一些特性还是需要我们掌握的，这里咱们先来看下它的特点：同排序跟显示，遇到父级边界换行，这个很好理解，行标签在同一排可以同时显示，直到遇到父级标签的
2022-04-13 17:27:00
384
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人