摘要: 项目中用到了echarts,由于页面是自适应的,还得兼容移动, 因此图表还需要根据盒子的大小来变化。 1. 自适应窗口及盒子大小 2. 页面中有一个【放大、缩小】功能,及全屏展示和预览图表 窗口自适应 盒子自适应 全屏展示图表或预览图表 1. 图标所在盒子增加样式 如下类 full。 2. 退出全屏 阅读全文
posted @ 2019-08-14 16:42 Letyo 阅读(1984) 评论(0) 推荐(1) 编辑
摘要: js原生工具库 阅读全文
posted @ 2019-07-25 14:06 Letyo 阅读(268) 评论(0) 推荐(0) 编辑
摘要: 经常遇到场景:多层级元素绑定ng click 事件,则底层元素的点击事件存在冒泡现象,怎么解决? 类似原生JS ,只是语法稍有不同,如下: 阻止冒泡 $event.stopPropagation() 阻止默认行为 $event.preventDefault() 代码实例 tab切换 阅读全文
posted @ 2019-07-04 14:34 Letyo 阅读(6821) 评论(0) 推荐(0) 编辑
摘要: 页面中有许多内容过多时,为了不影响整体布局,总会有滚动效果代替。but,许多情况浏览器自带的滚动条样式与整体UI 界面不搭啊,怎么办,当然作为界面的化妆师CSS就出手啦~ 滚动条样式由多个伪类组成 下面是我的小栗子 效果图 阅读全文
posted @ 2019-07-03 15:10 Letyo 阅读(517) 评论(0) 推荐(0) 编辑
摘要: JQ 解决 内部div 滚动条和body滚动条的滚动影响 阅读全文
posted @ 2019-06-21 11:21 Letyo 阅读(1886) 评论(0) 推荐(0) 编辑
摘要: 单行文字省略 很多时候不确定字数限制,但换行可能影响整体设计,这个时候常用就是文字省略加全文字提示了 多行文字省略 阅读全文
posted @ 2019-06-20 11:19 Letyo 阅读(1430) 评论(0) 推荐(0) 编辑
摘要: 1.全局支持 enter快捷键触发事件 2.点击按钮之后禁用按钮,防止多重提交 3.判断 ng repeat 渲染完成后操作 阅读全文
posted @ 2019-06-18 18:25 Letyo 阅读(790) 评论(0) 推荐(0) 编辑
摘要: 实现思路解析 判断元素区域外和区域内 判断元素是显示状态 dom.is(':hidden') dom.is.is(":visible") 具体应用为 下拉框或弹框 点击区域外任意点 隐藏 代码实现 阅读全文
posted @ 2019-06-10 17:29 Letyo 阅读(1884) 评论(0) 推荐(0) 编辑
摘要: 显示时间戳 很多地方会让页面显示当前时间并实时计时功能,例:2019年5月23号 10:28::34 代码实现如下: getTime(){ var mydate = new Date(); var year = mydate.getFullYear(); var month = mydate.get 阅读全文
posted @ 2019-05-23 10:31 Letyo 阅读(7513) 评论(0) 推荐(0) 编辑
摘要: 开发中经常页面中的某些按钮或元素需要绑定到键盘的输入事件 keydown、keyup 事件 keydown 键盘按下触发事件 keyup 键盘按下弹起触发事件 键盘keycode总结 禁用键盘事件 阅读全文
posted @ 2019-05-15 11:46 Letyo 阅读(4421) 评论(0) 推荐(0) 编辑