2017年05月_面条请不要欺负汉堡

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月

原创百度上传webuploader

一.注意细节1.不能重复上传问题？根据查看webuploader文档里面有个duplicate属性，是可选的， true为可重复，false为不可重复默认为undifind 也是不可重复。所以在 pick: '#filePicker',下面加上duplicate :true,2.为什么点击“”上传”按钮，弹出框会延迟时间？accept: { tit

2017-05-17 09:40:17 9350

原创常用的正则表达式

现在开发一般都是用框架，而框架都会自带表单验证。然而手机号码会随之而改变，所以啊，框架自带的验证是不正确的。下面我们来了解几个正则表达式，慢慢积累啊。首先推荐正则表达式编辑器(验证表达式是否正确)PyRegex：http://www.pyregex.com/一.常用的正则表达式1.手机号码(包含177开头)tip: /^[1][3,4,5,7,8][0-9]{9...

2017-05-10 10:51:58 844

原创微信小程序开发—(十一)navigator

一.理解navigator二.使用1.navigator跳转页面样式分为两种一种是左上角带返回按钮跳转到新的页面，另一种不带即在本页跳转，通过控制redirect属性跳转到navigator新页面 redirect在当前页打开2.参数传递在index.wxml 跳转到navigator新页面 redirect在

2017-05-05 14:05:46 2053

原创微信小程序开发—(八)canvas绘制图形

一.小知识(1).API接口(2).context 对象的方法列表二.步骤wxml中：在js文件onLoad: function() {}的方法中开始编写代码1.创建一个 Canvas 绘图上下文 CanvasContext const ctx = wx.

2017-05-04 10:35:00 19447 1

原创微信小程序开发—(五)弹出框

消息提示框模态弹窗操作菜单 1.消息提示——wx.showToast(OBJECT)//show.js//获取应用实例 var app = getApp() Page({ showok:function() { wx.showToast({ title: '成功', icon: 'success', duration:

2017-05-02 17:31:33 132651 23

原创微信小程序之文件类API

一.小知识1.wx.saveFile(OBJECT):保存文件到本地。wx.chooseImage({ success: function(res) { var tempFilePaths = res.tempFilePaths wx.saveFile({ tempFilePath: tempFilePaths[0], success

2017-05-26 15:13:24 2389

原创微信小程序之音乐控制播放（audio的API）

一.小知识1.wx.getBackgroundAudioPlayerState(OBJECT)：获取后台音乐播放状态。2.wx.playBackgroundAudio(OBJECT)二.案例

2017-05-25 16:15:06 29769 4

转载微信小程序开发之录音机音频播放动画 (真机可用)

1.为了进来看得清楚.刚开始没有加载音频列表.代码往前挪一挪即可.2.按住录音按钮的时候会出现麦克风.中间的麦克风是个帧动画.其实就是用js控制图片显示隐藏.没啥好说的.这里值得说一说的是录音.微信的录音API后,如果录音时间太短,会录音失败.所以fail的时候还是需要处理一下.录音时间的限制和微信语音是一样的.60秒.3.我在录音完成后才加载列表.下图就是从微信

2017-05-25 14:26:38 1011

原创微信小程序wx.getImageInfo()获取图片信息

一.知识点二.列子(1).加载时图片的大小：{{imgwidth}}px*{{imgheight}}pxvar app = getApp() Page({ data: { tempFilePaths: '../uploads/foods.jpg', imgwidth:0, imgheig

2017-05-25 13:58:14 62971 5

原创微信小程序wx.previewImage预览图片

二.例子（1）网络的图片1.wxml 2.wxss.container { box-sizing:border-box; padding:20px;} .previewimg{ float:left; width:45%; height:200px; margin:2%;}.previewimg image{ width:100

2017-05-25 12:08:46 146816 19

转载微信小程序--后台交互/wx.request({})方法/渲染页面方法解析

小程序的后台获取数据方式get/post具体函数格式如下：wx.request({})data: { logs:[] },onLoad:function(){this.getdata(); }getdata:function(){//定义函数名称var that=this; // 这个地方非常重要，重置data{}里数据时候setData方法的this应为以

2017-05-25 11:02:54 5066 1

转载 C/S和B/S两种架构区别与优缺点分析

C/S和B/S，是再普通不过的两种软件架构方式，都可以进行同样的业务处理，甚至也可以用相同的方式实现共同的逻辑。既然如此，为何还要区分彼此呢？那我们就来看看二者的区别和联系。

2017-05-25 10:17:43 634

转载微信小程序开发—(十七)animation API(2)

上面微信小程序开发—(十七)animation API，我们了解到animation使用。现在我们来了解下关于动画的机制。不管是位移，缩放，旋转，可能都会涉及到三个轴，那就是x,y,z,轴，这三个轴大致这样的如下图 x轴是水平的，y轴在垂直方向上，而z轴，是"指向我们的方向"的一个轴,这点必须清楚，不然动画的很多东西，你就没办法理解了。好了，我们再来回过头来看看官网的几个动画方

2017-05-19 10:10:08 540

转载微信小程序开发—(十七)animation API

wx.createAnimation(object)看官方介绍1.创建一个动画实例animation。调用实例的方法来描述动画。最后通过动画实例的export方法导出动画数据传递给组件的animation属性。2.调用动画操作方法后要调用 step() 来表示一组动画完成，可以在一组动画中调用任意多个动画方法，一组动画中的所有动画会同时开始，一组动画完成后才会进行下

2017-05-19 09:54:46 2234

原创微信小程序开发模拟下拉菜单

一.知识点1.实现动态显示和隐藏某个控件列表1 data:{ open:false }, showitem:function(){ this.setData({ open:!this.data.open }) },.display_show{ display: block;}.display_none

2017-05-18 10:44:43 3421

原创微信小程序开发—(十六)video视频播放

一.知识点二.操作1.wxml 播放暂停获取视频发送弹幕监听button点击事件:点击显示视频组件 2.jsvar util = require('../../utils/util.js')function getRandomColor () {//随机获取颜色 let rgb = [] for (le

2017-05-17 13:42:16 7504 3

原创微信小程序开发—(十五)audio音频播放

一.知识点（1）.audio为音频组件，我们可以轻松的在小程序中播放音频。整理下就是：（2）.API1.wx.createAudioContext(audioId):创建并返回 audio 上下文 audioContext 对象 audioContext:audioContext 通过 audioId 跟一个组件绑定，通过它可以操作对应的组件

2017-05-17 10:49:51 4037 3

原创微信小程序开发—(十四)表单验证2

一.知识点1.是否为空if(e.detail.value.userName.length==0||e.detail.value.psw.length==0||e.detail.value.tel.length==0){ this.setData({ tip:'提示：不能为空！', }) }2.正则表达式：手机

2017-05-16 17:16:38 852

原创微信小程序开发—(十四)表单组件1

一.小知识1.表单，将组件内的用户输入的提交。当点击表单中 formType 为 submit 的组件时，会将表单组件中的 value 值进行提交，需要在表单组件中加上 name 来作为 key。2.picker从底部弹起的滚动选择器，现支持三种选择器，通过mode来区分，分别是普通选择器，时间选择器，日期选择器，默认是普通选择器。

2017-05-16 16:45:20 938

原创微信小程序开发—(十三)可滚动视图区域 scroll-view

一.知识点可滚动视图区域 scroll-view使用竖向滚动时，需要给一个固定高度，通过 WXSS 设置 height。1.index.wxml vertical scroll竖直方向 click me to scroll 2.index.wxss.scroll-view_H

2017-05-16 14:52:07 7521

原创微信小程序开发—(十二)列表

一.知识点(一).列表渲染 wx:fortip:wx:for=“array”可以等于参数名，在js中调用Page({ data:{array: [{name: '小李'},{ name: '小高'}]} })，获取值；也可以直接把wx:for="{{[1, 2, 3]}}"，把值放在上面1.在组件上使用wx:for控制属性绑定一个数组，即可使

2017-05-12 16:49:27 1829

转载触摸与手势事件

iOS版Safari为了向开发人员传达一些特殊信息，新增了一些专有事件。因为iOS设备既没有鼠标也没有键盘，所以在为移动Safari开发交互网页时，常规的鼠标和键盘事件根本不够用。随着Android中的WebKit的加入，很多这样的专有事件变成了事实标准。1.触摸事件包含iOS2.0软件的iPhone 3G发布时，也包含了一个新版本的Safari浏览器。这款新的移动Safari提供了一些与

2017-05-11 11:28:16 498

原创 Amaze UI Web 与 Amaze UI Touch 有什么不同

一.了解Amaze UI Amaze UI 推崇“一切皆组件”的组件化理念，目前它提供包含专门针对跨屏 HTML5 网页开发的 Amaze UI Web 以及针对移动端的 HTML5 混合应用开发框架 AmazeUI Touch ，在全球权威的代码托管平台上， Amaze UI 的 Star 数量超过 7000 ，名列国内开源项目前茅。二.Amaze UI Web 与 Amaze UI

2017-05-08 17:25:37 1344

原创微信小程序image图片自适应宽度比例显示的方法

一.了解image组件由于image有默认的固定的宽度和高度，这样我们在做图片自适应的时候，就不好做了。下面就来一起解决下二.方法(一).使用mode：widthFixwidthFix：宽度不变，高度自动变化，保持原图宽高比不变。首先我们先设置image的mode为widthFix，然后给图片加一个固定rpx的宽度，比如：730rpx。这样图片也可以自适应了。。因为

2017-05-05 16:52:43 90418 4

原创微信小程序尺寸单位rpx以及样式相关介绍

一.rpx单位rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。微信小程序也支持rem尺寸单位，rem和rpx的换算关系：rem: 规定屏幕宽度为20rem；1rem = (...

2017-05-05 16:30:23 2488

原创微信小程序开发—(十)drawImage理解

一.drawImage参数二.使用案例1.上传图片时： chooseImage是调用相机和手机相册的接口2.绘制指定的图片(图片直接在小程序的images文件夹中） const ctx = wx.createCanvasContext('myCanvas'); ctx.drawImage('../uploads/foods.jpg', 0, 0, 150, 1

2017-05-05 10:32:38 13786

原创微信小程序开发图片拖拽

1.编写页面结构:moveimg.wxml 2.编写页面样式：moveimg.wxss.container { box-sizing:border-box; padding:1rem;}.cnt{ width:100%; height:15rem; border: 1px solid #ccc; positi

2017-05-05 10:16:40 3587

原创微信小程序开发—(七)canvas基础

一.了解canvas canvas 标签默认宽度300px、高度225px。同一页面中的 canvas-id 不可重复，如果使用一个已经出现过的 canvas-id，该 canvas 标签对应的画布将被隐藏并不再正常工作 /**canvas.wxss*/.myCanvas{ border: 1px solid #ccc; w

2017-05-03 17:30:05 3132

原创微信小程序开发—(六)录音

请注意，请注意，请注意：重要的事情要说三遍。初学小程序的菜鸟们，录音功能在开发工具是没有反应，会一直提示录音失败，所以菜鸟们不要浪费更多的时间：研究为什么总是失败，使用开发工具的时候。wx.startRecord(OBJECT)

2017-05-03 16:18:55 1058 1

原创微信小程序开发—(四)上传图片

一.了解wx.chooseImage(OBJECT)二.代码编程在pages文件里面创建uploadimg文件夹1.编写页面结构:uploadimg.wxml 获取图片 2.设置数据:uploadimg.js//获取应用实例 var app = getApp() Page({ data: { tempFilePaths:

2017-05-02 15:03:00 2184

vue3+wangEditor5自定义上传音频+视频

wangEditor5用在Vue3中自定义扩展音频、视频、图片菜单；并扩展音频元素节点，保证音频节点的插入、读取、回写功能正常；支持动态修改尺寸

2023-07-05

select2首字母

select2 插件要首字母搜索时，请添加这个pinyin.js的插件

2019-02-26

ztree官网案例

zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。 zTree 是开源免费的软件（MIT 许可证）。如果您对 zTree 感兴趣或者愿意资助 zTree 继续发展下去，可以进行捐助。

2018-07-09

mongobooster可视化工具

mongobooster可视化工具，不用安装，下载解压直接打开就可以使用

2018-06-11

web页面批量打印

批量打印 HTML：打印页面预览，跳转到打印那边使其分页（使每个报告单占据一页）

2018-01-31

PLSQL Developer

PLSQL Developer 7.1.5.1398 中文破解版 32位中文破解版

2017-11-28

瀑布流waterfall

瀑布流布局插件waterfall，这是基于jquery，类似于 Pinterest、花瓣、发现啦。直接引用js就好。兼容ie8等浏览器

2017-09-12

全国省份城市

这里面包括：js原生态最新版本省市县全国地名选择input插件和jQuery省市区三级联动（将代码片段封装成了jQuery插件）

2017-09-12

验证码生成

图形验证码插件gVerify.js：纯JS实现图片验证码功能，简单好用，实现完美。但是说要兼容IE8以下，是不行的。

2017-09-12

百度地图map

基于jQuery的百度地图，实现省、市、区三级联动，然后您可以再结合百度API控件增加功能。百度地图兼容ie7等

2017-09-12

鼠标悬停图片动画

20款css3鼠标悬停图片动画过渡特效:鼠标移上图片，显示一些内容或是另一张图片，这个过程中产生的效果动画的多样性。

2017-09-11

webuploader上传图片源码

WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主，FLASH为辅的现代文件上传组件。此文件中webuploader上传图片的案例以及webuploader+cropper裁剪图片，还有md5-demo等案例。

2017-09-01

cropper裁剪案例

jQuery.cropper是一款使用简单且功能强大的图片剪裁jquery插件。该图片剪裁插件支持图片放大缩小，支持图片旋转，支持触摸屏设备，支持canvas，并且支持跨浏览器使用。

2017-09-01

小程序案例1

微信小程序（选项卡,轮播图,弹出框,上传图片/获取图片信息,滚动区/无限滚动,链接,列表, 无限滚动,音乐播放,表单,下拉菜单,搜索, 预览图片,拖放图片,上传文件）

2017-08-29

常见视频插件

视频插件，不支持ie8一下

2017-08-15

WebUploader+cropper

上传图片以及裁剪图片，用WebUploader+cropper结合使用

2017-08-11

FLIP 动画实现多维网格的过渡

内部的实现，Vue 使用了一个叫 FLIP 简单的动画队列使用 transforms 将元素从之前的位置平滑过渡新的位置。我们将之前实现的例子和这个技术结合，使我们列表的一切变动都会有动画过渡

2017-08-09

简单vue2开发

Vue.js（读音 /vjuː/，类似于 view）是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与单文件组件和 Vue 生态系统支持的库结合使用时，Vue 也完全能够为复杂的单页应用程序提供驱动。

2017-08-08

webuploader上传图片

WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主，FLASH为辅的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势，同时又不摒弃主流IE浏览器，沿用原来的FLASH运行时，兼容IE6+，iOS 6+, android 4+。两套运行时，同样的调用方式，可供用户任意选用。采用大文件分片并发上传，极大的提高了文件上传效率。

2017-08-07