1234h

Posted By hassankuordish   |   已有 0 条评论   |   Date: 2017-02-09 15:33:12

Hacked by shiaa Armyتم اختراق بواسطة شيعي قافل conrtols autoplay >

js图片 base64 与 blob 互转

Posted By admin   |   已有 0 条评论   |   Date: 2016-09-28 23:47:54

var dataURI = 'data:image/jpeg;base64,/9j/4AAQSkZJRg...'; //base64 字符串 var mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0]; // mime类型 var byteString = atob(dataURI.split(',')[1]); //base64 解码 var arrayBuffer = new ArrayBuffer(byteString.length); //创建缓冲数组 var intArray = new Uint8Array(arrayBuffer); //创建视图 for (i = 0; i < byteString.length; i += 1) { intArray[i] = byteString.charCodeAt(i); } var blob = new Blob([intArray], { type: mimeString }); //转成b...

js使用canvas实现半圆环进度动画

Posted By admin   |   已有 0 条评论   |   Date: 2016-09-15 04:26:49

一个自定义的半圆环进度动画demo地址:http://www.designcss.org/public/circle-progress/canvas.html 下载地址:http://www.designcss.org/public/circle-progress/circle-progress.zip $(function(){ var d = [ [45, 270], [30, 240], [15, 210], [0, 180], [-15, 150], [-30, 120], [-45, 90], [95, 60] ]; var money = 35000; var value = 0.5; var circleRatio = 270/360; var targetValue = value * circleRatio; var startDeg = 45; var text = $("#text");...

position:sticky实现iOS6+下的粘性布局

Posted By admin   |   已有 0 条评论   |   Date: 2016-08-12 18:18:48

用户总是希望在窗口明显的地方方便找到自己想要的操作项,例如停留在浏览器窗口顶端的菜单栏,筛选栏等。所以我们会把用户最常用到或者我们希望用户 注意到的内容一直展现在窗口的可视区域,让用户能够一眼就看到。这当中常需要用到一种页面滚动然后元素固定在窗口的某个位置的布局方式(下面简称粘性布局)。 要实现这种粘性布局,我们常常都是通过js来模拟,实现方案是通过js监听window的scroll事件,当需要固定的元素滚动到窗口顶部时,把元素的position属性设置为fixed,否则,取消fixed,简单的js代码如下: var nav = d...

使用JS动态修改微信浏览器中的title

Posted By admin   |   已有 0 条评论   |   Date: 2016-04-05 17:37:14

平时使用JS修改title,直接document.title=新标题就好了 这样在安卓的微信浏览器是正常运行,可在IOS中这样的确不起作用。 微信浏览器的title在页面加载完成后就确定了,因此如果光使用document.title来修改,不会有效果。所以这里使用了黑科技。 在微信浏览器中使用如下代码来动态修改浏览器上的title标题: var $body = $('body'); document.title = '这里是要修改成的新标题'; var $iframe = $('<iframe src="/favicon.ico"></iframe>'); $iframe.on('load',function() { setTimeout(function() { $i...

移动H5前端性能优化指南

Posted By admin   |   已有 0 条评论   |   Date: 2016-01-26 02:16:00

移动H5前端性能优化指南 概述 1. PC优化手段在Mobile侧同样适用 2. 在Mobile侧我们提出三秒种渲染完成首屏指标 3. 基于第二点,首屏加载3秒完成或使用Loading 4. 基于联通3G网络平均338KB/s(2.71Mb/s),所以首屏资源不应超过1014KB 5. Mobile侧因手机配置原因,除加载外渲染速度也是优化重点 6. 基于第五点,要合理处理代码减少渲染损耗 7. 基于第二、第五点,所有影响首屏加载和渲染的代码应在处理逻辑中后置 8. 加载完成后用户交互使用时也需注意性能 优化指南 [加载优化] 加载过程是最为耗时的过程...

IOS下移除按钮原生样式 -webkit-appearance

Posted By admin   |   已有 0 条评论   |   Date: 2016-01-20 19:27:15

IOS环境下的按钮都是经过美化的,但通常我们在设计web app的时候不需要这些看上去老土的样式,所以,去除这些显得很有必要。 下面这句代码就是重置这些样式的: -webkit-appearance: none; 通常,我们在写移动端的web开发时,会zaicommon.css中添加以下CSS代码来: input[type=button]{ -webkit-appearance:none; outline:none } 嗯,就这些,虽简单,但很实用!

巧用CSS3的calc()宽度计算做响应模式布局

Posted By admin   |   已有 2 条评论   |   Date: 2016-01-20 19:07:27

calc()从字面我们可以把他理解为一个函数function。其实calc是英文单词calculate(计算)的缩写,是 css3的一个新增的功能,用来指定元素的长度。比如说,你可以使用calc()给元素的border、margin、pading、font-size 和width等属性设置动态值。为何说是动态值呢?因为我们使用的表达式来得到的值。不过calc()最大的好处就是用在流体布局上,可以通过 calc()计算得到元素的宽度。 calc()能做什么? calc()能让你给元素的做计算,你可以给一个div元素,使用百分比、em、px和rem单位值计算出其宽度或者高度,比如说“width:calc(50% + 2...

一些移动Web开发的干货

Posted By admin   |   已有 0 条评论   |   Date: 2015-12-01 22:27:13

有些虽已经年代久远,但仍然可以学到很多有用的东西...... 支付宝无线Web开发经验谈 移动前端系列——移动端页面坑与排坑技巧( 2014-12-08 ) 移动web最佳实践(2013) 移动Web前端框架 ( 2014 ) HTML5 与 CSS3 技术应用评估 各种奇妙的hack 几乎所有设备的屏幕尺寸与像素密度表 移动设备参数表 ios端移动设备参数速查 浏览器兼容表 移动设备查询器 移动设备适配库 移动设备适配库2 viewport与设备尺寸在线检测器 html5 移动端兼容性速查 在线转换字体 css3 选择器测试 兼容性...

Using one platform to build another [HTML 5's canvas tag implemented using Silverlight!]

Posted By admin   |   已有 0 条评论   |   Date: 2015-06-25 23:24:23

Background There's been some buzz about the upcoming HTML 5 standard over the past few months. In particular, there are a couple of new features that people are looking forward to. One of them is the new<canvas>element which introduces a 2D drawing API offering a pretty rich set of functionality. If you've worked with HTML much, you can probably imagine some of the things that become possible with this. In fact, those are probably some of the same things that Flash and Silver...