xiuxiumomo-CSDN博客

原创加入购物车抛物运动

实现加入购物车效果前言加入购物车功能，在商城类移动端或 app 上经常出现。增加了体验，在此基础上自己封装一个来实现。1.原理点击商品显示一个小球，从商品出发到达数量 box，且小球得大小逐渐变小。2.如何实现抛物运动1.认识 tween 函数2.tween与小球的位置关系3.获取小球起始点方法4.定时器函数更新小球位置2.1 tween 函数tween 主要是利用数...

2020-01-19 17:30:00 247

原创 vue瀑布流类封装

瀑布流效果类封装前言：瀑布流，随着浏览器滚动，页面小单元逐渐出现，且位置是不规则的出现，常用在商城网站，图片类网站(花瓣网)等，十分美观。1.瀑布流思路1.1 确定页面可以分多少栏目根据主体区域的宽度/第一个小块的宽度，向下取整获取可以分多少栏目let { items, gap,dom } = this; //gap 间距动态传入let oBoxWidth = dom.off...

2020-01-19 17:22:58 422

原创封装数字累加AnimateNumber.js

'use strice'// current time 当前时间// beginning 开始值// change 变化到// duration 持续时间let Tween = { Linear: function (t, b, c, d) { return c * t / d + b; }, Quad: { easeIn: ...

2019-04-25 23:19:43 182

原创小程序实现授权完整流程

小程序html页面<view class="container2"> <view style='width:100%;padding-left:30rpx;font-size: 28rpx;margin-top:30rpx;' class="item">1、同意当前小程序获取我的微信头像；</view> <view style=...

2018-10-16 15:21:05 4337 1

原创防抖与节流

/* * 防抖当事件持续触发，一定时间内没有触发事件函数处理一次。比如输入框的ajax请求做模糊查询 * 节流当时间持续触发，在一秒内只能触发一次。比如滚动条持续向下滚动，加载更多数据 * */ function debounce(fn, wait) { var timeout = null; return function...

2018-10-16 15:19:43 185

原创 Vue中关于axios和jsonp的封装

import qs from 'qs'import axios from 'axios' //拦截器axios.interceptors.request.use(function (config) { console.log('正在发送请求哦...')//添加loading效果 return config;}, function (error) { retur...

2018-08-30 17:05:50 4687

原创小程序授权保存到相册完整操作

<button open-type="openSetting" bindopensetting="handleSetting" wx:if="{{isPic}}">授权保存</button> <button bindtap="saveImg" wx:else>保存图片</button>Pag

2018-08-30 17:04:35 5661 1

原创小程序类似发布朋友圈的功能（图片上传和修改）

html部分<view class="img-box"> <view class="img" wx:for="{{imgs}}" wx:for-item="item" wx:key="*this"> <image src="{{item}}" data-index="{{index

2018-08-30 17:03:03 6516

原创小程序获取地理位置（经纬度以及选择附近位置）

html部分<view> <button bindtap="getLocal" wx:if="{{isLocal}}" bindtap="getLocal">获取位置</button> <button open-type='openSetting' bindopensetting="handleSetting&quo

2018-08-30 17:02:29 3359

原创调用腾讯sdk将当前经纬度换算出省市区

获取效果html页面<view> <button bindtap="getLocal" wx:if="{{isLocal}}" bindtap="getLocal">获取位置</button> <button open-type='openSetting' bindopensetting="handleSett

2018-08-30 17:01:42 2288

原创 node.js安装express以及连接数据库

一.添加express 项目框架1.安装nodejs2. npm install -g exprsss cnpm install -g express-generator3.express -e hello4.cnpm install5.cnpm start二.数据库增删改查1.连接数据库固定操作var mysql = require('mysql');v...

2018-08-30 17:01:01 431 1

原创 nodejs写接口

db部分公共var mysql = require('mysql');var dbMsg = { host : 'localhost', user : 'root', password : '123456', database : 'app_pro'}var connection = mysql.createConnection(db...

2018-08-30 17:00:03 2564

原创 nodejs+express+mysql+jwt接口安全验证

1.一段token aaa.bbb.ccc分别有头部，载荷和签名组成。2.用户登录成功后服务端返回token(jwt.sign()方法)。3.客户端请求其他接口，不管是post,get或者在headers里面判断是否有token（jwt.verify()）。var express = require('express');var app = express();var bodyP...

2018-08-30 16:52:29 3389 1

休休漠漠