- 博客(25)
- 资源 (1)
- 收藏
- 关注
RSS订阅转载 js 检测flash 版本
function flashChecker() { var hasFlash = 0; //是否安装了flash var flashVersion = 0; //flash版本 if (document.all) { var swf = new ActiveXObject('ShockwaveFlash.ShockwaveFlash'); if (swf) {
2016-05-28 21:29:07
991
原创 关于网页打印软件Lodop
Lodop 官网：http://www.mtsoftware.cn/使用方法：1、页面布局2、打印样式写在行间内，才能在打印的时候显示出来，官方也提供用Id，命名的方式提供加载样式。3、在要打印区域设定Id4、在打印按钮上添加调用方法 我用到的有 打印预览 直接打印 和选择打印机！5、然后就是 调用官方 给的js 和调整 js 里边的 软
2016-05-22 12:55:41
1444
转载 H5Css3动画 背景图 制作帧动画
.running{ height:60px; width:90px; position:absolute; top:50%;left:70%; background:url(http://img.xiaoho.com/2014/12/test.png) no-repeat 0 0; visibility
2016-05-11 19:49:06
1369
转载 移动H5前端性能优化指南（转）
移动H5前端性能优化指南概述1. PC优化手段在Mobile侧同样适用2. 在Mobile侧我们提出三秒种渲染完成首屏指标3. 基于第二点，首屏加载3秒完成或使用Loading4. 基于联通3G网络平均338KB/s(2.71Mb/s)，所以首屏资源不应超过1014KB5. Mobile侧因手机配置原因，除加载外渲染速度也是优化重点6. 基于第五点，要合理处
2016-05-11 19:46:49
316
原创 单线程异步！（自己学习整理）
这是我自己学习整理，不希望误导别人！如果你想学习可以到以下网址查看： Javascript是单线程的深入分析：http://blog.youkuaiyun.com/talking12391239/article/details/21168489阮一峰：http://www.ruanyifeng.com/blog/2014/10/event-loop.html单线
2016-05-04 11:17:58
2436
原创 冒泡排序法
//冒泡排序var num = [30,22,8,11,7];var tmp = [];for(var i = 0;i <= num.length-1;i++){ for(var j = 0;j<=num.length -1 -i;j++ ){ if(num[j] > num[j+1]){ tmp = num[j + 1]; num[j+1] = num [j]; n
2016-05-02 13:47:18
243
原创 闭包
1. document.body.innerHTML = "aaa" + "bbbccc"; for(var i=1;i<4;i++){ console.log(i); document.getElementById('zbx'+ i).addEventListener('click',function(){ console.log(i) }
2016-04-30 11:21:20
880
原创 (function(){})();(function(){}());!function(){}();
作用：创建一个函数并立即调用!原因：javascript 的代码默认是在全局下工作的，在此声明的变量也是全局变量，这样容易导致全局污染。 创建一个匿名函数，并立即调用创建自己的作用域，来隔离变量！原理：通过在function 前添加"!" 等让一个函数声明语句变成一个表达式！选择：以上标题三种都是比较常见的，如何选择呢？我个人推荐第三种!function(){}();应为这种
2016-04-30 10:53:33
1540
转载 响应式布局设置--@media only screen and (转载)
@media only screen and only(限定某种设备)screen 是媒体类型里的一种and 被称为关键字，其他关键字还包括 not(排除某种设备)/* 常用类型 */类型 解释all 所有设备braille 盲文embossed 盲文打印handheld 手持设备print 文档打印或打印预览模式projection 项目演示，
2016-04-29 15:19:18
28450
原创 canvas 手写功能pc移动端
canvas写字 清 除 /** * zbx * 2016.4.27 * **/body,html{ margin: 0; padding: 0; height: 100%;}#canvas-btn{ display: block; margin: 0; padding: 10px;}
2016-04-28 17:31:15
1675
1
原创 canvas实现微信朋友圈猜照片功能
canvas实现微信朋友圈猜照片功能 重置 显示 /** * zbx * 2016.4.27 * **/body,html{ margin: 0; padding: 0; height: 100%;}.zbx-photo-content{ position: relative; heig
2016-04-27 14:57:29
554
原创 audio 在ios上自动播放问题
// iOS 7/8 仅需要 play 一下audioEl.play(); // iOS 9 需要先load()然后再play()audioEl.load()audioEl.play();
2016-04-25 16:40:57
795
原创 canvas 滤镜效果 通过更改像素
滤镜效果 当前浏览器不支持canvas，请更换浏览器后再试！ 获取图片 当前浏览器不支持canvas，请更换浏览器后再试！ var image = new Image(); var canvas = document.getElementById("kycanvas"); var context = canvas.getC
2016-04-23 14:06:46
799
原创 canvas 利用getImageData与putImageData将一个canvas 内的图片展示在另一个canvas里
从一屏到另一屏 当前浏览器不支持canvas，请更换浏览器后再试！ 获取图片 当前浏览器不支持canvas，请更换浏览器后再试！ var image = new Image(); var canvas = document.getElementById("kycanvas"); var context = canvas.g
2016-04-23 11:31:20
6465
原创 canvas 图片鼠标区域放大细节
图片鼠标区域放大细节 body{background: #666;margin: 0;padding: 0; } input{ display: block; margin: 20px auto; } 当前浏览器不支持canvas，请更换浏览器后再试！ var canvas = document.ge
2016-04-22 18:53:45
2038
原创 canvas 图片中心缩放 控制
图片中心缩放 body{background: #666;margin: 0;padding: 0; } input{ display: block; margin: 20px auto; }input[type=range] { -webkit-appearance: none; margin: 18px 0; width: 10
2016-04-22 18:49:54
1608
原创 canvas 制作时钟效果
表 当前浏览器不支持canvas，请更换浏览器后再试！ digit.js//点阵模型digit = [ [ [0,0,1,1,1,0,0], [0,1,1,0,1,1,0], [1,1,0,0,0,1,1], [1,1,0,0,0,1,1], [1,1,0,0,0,1,1], [1,1,0,0,0,1,1], [1,
2016-04-19 16:14:20
26441
1
原创 用lufy引擎写的小游戏
//注意引用的lufy游戏引擎 *{margin: 0;padding: 0;} loading... // $(function() {// $("body").on("touchmove", function(e) {// e.preventDefault();// }); //初始化游戏 //var gam
2016-04-16 19:07:42
382
转载 移动端资源整合！
meta基础知识H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />忽略将页面中的数字识别为电话号码 name="format-detect
2016-04-15 08:55:59
764
原创 swiper 插件应用！
又回到了起点！搞swiper！1.mySwiper.slideNext(runCallbacks,speed);//滑动到下一个2.mySwiper.slidePrev(runCallbacks,speed);//滑动到上一个3.mySwiper.slideTo(0,1000,false);//切换到第一个slide，速度为1秒4.mySwiper.appendSlide(
2016-04-13 18:55:28
983
转载 移动端Flex 布局新旧混合兼容
flex是个非常好用的属性，如果说有什么可以完全代替float和position，那么肯定是非它莫属了（虽然现在还有很多不支持flex的浏览器）。然而在移动开发中，本来绝大多数浏览器（包括安卓2.3以上的自带浏览器）都支持的属性，偏偏有个例外，就是国产某某X5内核神器（不知哪个版本的webkit，仅支持display:box），自主研发这东西也不好多说什么了，下面入正题。首先还是从两个版本
2016-04-13 11:07:25
7242
原创 rem适配
为了脱离框架，现阶段试用rem方式布局！如有问题会及时更新！HTML：JS：global.jsvar dpr, rem, scale;var docEl = document.documentElement;var fontEl = document.createElement('style');var metaEl = do
2016-04-12 12:52:47
1268
转载 移动端高清，多屏适配方案！
背景开发移动端H5页面面对不同分辨率的手机面对不同屏幕尺寸的手机视觉稿在前端开发之前，视觉MM会给我们一个psd文件，称之为视觉稿。对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点：首先，选取一款手机的屏幕宽高作为基准(以前是iphone4的320×480，现在更多的是iphone6的375×667)。对于r
2016-04-12 10:14:41
1011
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人