zblog主题

Solide

专注于前端开发记录

文章 248  访问 17133
最新动态
Jquery

   新闻栏经过图片显示

       效果图:

     鼠标经过状态:

image.png

鼠标未经过状态下:

2023-07-31  87
Jquery

    轮播图:

  效果图:image.png

  给其父元素添加相对定位 放入照片的子元素添加绝对定位 重合 给图片添加opacity为零 使用nth-child给第一个子元素添加opacity为一

css:

2023-07-31  82
Jquery

    二级导航栏效果

 image.png   主要使用选中li 利用hover方法将其展开以及收起

2023-07-31  94
vue案例

    黄金换算:          效果图:     这次是对本地的数据进行计算 所以用到了计算属性       首先在数据中心定义 四个变量   data() {      return {        num1: 1, //成本价    &n

2023-07-27  90
vue案例

    文字上下滚动  : 效果图                       使用定时器 created钩子函数 对数组中的数据进行变动         使用push将数组的第一位添加至数组末尾      然后使用shift对数组进行删除  &nb

2023-07-27  65
vue案例

    vue简单计算器       效果图:     主要使用switch分支进行操作      首先在数据中心定义四个变量           通过v-for遍历到视图层当中 使用四个input框 对其v-model 数据双向绑定           &n

2023-07-27  90
jquery案例

  jQuery轮播图:        效果图:                   这次给外部盒子使用定位  让图片层叠在一起 使用nth-child给第一个图片透明度设置为1                    

2023-07-27  80
Vue

    vue-router 是vue的核心插件。它是一个Vue.js官方提供的**路由管理器**。是一个功能更加强大的前端路由器,推荐使用。Vue Router和Vue.js非常契合,可以一起方便的实现SPA(single page web application,单页应用程序)应用程序的开发。Vue Router依赖于Vue,所以需要先引入Vue,再引入Vue Router  使用的话需要去导入文件也可以去官网进行本地下载<script src=

2023-07-26  92
Vue

  什么是路由:     路由是Vuejs中重要的部分 ,分为前端路由以及后端路由     前端路由实现是基于hash值变化实现的 也就是靠一个监听hash值的事件 核心代码:window.onhashchange = function(){     //location.hash可以获取到最新的hash值     l

2023-07-26  139
jquery案例

60秒短信倒计时:

image.png


image.png

2023-07-24  89