前端js
文章平均质量分 51
小小文呀
学无止境
展开
-
javascript 根据数组指定字段值,实现升序/降序
根据数组num值,实现升序。根据数组num值,实现降序。原创 2022-08-09 12:05:58 · 809 阅读 · 1 评论 -
swiper 轮播 多行多列 横向排列
一直没仔细研究过swiper,用到了swiper多行多列的展示效果,官网默认是纵向排列想要做到横向排列,需添加一个一个属性:slidesPerColumnFill:'row'slidesPerView: 4,slidesPerColumn: 4,slidesPerColumnFill:'row',这样就可横向排列,记下来做个备份...原创 2020-09-17 11:36:22 · 5724 阅读 · 2 评论 -
js类数组对象转为数组
我们有一种需求就是把类数组对象转化为数组对象,方法如下:1.通过Array.prototype.slice.call()将类数组对象传入即可。本文以vue代码为例,写在计算属性中computed:{ dataList(){ return Array.prototype.slice.call(this.List) //this.List => 要转换的类数组对象 }}...原创 2019-08-07 11:03:34 · 499 阅读 · 0 评论 -
微信小程序 wx.navigateTo()多个参数传参方法
正在学习中,传递多个参数的方法,记录一下参数传递1.数据需要转义为字符串才能通过参数传递 JSON.stringify()2.多个参数传递,前面要加 & 符号let dataList = JSON.stringify(this.data.dataLists) wx.navigateTo({ url: '../details/details?dataList=' + dat...原创 2019-08-08 17:07:05 · 15217 阅读 · 1 评论 -
js数组去重方法
利用对象的思想,对象的一个属性是唯一的,如果对象里没有这个属性的话,就放入这个属性,即为true.var arr = [1,1,2,3,0,3,3,3,3,4,4,5]function removal(arr){ var obj = {}, arrData = [], len = arr.length for(var i = 0; i < len; i++){ if(!o...原创 2019-08-01 16:43:52 · 144 阅读 · 0 评论 -
vue刷新当前页面,不留白
用provide / inject 组合原理:允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在起上下游关系成立的时间里始终生效在App.vue,声明reload方法,控制router-view的显示或隐藏,从而控制页面的再次加载。<template> <div id="app"> <router-view v-if="isRou...原创 2019-07-22 18:05:11 · 196 阅读 · 0 评论 -
vue进度条+定时器,实现自动变化
实现思路:1.添加一个class名为Progress 的 div,即进度条外边框。2.接着,在上面的 div 内,添加一个class名为jindu的div3.class.jindu的style宽度使用百分比,例如 style=“50%”; 表示进度条在 50% 的位置。代码<div> <div class="Progress"> <div cla...原创 2019-07-17 11:38:16 · 4422 阅读 · 0 评论 -
html实现弹窗
上午闲来无事,用html及原生js写个弹窗,供参考。<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> body{ margin: 0px; ...原创 2019-06-20 12:10:48 · 85020 阅读 · 28 评论 -
Vue中使用vuex,页面刷新登录状态不丢失,退出登录后清空登录状态的解决方法
前端小白,最近使用vue做用户的登录/退出,在开发过程中遇到的一些问题,记录下来。由于vue自身特性的原因,vuex中的数据在页面刷新之后其中的数据会初始化,这就导致组件之间通过vuex传递的数据在用户f5刷新页面之后会丢失。搜索了一些方法,使用localStorage实现页面刷新之后数据不丢失的方法代码如下vuexconst state = { userInfo: JSON.pars...原创 2019-05-28 16:39:30 · 15486 阅读 · 8 评论 -
关于三目运算符多个判断条件的写法
结构a==0?-1:a==1?0:1原创 2019-05-24 17:20:34 · 5286 阅读 · 0 评论