❍❏❐❑❒❖❘❙❚-CSDN博客

原创仿淘宝购物车页面----jQuery

注：仿写淘宝购物车逻辑，拿来即用；jQuery逻辑包括：购物车全选，商品全选、购物车结算、删除单个商品、删除选中商品、店铺全选等功能；主要逻辑在最下方，还请各位看官点个关注点歌赞不迷路撒~~~~html部分：<div class="shop_car_box"> <div class="w"> <div class="title"> <span class="line"></sp

2020-06-16 20:49:04 2761 3

1、先上图：2、搜索条件绑定的数据是：filterForm:{ schoolName:'',//输入的学校名称 position:'',//选择的区域区域 schoolLevel:"",//选择的学校办别},schoolList:[ {schoolName:'青岛市实验高级中学',schoolLevel:"",position:'山东省青岛市城阳区硕阳路69号'}, {schoolName:'山东省青岛第二中学',schoolLevel:"",position:'山东省青岛市崂山区松岭路

2020-05-28 10:20:44 7277 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 1472

原创 wx小程序接口封装

2020-04-13 13:38:49 524

原创 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 1677 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 301

转载轮播---无缝衔接

文章来源：手撸轮播<!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 210

原创算法篇（日积月累）

第一题：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 212

转载 js处理浮点数加减乘除精度丢失问题

内容摘录自：JavaScript数字精度丢失问题总结作者:Snandy（作品出自博客园）加减乘除运算方法封装/** * floatObj 包含加减乘除四个方法，能确保浮点数运算不丢失精度 * * 我们知道计算机编程语言里浮点数计算会存在精度丢失问题（或称舍入误差），其根本原因是二进制和实现位数限制有些数无法有限表示 * 以下是十进制小数对应的二进制表示 * 0.1 >> 0.0001 1001 1001 1001…（1001无限循环） * 0.2 &gt.

2020-11-23 11:25:41 583

转载 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 154

原创 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 3271 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 1443

原创日程组件（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 3054 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 145

翻译 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 1805

原创商品详情div+css+js

2020-06-28 21:19:49 728

原创（商品评价页）商品星级评分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 4338 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 543

原创遍历节点，生成对象

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 205

原创常用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 206

转载 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 179

原创一行文本时，右对齐；多行文本时，左对齐。

页面开发时经常会遇到列表左右展示：左侧label，右侧文本信息，而且文本内容一行时，右对齐；文本多行时，左对齐；这样的需求，如下图所示：看图中红框内文本展示：一行情况如附件，多行情况如任务描述；代码如下：<view class="description"> <view class="label" style="width:180rpx;">任务描述</...

2020-04-07 15:58:44 2145 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 1202

原创 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 1833

原创纯css3动画---粒子效果按钮组件封装（vue）

前言：先声明一下，按钮并非原创，而是引用掘金大佬的一篇文章，突发奇想做了一个简单封装，如有侵权，欢迎来搞，本人立刻删文，如果对本文由什么新的想法或好的意见，欢迎留言。作者：XboxYan文章链接CSS实现一个粒子动效的按钮子组件中：<template> <div> <button class="button" v-debounce="c...

2020-01-10 15:04:29 776

原创常用函数归纳

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 209

原创 npm 全局下載报错

报错详情如下：解决办法：以管理员身份运行cmd（右键单击左下角开始图标，选择weindows PowerSheel(管理员),然后再进行npm下载），图解如下：喜欢的小伙伴点个赞，谢谢...

2019-08-29 14:00:19 319

原创前端短信验证码

/** * 发送短信验证码 */ 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 1691

原创 vue局部和全局自定义过滤器和自定义指令的方法

如下是一个vue页面：<template> <div id="methods"></div></template><script>export default { data() { return {}; }, created: {}, methods: {}, // 自定义私有指令 dire...

2019-08-19 10:43:04 533

原创字符串操作

// 一、增 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 103

原创 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 4353

原创截取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 495

原创 vue + Mint-Ui实现上拉加载、下拉刷新

上拉刷新（1）methods内方法：scrollhandle(){ var scrollTop = document.documentElement.scrollTop || document.body.scrollTop var windowHei...

2019-05-31 17:41:59 229

原创 VScode炫酷插件（Power mode）的安装和配置

这款插件给用户提供了超炫酷的连击特效，给人一种超爽的码代码体验。首先，打开vscode编辑器，

2019-02-23 16:50:45 4152

原创简单的弹出窗全屏遮盖（遮罩层）的结构和样式

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 2590 1