摘要: 需求 返回顶部时有滚动效果 鼠标悬停时有交互效果 默认隐藏返回顶部按钮 按钮固定在屏幕右下方 实现 HTML CSS JavaScript 解决方案 阅读全文
posted @ 2017-06-09 16:37 高-岩 阅读(263) 评论(0) 推荐(0) 编辑
摘要: 判断浏览器类型 判断IE版本 阅读全文
posted @ 2017-06-02 17:37 高-岩 阅读(287) 评论(0) 推荐(0) 编辑
摘要: 校验表单时可能会遇到校验日期是否正确。可以利用JS的内置对象 帮助我们完成日期校验。 思路是首先用被校验日期(假设为A,可能为字符串或数字)创建一个 对象(假设为B)。 然后判断A和B的年、月、日是否全部相等。如果是,说明A是合法的;否则,A的范围有误。 用代码表示为: 这里容易踩坑的地方是, 对象 阅读全文
posted @ 2017-05-25 13:43 高-岩 阅读(5534) 评论(0) 推荐(0) 编辑
摘要: gulp是一款流行的前端构建工具,可以帮我们完成许多工作:监听文件修改、刷新浏览器、编译Less/Scss、压缩代码、添加md5、合并文件等。gulp的配置和使用特别简单,学习gulp过程中顺便写了一个小示例。 可以在GitHub上下载该示例: "https://github.com/gymmer/ 阅读全文
posted @ 2017-05-22 13:42 高-岩 阅读(1478) 评论(0) 推荐(1) 编辑
摘要: 根据UI图对移动端的h5页面做样式重构,是前端工程师的本职工作,看似简单,不过想做好却并不容易。下面总结一下其中要点。 rem rem是一种相对长度单位,参考的基准是 font size`。比如: 那么实际效果就是: viewport 做移动端的h5,通常会在HTML文件中指定一个``标签: 关于V 阅读全文
posted @ 2017-05-20 20:20 高-岩 阅读(3573) 评论(1) 推荐(1) 编辑
摘要: 在HTML5中, 标签支持 属性,用来定义无任何输入时的默认文字。 可以通过CSS修改placeholder的文字样式: 如果使用Sass和Compass,可以更方便地设置placeholder的样式: 其中, 的源码如下: 分析源码,可以知道Compass如何根据前缀实现webkit、firefo 阅读全文
posted @ 2017-05-14 22:40 高-岩 阅读(490) 评论(0) 推荐(0) 编辑
摘要: UED给出了一个需求,希望``被选中时,将光标变为绿色。我赶紧搜索解决方案,发现思路大多是: 这种方法的确能改变光标的默认颜色,但是负面作用是,输入的文字也变成了绿色。 幸运的是在 "Stack overflow" 上找到了一个靠谱的答案: 完整代码如下: 参考自: "http://jsfiddle 阅读全文
posted @ 2017-05-04 22:47 高-岩 阅读(2307) 评论(0) 推荐(1) 编辑
摘要: window 窗口 :打开窗口。返回一个指向新窗口的引用。 :关闭窗口。 :调整窗口尺寸到指定值 :增加窗口尺寸,增加量为指定值 :移动窗口 :移动窗口,坐标增加量为指定值 :浏览器窗口的内部高度 :浏览器窗口的内部宽度 计时器 :超时调用 :取消超时调用 :间歇调用 :取消间歇调用 对话框 :警告 阅读全文
posted @ 2017-05-03 09:43 高-岩 阅读(1301) 评论(1) 推荐(0) 编辑
摘要: 构造函数模式 实现方式: 注意: 构造函数名使用首字母大写。 使用 创建实例。 优点: 可以使用 检测对象类型。 缺点: 每个方法都要在每个实例上重新创建一遍。不同实例的同名函数不相等。 原型模式 实现方式: 原型链: 关于原型: 构造函数与原型对象 构造函数获得一个 属性,指向函数的原型。 原型获 阅读全文
posted @ 2017-04-26 10:18 高-岩 阅读(287) 评论(0) 推荐(0) 编辑
摘要: JavaScript中,对象的属性有两种:数据属性和访问器属性。 数据属性 特性: 数据属性包括一个数据值的位置。在这个位置可以读取和写入值。数据属性有4个特性。 :可配置。表示能否删除属性、能否修改属性的特性、能否把属性变为访问器属性。 :可枚举。表示能否通过for in循环进行遍历。 :可写。表 阅读全文
posted @ 2017-04-25 20:51 高-岩 阅读(784) 评论(0) 推荐(0) 编辑