web
lqy455949477
这个作者很懒,什么都没留下…
展开
-
转载:grid中实现换行
在工作中碰见了这样一个问题:在用htmleditor编辑器编写的内容在grid的列中显示的时候可以显示全部内容(这时会将这一列撑起来)而在用textarea编辑的内容则不会显示完全。后来知道是因为textarea的底部样式导致的:.x-grid-cell-inner中的text-overflow,white-space在这里简单说下这两个样式:text-overflow转载 2017-07-17 13:08:26 · 1676 阅读 · 0 评论 -
<a> 标签下的下划线
首先要介绍一下 text-decoration(文本修饰)这个属性。它负责设置元素中文本的修饰格式,而标签的下划线就是设置了text-decoration: underline。如果要消去其下划线,也就只需将它的值改为none。以下是w3school中摘录的这个属性所有值的定义。值描述none默认。定义标准的文本。原创 2017-07-17 13:18:17 · 5994 阅读 · 0 评论 -
绝对定位下的居中对齐
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl原创 2017-09-14 22:49:53 · 745 阅读 · 0 评论 -
JS闭包中的变量
1.变量的值先前在写代码的时候碰到一个问题,使用闭包来执行函数,会造成变量不能正常调用。用一个例子来说明:for(var i = 0; i<3; i++){ function(){ console.log(i); }}执行的结果并不是期望中的0,1,2;而是三个3。后来从《我用了两个月的时间才理解 let》中找到了问题所在。这里先放上地址:https://zhua原创 2017-08-01 21:51:05 · 1073 阅读 · 0 评论 -
滚轮事件(wheel)与Transform实现图片上下翻滚
通常在实现一些展示性的网页的时候,我们会选择两种方式:制作基于x轴的轮播插件,或者基于y轴上下翻滚的页面。前者的实现已经非常广泛,然而后者也有着非常不错的效果,而且实现起来更为简单。需要使用的仅仅是wheel事件和css3的transform的结合。首先,在较新版本的浏览器中,鼠标滚动事件已经被规整到WheelEvent中,为了保持兼容性,建议对以前的DOMMouseScroll和MouseWhee原创 2017-10-15 21:39:07 · 2324 阅读 · 0 评论 -
画个原型链做备份
原创 2018-01-23 23:36:30 · 285 阅读 · 0 评论 -
Chrome浏览器下fixed元素抖动的解决方案
2018/02/08更新 translate3d和matrix3d的作用是强制调用GPU渲染效果,比CPU渲染的效果更好,同时也不会引起z轴位置的错位。首先要说明的是,这个问题并不是在所有浏览器下存在,而且也不是在所有chrome浏览器版本中存在。就目前chrome 62.0版本中,确实存在这个问题。这个问题的现象是,首先定义了一个fixed元素(通常拥有较高的z-index),比如...原创 2017-11-29 10:22:09 · 3398 阅读 · 2 评论 -
触发浏览器重排的一些操作
触发重排的操作页面的初次渲染DOM树的结构变化,包括添加、删除dom元素获取某些属性,包括offsetTop、offsetLeft、 offsetWidth、offsetHeight、scrollTop、scrollLeft、scrollWidth、scrollHeight、clientTop、clientLeft、clientWidth、clientHeight、getComputed...原创 2018-03-03 22:14:26 · 2738 阅读 · 0 评论 -
JS中自定义事件的使用与触发
1. 事件的创建JS中,最简单的创建事件方法,是使用Event构造器:var myEvent = new Event('event_name');但是为了能够传递数据,就需要使用 CustomEvent 构造器:var myEvent = new CustomEvent('event_name', { detail:{ // 将需要传递的数据写在deta...原创 2018-02-24 16:36:52 · 14034 阅读 · 0 评论