随笔分类 -  javascript

scrollWidth、clientWidth 和 offsetWidth
摘要：scrollWidth ：对象的实际内容宽度，不包括边线宽度，会随对象中内容超过可视区而变大。 clientWidth ：对象内容的可视区的宽度，不包括边线宽度，会随对象显示大小的变化而变化。 offsetWidth ：对象整体的实际宽度，包括边线宽度，会随对象显示大小的变化而变化。 阅读全文
posted @ 2016-07-26 20:38 HeiYe168 阅读(283) 评论(0) 推荐(0)
Object 对象方法学习之（1）—— 使用 Object.assign 复制对象、合并对象
摘要：作用 Object.assign() 方法用于把一个或多个源对象的可枚举属性值复制到目标对象中，返回值为目标对象。 语法 参数 target : 目标对象 sources : 源对象 返回值 目标对象 描述 Object.assign 方法只复制源对象中可枚举的属性和对象自身的属性。它在源对象上使用 阅读全文
posted @ 2016-07-20 16:59 HeiYe168 阅读(21412) 评论(0) 推荐(1)
页面离开前提示用户（onbeforeunload 事件）
摘要：``` window.onbeforeunload = function (e) { var evt = e || window.event; evt.returnValue = '离开会使编写的内容丢失'; } ``` 阅读全文
posted @ 2016-07-11 15:32 HeiYe168 阅读(321) 评论(0) 推荐(0)
溢出文本省略号的js实现
摘要：注意 元素需添加css属性：white space: nowrap;overflow: hidden; 阅读全文
posted @ 2016-05-25 16:51 HeiYe168 阅读(820) 评论(0) 推荐(0)
判断浏览器是否支持指定CSS属性和指定值
摘要：``` /** * @param attrName 属性名 * @param attrVal 属性值 * @returns {boolean} */ function isCssAttrSupported(attrName, attrVal){ var ele = document.createElement('div'); if(attrName in ... 阅读全文
posted @ 2016-05-25 15:53 HeiYe168 阅读(173) 评论(0) 推荐(0)
vue.js 使用 vue-router 修改页面标题
摘要：``` module.exports = { name: 'myComponent', data: {} route{ data: function(){ document.title = "页面标题" } } } ``` 阅读全文
posted @ 2016-03-03 14:14 HeiYe168 阅读(7605) 评论(0) 推荐(0)
CasperJS 前端功能测试
摘要："CasperJS" 是一个开源的导航脚本和测试组件。它提供实用的高级函数、方法和语法糖，可完成以下任务： 对浏览导航步骤的定义和排序 填写和提交表单 点击和跟踪链接 获取页面快照（或者页面中的某部分） 测试远程DOM 记录事件 下载资源，包括二进制 编写功能性测试组件，以JUnit XML的形式保 阅读全文
posted @ 2016-02-23 10:46 HeiYe168 阅读(232) 评论(0) 推荐(0)