- 博客(35)
- 资源 (5)
- 收藏
- 关注

原创 仿淘宝购物车页面----jQuery
注:仿写淘宝购物车逻辑,拿来即用;jQuery逻辑包括:购物车全选,商品全选、购物车结算、删除单个商品、删除选中商品、店铺全选等功能;主要逻辑在最下方,还请各位看官点个关注点歌赞不迷路撒~~~~html部分:<div class="shop_car_box"> <div class="w"> <div class="title"> <span class="line"></sp
2020-06-16 20:49:04
2846
3

原创 vue中优雅的实现前端列表多条件筛选
1、先上图:2、搜索条件绑定的数据是:filterForm:{ schoolName:'',//输入的学校名称 position:'',//选择的区域区域 schoolLevel:"",//选择的学校办别},schoolList:[ {schoolName:'青岛市实验高级中学',schoolLevel:"",position:'山东省青岛市城阳区硕阳路69号'}, {schoolName:'山东省青岛第二中学',schoolLevel:"",position:'山东省青岛市崂山区松岭路
2020-05-28 10:20:44
7378
2

原创 循环创建数组对象
有三个li标签: <li name='张三' id="1">张三</li> <li name='王老板' id="5">王老板</li> <li name='潘富' id="7">潘富</li>现需要生成一个数组对象,格式如下:arr = [ {name:'张三',id:'1'}, {name:'王老板',id:'5'}, {name:'潘富',id:'7'},]处理方法如下(这里简写len=l
2020-05-19 11:11:54
1491

原创 wx小程序接口封装
在utiuls文件夹新建四个文件:1、bluebird.js文件:/* @preserve * The MIT License (MIT) * Copyright (c) 2013-2017 Petka Antonov *//** * bluebird build version 3.5.0 * Features enabled: core, race, call_get, gen...
2020-04-13 13:38:49
553

原创 vue + vantUI的列表上拉加载更多和下拉刷新(带tab标签页)
html部分:<!-- 头部导航区域 --> <div class="nav" ref="navWrap"> <ul ref="navContent"> <li v-for="(item, index) in askNavData" :key="index"&...
2020-04-02 14:34:53
1704
1

原创 小程序上拉加载下拉刷新及分页记录
wxml部门:<view class="news" wx:for="{{contentlist}}"> </view> <view wx:if="{{hasMoreData}}" class="loadmore loading">正在加载中...</view><view wx:else class="loadmore">没...
2020-02-25 10:50:01
323
转载 轮播---无缝衔接
文章来源:手撸轮播<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>轮播图</title> <style> body {
2020-12-17 09:51:55
230
原创 算法篇(日积月累)
第一题:let arr = [ { "name": "www", "time": 110 }, { "name": "aaa", "time": 180 }, { "name": "aaa", "time": 220 }, { "name": "ddd", "time": 30 }, { "name": "aaa", "time": 190 }, { "n..
2020-11-27 11:01:11
243
转载 js处理浮点数加减乘除精度丢失问题
内容摘录自:JavaScript数字精度丢失问题总结作者:Snandy(作品出自博客园)加减乘除运算方法封装/** * floatObj 包含加减乘除四个方法,能确保浮点数运算不丢失精度 * * 我们知道计算机编程语言里浮点数计算会存在精度丢失问题(或称舍入误差),其根本原因是二进制和实现位数限制有些数无法有限表示 * 以下是十进制小数对应的二进制表示 * 0.1 >> 0.0001 1001 1001 1001…(1001无限循环) * 0.2 >.
2020-11-23 11:25:41
624
转载 if else优化方案(转载翻译)
原文地址:彻底消除if else, 让你的代码看起来更优雅作者:程序媛小艺喜欢的可取给作者点赞收藏,如有侵权,联系删除!场景:状态的判断优化方案1:object对象const statusStr = { '1': '待付款', '2': '待发货', '3': '已发货', '4': '交易完成', '5': '交易关闭', 'default': ''}const getStatus = (status) =>{ return statusS.
2020-10-13 10:26:29
174
原创 VScode配置文件之setting.json
配置包括:代码保存时格式化、三秒自动保存、编辑器主题"GitHub Light"、快捷生成函数注释(快捷键Ctrl+Alt+t)函数注释的样式:其中param和return不可配置文字,其他均可 /** * @Author: foolishma-m15589582912@163.com * @Date: 2020-09-29 13:51:09 * @Description: * @param {type} * @return {type} * /setting.json
2020-09-29 13:54:55
3348
1
原创 小程序 头部背景色滚动渐变
直接js:onPageScroll:function(e){ var opacity = 0 if(e.scrollTop <= 160){ opacity = e.scrollTop / 160 }else{ opacity = 1 } var str = "rgba(0,0,0,"+ opacity +")" this.setData({ background:str }) },注释:160是滚动
2020-09-19 11:24:12
1497
原创 日程组件(vue2+FullCalendar),日程查看,修改,删除等逻辑;
废话不多说,直接上代码:首先修改一下package.json文件内容,然后npm i即可:(与fullcalendar无关的,可自行处理删除)package.json:{ "name": "webtemplate", "version": "1.0.0", "description": "A Vue.js project", "author": "foolishma", "private": true, "scripts": { "dev": "webpack-de
2020-09-15 16:12:24
3216
1
原创 获取url参数
一:需求:获取 url 中的参数指定参数名称,返回该参数的值 或者 空字符串不指定参数名称,返回全部的参数对象 或者 {}如果存在多个同名参数,则返回数组function getUrlParam(sUrl,sKey){ var result = {}; sUrl.replace(/\??(\w+)=(\w+)&?/g,function(a,k,v){ if(result[k] !== void 0){ var t = result
2020-08-06 16:25:02
165
翻译 vue自定义指令禁止按钮连续点击(可传参)
购物车操作数量时,禁止连续点击减少数量:新建文件夹:banreclick.jsimport Vue from 'vue'// 代码const pointDoms = []; // 使用这个指令的所有DOM对象Vue.directive('points', { inserted(el, binding) { pointDoms.push(el); // 存储使用这个指令的DOM el.addEventListener('click', () => {
2020-08-06 14:58:33
1834
原创 商品详情div+css+js
<div class="goodsDetail"> <div class="indexWrap centerWrap"> <div class="top_bar"> <!-- 顶部条开始 --> <div class="top"> <div class="left">
2020-06-28 21:19:49
751
原创 (商品评价页)商品星级评分html+css+js
html部分:<div class="evaluate_main"> <div class="evaluate_title"> <div class="line"></div> 我的评价 </div> <div class="evaluateP_info"> <div class="info_tit">
2020-06-28 21:13:27
4521
3
原创 商品详情、放大镜等jQuery和页面样式
1、html部分:<div class="goodsDetail"> <div class="indexWrap centerWrap"> <div class="top_bar"> <!-- 顶部条开始 --> <div class="top"> <div class="left">
2020-06-23 11:09:02
611
原创 遍历节点,生成对象
1、要做的事儿:遍历div中的input,取input的id为key,取input的value值为key值生成一个对象,若value为空,则不需要此键值对2、html部分:<div class="input_div"> <input type="text" id="input1" value="value1"> <input type="text" id="input2" value=""> <input type
2020-06-17 10:41:23
233
原创 常用css
1、例如像淘宝商品列表,商品有多行,想单独设置最后一行的item的margin-bottom:.goodItem是item的class名/* 列表的最后一行margin-bottom设置为0 */.goodItem:nth-child(3n+1):nth-last-child(-n+3),.goodItem:nth-child(3n+1):nth-last-child(-n+3)~.goodItem{ margin-bottom: 0;}2、多行文本的容器,想最后一行超出部分省略号显示
2020-06-12 20:08:11
241
转载 css特性
首先声明:本博文转载记录;文章来源:学会这些CSS,休想让我切图!!!作者:随风丶逆风。三角形利用border-color支持transparent这一特性,隐藏三条边框,实现三角形。<style>.triangle { width: 0; height: 0; border-style: solid; box-sizing: border-box; border-width: 0 10px 10px; border-color: transparent tr
2020-06-03 14:07:43
196
原创 一行文本时,右对齐;多行文本时,左对齐。
页面开发时经常会遇到列表左右展示:左侧label,右侧文本信息,而且文本内容一行时,右对齐;文本多行时,左对齐;这样的需求,如下图所示:看图中红框内文本展示:一行情况如附件,多行情况如任务描述;代码如下:<view class="description"> <view class="label" style="width:180rpx;">任务描述</...
2020-04-07 15:58:44
2242
1
转载 求一个数组的最小值,最大值,平均数,中位数与众数
const sampleStats = function(count) { let min = Infinity; let max = -Infinity; let sum = 0; let totalCount = 0; let modCount = 0; let mod; for (let i = 0; i < count.length; i++) {...
2020-04-02 11:22:15
1239
原创 js提取对象数组中有效字段
比如如下格式:let arr = [ { id: 1, name: "tony", class: 1, garde: 88 }, { id: 2, name: "Tom", class: 1, grade: 90 }, { ...
2020-02-27 10:19:21
1878
原创 纯css3动画---粒子效果按钮组件封装(vue)
前言:先声明一下,按钮并非原创,而是引用掘金大佬的一篇文章,突发奇想做了一个简单封装,如有侵权,欢迎来搞,本人立刻删文,如果对本文由什么新的想法或好的意见,欢迎留言。作者:XboxYan文章链接CSS实现一个粒子动效的按钮子组件中:<template> <div> <button class="button" v-debounce="c...
2020-01-10 15:04:29
812
原创 常用函数归纳
1、生成任意个数不重复的整数function sjsz(num){ var ary = []; //创建一个空数组用来保存随机数组 for(var i=0; i<num; i++){ //按照正常排序填充数组 ary[i] = i+1; } ary.sort(function(){...
2019-09-26 11:03:02
230
原创 npm 全局下載报错
报错详情如下:解决办法:以管理员身份运行cmd(右键单击左下角开始图标,选择weindows PowerSheel(管理员),然后再进行npm下载),图解如下:喜欢的小伙伴点个赞,谢谢...
2019-08-29 14:00:19
379
原创 前端短信验证码
/** * 发送短信验证码 */ function sendValidateCode(obj){ var mobileReg = /^1[3|4|5|6|7|8|9][0-9]\d{8}$/ var countdown = 60, timerTag; var mobile=$("#mobile").val().trim(...
2019-08-22 15:38:18
1724
原创 vue局部和全局自定义过滤器和自定义指令的方法
如下是一个vue页面:<template> <div id="methods"></div></template><script>export default { data() { return {}; }, created: {}, methods: {}, // 自定义私有指令 dire...
2019-08-19 10:43:04
565
原创 字符串操作
// 一、增 var string = "hello", string1 = " world", string2 = "!", string3 = " hello " console.log(string) console.log(string.concat(string1)) console.log(st...
2019-08-16 17:44:08
115
原创 layui后台项目中有关百度地图及其他用到的方法函数(记录)
1、截取小数点后六位数字 function getnum(s) { var result = s.substring(0, s.indexOf(".") + 7); return result }2、分钟数转换为 小时:分钟 function ChangeHourMinutestr(str) { ...
2019-08-15 10:33:56
4399
原创 截取url参数
1:在js文件夹新建一个js文件,文件夹放在assets目录下,js文件名随意,我的是urlSearch.js2:js文件内容如下var str = location.href, name, value, num = str.indexOf("?") str = str.substr(num + 1) ...
2019-06-06 09:10:22
520
原创 vue + Mint-Ui实现上拉加载、下拉刷新
上拉刷新(1)methods内方法:scrollhandle(){ var scrollTop = document.documentElement.scrollTop || document.body.scrollTop var windowHei...
2019-05-31 17:41:59
252
原创 VScode炫酷插件(Power mode)的安装和配置
这款插件给用户提供了超炫酷的连击特效,给人一种超爽的码代码体验。首先,打开vscode编辑器,
2019-02-23 16:50:45
4233
原创 简单的弹出窗全屏遮盖(遮罩层)的结构和样式
html结构代码如下:<div class="dialog" style="margin-left: -230px;left: 50%;top: 356px;position: absolute;opacity: 1;z-index: 214748012;"> <div class='dialog_container'> <h4>你确认要删除该商品吗...
2019-02-23 16:49:57
2622
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人