摘要:DOM事件中 和`currentTarget`的区别 是事件触发的真实元素 是事件绑定的元素 事件处理函数中的 指向是中为 和`target`,有时候是同一个元素,有时候不是同一个元素 (因为事件冒泡) + 当事件是子元素触发时, 为绑定事件的元素, 为子元素 + 当事件是元素自身触发时, 和`ta 阅读全文
posted @ 2020-01-19 13:29 _冰 阅读 (97) 评论 (0) 编辑
摘要:组件内守卫 1. 2. (2.2 新增) 3. 4. "官网链接" 注意事项 + 直接在class中定义这3个钩子函数无效,函数不会触发 + 需要先 ,如下 方式一(直接在组件中register) typescript 直接在class中定义这3个钩子函数无效不会触发,需要先 typescript 阅读全文
posted @ 2020-01-14 21:42 _冰 阅读 (93) 评论 (0) 编辑
摘要:```scss span { line-height: 20px; background-color: yellowgreen; &:empty { display: inline-block; width: 1px; height: 20px; } } ``` ```html ``` 阅读全文
posted @ 2019-12-20 19:59 _冰 阅读 (48) 评论 (0) 编辑
摘要:焦点元素,添加半透明遮罩 效果图 html ​ 备注: 图片是 ,图片正常加载时,设置的伪元素不可见,只有当图片加载失败时,其伪元素才能看到。所以需要外面套一层壳子 ,在壳子上获取焦点,添加样式。 scss ​ 备注: 1. 可以用border,不设置outline; 2. 获取焦点前就让元素自身就 阅读全文
posted @ 2019-11-01 14:14 _冰 阅读 (27) 评论 (0) 编辑
摘要:网页开发时,常常需要了解某个元素是否进入了"视口"(viewport),即用户能不能看到它。 上图的绿色方块不断滚动,顶部会提示它的可见性。 传统的实现方法是,监听到scroll事件后,调用目标元素(绿色方块)的getBoundingClientRect()方法,得到它对应于视口左上角的坐标,再判断 阅读全文
posted @ 2019-10-31 19:43 _冰 阅读 (64) 评论 (0) 编辑
摘要:自定义 文件模块 javascript / 时间字符串 转 时间戳 @param {String} time_str 时间字符串(格式"2014 07 10 10:21:12") @returns {Number} 10位数的时间戳(秒值:1404958872000) / const toTimes 阅读全文
posted @ 2019-08-14 16:11 _冰 阅读 (80) 评论 (0) 编辑
摘要:![](https://img2018.cnblogs.com/blog/1553188/201908/1553188-20190808145247277-600103251.png) 阅读全文
posted @ 2019-08-08 14:53 _冰 阅读 (19) 评论 (0) 编辑
摘要:dom元素的tabindex属性介绍及在vue项目中的应用 tabindex属性作用 1. 让普通dom元素变为可聚焦的元素 2. 让普通dom元素可以参与顺序键盘导航(通常使用Tab键,因此得名)。 tabindex属性的取值和影响 它接受一个整数作为值,具有不同的结果,具体取决于整数的值: ta 阅读全文
posted @ 2019-08-01 15:25 _冰 阅读 (334) 评论 (0) 编辑
摘要:vue property decorator和typescript结合构建的class类组件,父组件触发子组件方法的方式 class类组件示例 + Father类组件 javascript 父组件 点击触发子组件方法(修改子组件的描述) // lang要定义为ts import { Vue, Pro 阅读全文
posted @ 2019-07-22 17:47 _冰 阅读 (400) 评论 (0) 编辑
摘要:时间字符串 转 时间戳 默认转化后为Number类型后获得的是时间的毫秒数值,需求是要10位数的秒值,所以需要除以1000 中可以在某个元素前使用 '+' 号,这个操作是将该元素转换成Number类型,如果转换失败,那么将得到 将会调用 上的 方法 等效代码如下: + + + + 时间戳 转 时间字 阅读全文
posted @ 2019-07-19 12:01 _冰 阅读 (1097) 评论 (0) 编辑