xiuxiumomo-CSDN博客

原创加入购物车抛物运动

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

2020-01-19 17:30:00 282

原创 vue瀑布流类封装

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

2020-01-19 17:22:58 461

原创封装数字累加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 206

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

小程序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 4416 1

原创防抖与节流

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

2018-10-16 15:19:43 215

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

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

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

2018-08-30 17:04:35 5699 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 6591

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

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

2018-08-30 17:02:29 3404

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

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

2018-08-30 17:01:42 2388

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

一.添加express 项目框架 1.安装nodejs 2. npm install -g exprsss cnpm install -g express-generator 3.express -e hello 4.cnpm install 5.cnpm start 二.数据库增删改查 1.连接数据库固定操作 var mysql = require('mysql'); v...

2018-08-30 17:01:01 481 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 2603

原创 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 3469 1

休休漠漠