摘要: 效果图: 阅读全文
posted @ 2016-08-01 17:47 北执 阅读(11654) 评论(0) 推荐(0) 编辑
摘要: js判断手机 横屏模式 方法名称:orientation 实例: 阅读全文
posted @ 2016-07-13 14:18 北执 阅读(1652) 评论(0) 推荐(0) 编辑
摘要: 只需在页面引入这段原生js代码就可以了 如何使用? 这是rem布局的核心代码,这段代码的大意是:如果页面的宽度超过了640px,那么页面中html的font-size恒为100px,否则,页面中html的font-size的大小为: 100 * (当前页面宽度 / 640) 为什么是640px? 设 阅读全文
posted @ 2016-07-13 12:22 北执 阅读(11971) 评论(0) 推荐(3) 编辑
摘要: iPhone5 iPhone6 iPhone6Plus iPad设备 media query(媒体查询)代码. iPhone < 5: iPhone 5: iPhone 6: iPhone 6Plus: iPad: 阅读全文
posted @ 2016-07-13 11:07 北执 阅读(1477) 评论(0) 推荐(0) 编辑
摘要: 现在会进行代码的合并和压缩已成为前端人员的必备知识,那么现在来介绍一个grunt的工具。grunt是个风靡世界的工具,它的首页是 http://www.gruntjs.net 这是个中文网站,有文档可以参考。 好了,废话不多说,直接发安装步骤和注意事项。 首先,要安装nodejs,grunt是依赖n 阅读全文
posted @ 2016-07-06 18:35 北执 阅读(8341) 评论(1) 推荐(0) 编辑
摘要: 效果如下: 阅读全文
posted @ 2016-06-23 11:05 北执 阅读(4110) 评论(0) 推荐(0) 编辑
摘要: 解决思路是把input 放在文字的上边,弄成透明的,这样在点文字时,实际是点击了input,这样就实现了文件的上传。具体代码: 阅读全文
posted @ 2016-06-17 16:03 北执 阅读(4490) 评论(0) 推荐(0) 编辑
摘要: 图片等比缩放 阅读全文
posted @ 2016-04-27 16:03 北执 阅读(1445) 评论(0) 推荐(0) 编辑
摘要: 效果图: 阅读全文
posted @ 2016-04-13 17:57 北执 阅读(10393) 评论(0) 推荐(0) 编辑
摘要: Web前端开发规范文档 规范目的: 使开发流程更加规范化。 通用规范: TAB键用两个空格代替(windos下tab键占四个空格,linux下TAB键占八个空格)。 CSS样式属性或者JAVASCRIPT代码后加“;”方便压缩工具“断句”。 TAB键用两个空格代替(windos下tab键占四个空格, 阅读全文
posted @ 2016-04-11 18:50 北执 阅读(3424) 评论(0) 推荐(0) 编辑
摘要: CSS3 Gradient 分为线性渐变(linear)和径向渐变(radial)。由于不同的渲染引擎实现渐变的语法不同,这里我们只针对线性渐变的 W3C 标准语法来分析其用法,其余大家可以查阅相关资料。W3C 语法已经得到了 IE10+、Firefox19.0+、Chrome26.0+ 和 Ope 阅读全文
posted @ 2016-04-06 11:44 北执 阅读(193) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2016-03-29 15:46 北执 阅读(190) 评论(0) 推荐(0) 编辑
摘要: IOS 原理如下: 为HTML页面中的超链接点击事件增加一个setTimeout方法。 如果在iPhone上面500ms内,本机有应用程序能解析这个协议并打开程序,则这个回调方法失效; 如果本机没有应用程序能解析该协议或者500ms内没有打开个程序,则执行setTimeout里面的function, 阅读全文
posted @ 2016-03-24 17:14 北执 阅读(1070) 评论(0) 推荐(0) 编辑
摘要: 这里还是先那么先交代一下遇到的问题。其实无论是tel还是number都不是完美的:type="tel"优点是iOS和Android的键盘表现都差不多缺点是那些字母好多余,虽然我没有强迫症但还是感觉怪怪的啊。 type="number"优点是Android下实现的一个真正的数字键盘缺点一:iOS下不是 阅读全文
posted @ 2016-03-24 11:00 北执 阅读(19025) 评论(0) 推荐(1) 编辑
摘要: 兄弟,如果您看到了我,说明您现在还不能摇,不是说您没有资格用我,而是: 1、如果您使用PC机的浏览器,那可就不对了,我只爱手机浏览器; 2、如果您是Android手机,那不好意思告诉你,android自带的浏览器抛弃了我,您可以用UCWeb、chrome等第三方浏览器; 3、如果您都不属于以上两种情况,那我只有告诉您:您改换手机啦!!! 兄弟,摇一个吧,说不定有一个清... 阅读全文
posted @ 2016-03-18 09:34 北执 阅读(277) 评论(0) 推荐(0) 编辑