2016年7月24日

移动端

摘要: 开篇语 最近接手了一个移动端的项目。个人感觉是自己做得比较快而且比较健壮的一个。。。移动端最主要就是页面要适用不同的手机屏幕,ipad等。下面就分享一些技巧,让你不依赖任何框架高效地搭建自己的项目。 一、样式按组件或板块分文件写再合成 ①设置各种变量 采用scss或者less来写css代码有很多好处。这里就不详细说。 我们拿到设计图的第一步,就是要分析各个页面之间有哪些模块、哪些样式、... 阅读全文

posted @ 2016-07-24 23:34 发烧开发者 阅读(210) 评论(0) 推荐(0) 编辑

rem

摘要: em详解及使用方法 好像有一段时间没有写博客了……今天刚好总结一下rem的使用方法 首先,先说一个常识,浏览器的默认字体高都是16px。步入正题-----〉 兼容性: 目前,IE9+,Firefox、Chrome、Safari、Opera 的主流版本都支持了rem。 就算对不支持的浏览器,应对方法也很简单,就是多写一个绝对单位的声明。这些浏览器会忽略用rem设定的字体大小。 使用%单位方... 阅读全文

posted @ 2016-07-24 23:24 发烧开发者 阅读(240) 评论(0) 推荐(0) 编辑

2016年7月14日

表单的全选和全不选择

摘要: //全选/全不选 $("#datalist").on("change","#checkall",function(){ if(this.checked){ $("input[name='form-field-checkbox']").prop('checked', true); }else{ $("... 阅读全文

posted @ 2016-07-14 16:15 发烧开发者 阅读(868) 评论(0) 推荐(0) 编辑

2016年6月20日

js限制input框值能输入数字

摘要: /** * 限制只能输入数字 * @parem value 输入的值 * @parem select 选择器 * */var htmlObj = {}; htmlObj.isNanNumber = function(value,select){ if (isNaN(value)){ value = 阅读全文

posted @ 2016-06-20 11:02 发烧开发者 阅读(601) 评论(0) 推荐(0) 编辑

关于js中计算精度的问题解决办法

摘要: /** * 解决js中浮点数的精度问题 * @parem f 要精度的值 * @parem digit 要精确的位数 * */var htmlObj = {};htmlObj.formatFloat = function(f, digit) { var m = Math.pow(10, digit) 阅读全文

posted @ 2016-06-20 11:00 发烧开发者 阅读(767) 评论(0) 推荐(0) 编辑

获取子窗口的父窗口的兄弟窗口方法

摘要: $($("body").find('#jbox-iframe')[0]).contents().find("#keywords").val(name + "(" + code + ")");$($("body").find('#jbox-iframe')[0]).contents().find("# 阅读全文

posted @ 2016-06-20 10:57 发烧开发者 阅读(353) 评论(0) 推荐(0) 编辑

2016年6月16日

css箭头

摘要: 一个三角形 当元素宽、高为零,且其他边为透明颜色时,可以形一个三角形。 任意角度的三角形 改变各个边的宽度,即通过调整“边框”厚度可以配置出任意角度 通过伪元素实现 三角形可以通过伪元素绘制出,而无需改变原来的DOM结构 文字内容 伪元素实现三角线箭头 通过伪元素绘制出的两个,一个与背景色相同覆盖部 阅读全文

posted @ 2016-06-16 17:36 发烧开发者 阅读(696) 评论(0) 推荐(0) 编辑

2016年6月12日

页面刷新后让其回到滚动条原来的位置

摘要: 设计一个刷新时记录滚动条位置的隐藏域: 阅读全文

posted @ 2016-06-12 17:49 发烧开发者 阅读(1769) 评论(0) 推荐(0) 编辑

2016年6月8日

滚动条

摘要: 前段时间,到网上找素材时,看到了一个很个性的滚动条式,打开Chrome的调试工具看了一下,发现不是用JavaScript来模拟实现的,觉得有必要折腾一下。于是在各大浏览器中对比了一下,发现只用Chrome适用,也就是说这个用的是Chrome的私有CSS属性。便百之谷之后,发现原来不仅仅只用Chrom 阅读全文

posted @ 2016-06-08 11:55 发烧开发者 阅读(283) 评论(0) 推荐(0) 编辑

2016年5月21日

页面回车事件

摘要: 页面回车事件 阅读全文

posted @ 2016-05-21 17:00 发烧开发者 阅读(0) 评论(0) 推荐(0) 编辑

导航