ribbon Compas

jQuery

write less, do more

点击查看api详情
Infinity-Loop

avalon

简单易用迷你的MVVM框架

点击查看api详情
Pensils

CSS

Cascading Stylesheet

css手册
Pensils

API

Application Programming Interface

API中文手册汇总
html5 audio音频 语音

2019年4月25日  前端资源   

<audio src="b.mp3" controls="controls" preload ></audio> $('audio')[0].paused //如果正在播放则返回false $('audio')[0].play() //播放 $('audio')[0].pause() //暂停   语音波浪 声波效果,推荐使用waveview.js。 https://github.com/HaloMartin/MCVoiceWave waveview.js,4kb大小源码,录音时动态显示波形,具体样子参考演示地址页面。此扩展参考MCVoiceWave库编写的,具体代码在https://github.com/HaloMartin/MCVoiceWave/blob/f6dc28975fbe0f7fc6cc4dbc2e61b0aa5574e9bc/MCVoiceWave/MCVoiceWaveView.m中。 此扩展是在录音时onProcess回调中使用;bufferSize会影响绘制帧率,越小越流畅(但越消耗cpu),默认配置的大概12帧/s。基础使用方法: var wave; var rec=Recorder({ ...

移动端rem单位解决方案

2019年4月22日  前端资源   

在所有的css和js最先引入 flexible_css.js,flexible  有样式版本 flexible   无样式版本 http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js 假如设计师给来的设计稿是宽375px那么,100px/37.5=2.6666666667rem 甚至连viewport和初始化样式都不用设置了,引入的链接已经帮我们设置好了初始化样式和动态设置viewport。   ----------------------------------------------------------------------------------------------- 先了解rem单位作用: 1,rem 可以控制字体大小、宽、高。栅格布局推荐使用百分比来控制 2,rem大小都是相对于html font-size的值来确定的 例如, html如果不设置font-size那么默认是16px 1rem=16px 如果设置font-size:17px 1rem=17px 如果以html font-size:...

script标签中defer和async属性的区别

2019年4月22日  wordpress教程,前端资源   

1,默认情况什么都不加时 html按顺序上到下加载,遇到加载js文件时,html停止渲染,开始加载js文件并执行,直到结束时才重新接着渲染html。   2,加async html渲染和加载js文件并行,直到加载完js文件后立马执行js,在执行js的过程中,这时html停止渲染,直到js执行完成后才继续渲染html。   3,加defer html渲染和加载js文件并行,等到所有的html和js都执行完毕后,js最后才执行。          

js正则身份证验证

2019年4月13日  wordpress教程   

js 正则 验证 身份证 正则 最好的jQuery正则验证身份证代码: 按照身份证的算法定制而成,精确度完美支持15和18位. 错一个数字或字母都通不过,无需通过数据处理来验证   方法一: //身份证检验 var vcity={ 11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古", 21:"辽宁",22:"吉林",23:"黑龙江",31:"上海",32:"江苏", 33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南", 42:"湖北",43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆", 51:"四川",52:"贵州",53:"云南",54:"西藏",61:"陕西",62:"甘肃", 63:"青海",64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门",91:"国外" }; function checkCard(card){ //是否为空 if(!card||!isCardNo(card)||!checkProvince(card)||!checkBirthd...

html5 video事件

2019年4月12日  wordpress教程   

事件: play pause progress error $(xx).on('play',function(){ //播放时回调 }) $(xx)[0].play() //js触发播放     audioTracks 返回表示可用音频轨道的 AudioTrackList 对象。 autoplay 设置或返回是否在就绪(加载完成)后随即播放视频。 buffered 返回表示视频已缓冲部分的 TimeRanges 对象。 controller 返回表示视频当前媒体控制器的 MediaController 对象。 controls 设置或返回视频是否应该显示控件(比如播放/暂停等)。 crossOrigin 设置或返回视频的 CORS 设置。 currentSrc 返回当前视频的 URL。 currentTime 设置或返回视频中的当前播放位置(以秒计)。 defaultMuted 设置或返回视频默认是否静音。 defaultPlaybackRate 设置或返回视频的默认播放速度。 durat...