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上传图片提示从本地相册选择或者拍照上传

2018年11月22日  前端资源   

h5 html5 上传 微信 手机 微信 本地相册 摄像头 本地 拍照 有时候上传文件对于pc端直接点击要上传文件即可,但是对于移动端用户有时候要给提示是从本地相册中上传图片或者是调取本地摄像头拍照上传。 这里是用input的就可以实现了。   普通上传: <input type="file" name="file">   调取摄像头上传: <input type="file" capture="camera" accept="image/*" id="cameraInput" name="cameraInput">   本人测试过确实可行。 demo (注意:使用三星手机自带浏览器浏览就会有弹窗提示,苹果也自带提示功能无需考虑使用。)

取代npm的资源管理工具——yarn

2018年11月22日  wordpress教程   

之前一直在使用npm,同时也是node安装时自带的,但是最近使用时发现卸载安装包是出现卡死状态,让人失望。 之前就有听说过yarn很优秀足以取代npm,如果不是不得已我一般不会去学。   mac安装 curl -o- -L https://yarnpkg.com/install.sh | bash 如果使用homebrew安装,之前安装了node的话就执行以下 brew install yarn --without-node 否则会连node也一起再安装一次   window安装 去下载msi格式即可:https://yarn.bootcss.com/docs/install/#windows-stable   //查看版本 yarn --version   //查看当前源地址 yarn config get registry   //修改源地址 yarn config set registry 'https://registry.npm.taobao.org'   //生成一个package.json yarn init --yes   //安装 局部 yar...

解决:js换算百分比的总和相加不为100%的问题

2018年11月14日  jquery制作,前端资源   

js 相加 相减 结果 余数 做项目时候,后台会提供一段数据,前端需要把数据转换成百分之,即是把单个值除以它们的总和,但是每个值按照这样的思路计算后发现有可能换算成的百分值在相加并不等于100%。 如下图: 每个百分比的值相加只等于98%,这结果是不合理的。   解决思路就是:把剩下最后一个大于0的值用100减去前几个百分比的总和。 如下图: 为了减少误差,保留了2位小数。   注意js在进行加减运算时,可能会有点问题,如: 0.2+0.3=0.500000001 //正确应该是0.5 或者 100-51.12=48.8799999 //正确应该是48.88 遇到这种问题我一般解决方法是: 例如  (Math.round( (100-51.12)*100 ))/100 //结果就是48.88   最终封装方法: per_arry([0,0,0,0,0,42.32,1]); //传入要转化为百分比的数组 fun...

angular 1.3.x 笔记

2018年11月2日  angularjs笔记及案例   

笔记基于angular 1.3.17 ,虽然现在有2.x还听说1.x和2.x是 跳崖式的升级,很多方法都不一样了,没办法只能去学习老版本了公司项目是基于老版本开发的。 https://www.bootcdn.cn/angular.js/1.3.17/ 以上链接还包括一些扩展功能,例如cookie插件、动画效果插件、类似ajax功能的插件等等   代码总揽: <body ng-app="phonecatApp"> <div ng-controller="PhoneListCtrl"> <li ng-repeat="phone in phones"> <span>{{phone.name}}</span> <span>{{phone.snippet}}</span> </li> </div> <script> var phonecatApp = angular.module('phonecatApp', ['infinite-scroll', 'timer']); // 创建module phonecatApp....

监听手机物理倒退按键

2018年10月25日  wordpress教程   

js 禁止 倒退 监听手机实体退回按键 后退 禁止 有些时候我们的一些业务逻辑是需要线性执行,不能退回,要么就重来。 为了防止用户中途倒退,可以使用以下js监听。 history.pushState(null, null, location.href); window.addEventListener('popstate', function(event) { history.pushState(null, null, location.href ); //这里写一旦用户点击物理按键,就会执行回调。 window.location.href='当前页面url' //倒退永远刷新的都是本地页面 alert("我监听到了浏览器的返回按钮事件啦"); }); 本人使用三星s8和iphone 6手机可以成功执行,其他手机未测试