脚男footman-优快云博客

原创微信小程序商品列表滑动联动商品分类

效果仿x团小程序的商品列表滚动时，联动商品分类的效果。简单描述思路：1、商品列表做出不同分类的标记位置2、监听商品列表滚动时，是否到达分类标记位置的高度3、符合达到标记位置的高度后，触发商品分类栏目选中事件注意：我的商品分类栏目和商品列表同属一个页面，但分别是两个不同的components，所以触发事件需要传参正文部分：先观察下图：留意红色标注部分，这个高度在获取商品列...

2019-12-21 17:39:30 6166 2

原创微信小游戏开发思路原理

相当注重模块化，主要分几部分划分设计（导演类、主程、数据类）。一些准备工作1.Babel（在项目中安装有效） 2.新的谷歌浏览器（不在微信的工具中开发）。<!DOCTYPE><html><head> <meta charset="UTF-8"> <title>web birdy</title>

2018-04-06 18:41:40 2834

原创小程序自定义日历

重点在于将数个月的日期拆分重组，然后再统一以月为输出。详细操作代码注释有说明。 {{item.year || "--"}} 年 {{item.Month || "--"}} 月 {{item}}

2018-01-14 15:57:38 2905

原创 IOS上传图片翻转处理重力并压缩大小

var newImageData;function canvasContraction(file) {//压缩图片俊生 var Orientation = null;//图片方向角 EXIF.getData(file, function() {//插件引入处理 // alert(EXIF.pretty(this)); EXIF.getAllTags(this); ...

2017-11-08 17:16:53 531

原创 cropper试试

半炒半自创，最后结果是base64拿了，然后怎么处理都行了 <ul id="listLobby" data-am-widget="gallery" class="am-gallery am-avg-sm-2 am-avg-md-3 am-avg-lg-4 am-gallery-default" data-am-gallery="{ pureview: true }">

2017-08-24 22:59:08 399

原创 canvas图片上传剪裁

项目连续两次用到canvas啦！！什么ios拍照自动旋转的问题之类的（后续补上），然后到这次的图片上传剪裁。直接抄个dalao的代码，先用后写注释。 Document 裁剪 var canvas = document.querySelector('canvas'), ctx = canvas.getCont

2017-08-22 23:00:07 546

转载 js(jQuery)获取时间的方法及常用时间类

$(function(){ var mydate = new Date(); var t=mydate.toLocaleString(); /*alert(t);*/ $("#time").text(t); $("#time").load("Untitled-1.html"); });afwef获取JavaScr

2017-07-25 10:14:09 1441

原创输入框延时调接口(防止不停调用)

var iSecond;function OnInput(event) { var TeVal=event.target.value; iSecond= Math.ceil((Math.random()*1)); var t=setTimeout(function () { var TeVal=event.target.value; log

2017-07-24 23:21:29 950

原创 loading动画（非gif）

降低服务压力，不用gif，纯css加动画，主要是box-shadow，外面的四色边框加个动画也可以转起来。生产环境中用js做dom操作即可 /*p138*/.small div{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); wi

2017-07-19 23:17:22 263

单一入口应用程序的所有http请求都是通过index.php接收并转发到功能代码去的，所以在index.php里面就能完成许多实际工作。由于所有的http请求都由index.php接收，所以可以进行集中的安全性检查，如果不是单一入口，那么开发者就必须记得在每一个文件的开始加上安全性检查代码（当然，安全性检查可以写到另一个文件中，只需要include就可以了。）与安全性检查类似。在入口里，我们还可以

2017-05-08 15:17:41 212

原创关于小程序中scroll-view横向拖动内容溢出处理实例

在安卓的环境中，对于分类用scroll-view做横向拖动时，产生溢出效果的处理，原理如下图蓝线为scroll-view下view的宽度，红线为分类内容的累积宽度，这就是在安卓环境下撑开的原因。ios不会发生这种情况。处理方式为在scroll-view下view新增一个view，然后设max-width，就可以处理这种情况。

2017-05-04 15:44:00 6011 2

原创商城后台对比：商品管理（库存修改特效）的实现解析

直奔主题，对比常用的两个开源商城系统关于库存的修改特效ecshopopencarecshop在这方面比opencar要好，因此采用ecshop的效果做例子。实现的方式很简单，都是通过js的事件来触发，然后传值，ajax传后台处理，以下为每行解析 );" style="width:150px;" id="" class="am-

2017-04-26 14:52:48 2533

原创小程序上拉加载更多数据，分类切换状态等实例

发现很多人对小程序的文章比较好奇，购物车那篇居然占了快三分一的访问量，因此写多篇关于小程序的常用功能。上拉加载更多其实很简单，关键点只是知道上拉加载是变相的分页加载，然后通过初始化记录值和通过数组来保存加载过的数据（用户看回加载过的数据），同样的每行解析，分类切换的状态显示的想法是慕课网的七月讲师在视频的想法。我这里简化一下。 data: { begin: 0,

2017-04-25 10:59:12 4032

原创配合js令后台做成中文图片重命名

配合前面说到是js预览上传图片的一道检测方式，检测到必须为图片，后台的操作就只需要做到对图片的中文名称重命名即可。避免转码等复杂的问题。 if (file_exists('./uploads/source/head/'.date('Y/m/d'))) { $address = 'uploads/source/head/'.date('Y/m/d');

2017-04-21 09:33:57 962

原创微信小程序中商城购物车实例,追加删除购物车中个别商品实例

购物车的做法都是运用缓存来实现，小程序也一样，这个方法重要的想法，当然也有其他更好的方法去实现。同样的每行解析。商品详细页 tocar: function (event) {//event必须要加不然用不了event.currentTarget.dataset。这个函数已经被formSubmit函数取代 var goods_id = event.currentTarget.datas

2017-04-18 14:15:53 13574

原创数组处理：根据不同数据库的来源信息，商户进行挑选购入后的统一操作

平台上的商品数据来自于两个互不相干的数据库，事前经过中间表进行统一处理，现在进行商户对挑选加入到自身商户商品表的操作。直接贴代码，同样有每行解析，重要的是想出来的一种想法。 public function add_ik(){//添加ttp到整合表 $fr_present_id=$this->input->post("fr_present_id");//接收status+goo

2017-04-14 16:18:07 581

原创小程序需要用到的https的简易配置(windows环境)

小程序的向服务器调数据基础是https，拿单位的资料到腾讯云申请了免费的资源后，经过审核拿到了需要的秘钥等。查了网上很多教程和资料，发现为了应对小程序调数据的情况其实很可以简单配置，不需要太深入理解。先上截图有的资料将配置的文件路径写在ssl config中，但是在集成环境中vhosts读的优先级比ssl config高，所以把ssl配置的秘钥的路径啊之类的统统写到vhosts中，就是

2017-04-14 09:47:46 3354

原创国内某一线服装品牌运输单信息接口数据组装（PHP数组处理记录）

客户的旧版运输单信息接口不能满足运营渐渐出现的问题，因此对该接口进行版本改造，获得的新结构是而且为解决运营与第三方快递公司对excel导入的快递单订单商品等规格等问题，最后将格式重组的工作交给后台技术处理，因此尝试了不同的方式，最终决定加入数据库操作。以下兼贴上成功与尝试的方式代码。每行也同样有解析 function foxTest(){ if ($_FILES["e

2017-04-13 09:53:18 786

原创小程序微信支付实例

前提要有https的支持。支付没那么复杂，原理想清楚后就基本可以实现了。这个实例是全部微信的敏感数据都走后台处理，微信js只负责调用接口。代码写的可能有点乱，但是只在于原理不在于形式。以下为js文件，接收订单信息进行Submit处理。 formSubmit: function (event) { var that=this; var form_data = even

2017-04-12 10:40:15 18941

原创 js上传图片预览，php后台接收实例，已改写为多图上传预览

上传图片预览这个出自超实用的js代码段，关于图片的处理那一章，php后台接收是网上比较少这方面的资源或者写得很复杂，这里简单记录。都是基于js首先先调用两个文件夹animateManage.js和viewimg.js，可以在网上下载。相当好用。关键点是FileReader这个知识点，可以读取文件的相关信息，包括路径。这是个关键点。 /*

2017-04-11 17:51:05 3388

footman的博客