logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Vue.js之Vuex的使用

本文主要介绍Vue.js中Vuex的使用,其主要的作用就是实现组件之间的数据通信。通过Vue脚手架搭建的项目中,src目录存有store文件夹,其中的index.js引入Vuex,存放了组件所需的数据和方法等。如下图所示。...

文章图片
#vue.js
Vue.js之父组件调用子组件的方法、获取子组件的数据

本文介绍父组件如何直接操纵子组件的方法和数据

文章图片
#vue.js
JavaScript之轮播图制作

目录1.轮播布局2.JS动态效果(1)根据图片个数得到图片列表区域的宽度(2)根据图片个数创建相应的圆点并为每个圆点绑定自定义属性 (3)通过事件委托给圆点切换区域绑定点击事件,根据圆点的自定义属性值进行相应的切换 (4)通过定时器设置图片自动切换的效果3.解决bug本文主要介绍如何利用原生JS实现简单的轮播图效果,主要分成三大步骤。轮播区域是由一个大模块包裹,设置固定宽高。内部分为图片列表区域和

#javascript
HTML+CSS之背景图片的设置

本文主要介绍如何在网页布局中使用背景图片。先逐个介绍基本的样式,最后介绍样式该如何简写。

#html#css#前端
JavaScript之tab栏切换

本文主要介绍如何通过JS实现tab栏的切换效果,主要介绍三种方式:1.利用自定义属性;2.利用let关键字;3.利用事件对象1.利用自定义属性此种方法的核心在于给每个tab选项设置一个自定义属性值,然后根据相应的属性值找到对应的内容选项进行显示。代码如下:2.利用let关键词此种方法相较于第一种更加简单,利用let提供的块作用域特点,直接利用各个选项的索引值即可获取相应的内容进行显示。代码如下:3

#javascript
Vue.js之简单购物车的实现

该组件作为父组件,内部又划分为三个组件,分别为cart-title、cart-list、cart-total,对应购物车的标题、列表以及总价区域。为两个按钮绑定点击事件,为输入框绑定失去焦点事件。在父组件中定义list数据,通过props传给总价组件,在计算属性中利用reduce方法得出总价。在父组件中定义uname数据,通过props属性传给标题组件。商品列表组件功能的实现是购物车最重要的部分,

#vue.js#javascript#前端
到底了