前端开发

获取网址url查询参数快速转换为对象

2019-05-2994次阅读javascript
代码值得细看,正则的运用,返回值,逗号操作符,this的绑定....
前端开发

css属性值initial、inherit、unset关键字区别

2019-05-2989次阅读css3css
写了好几年的css还真没有注意到它们之间的区别,同时这也是一个很好的面试题。例如:问position属性有多少取值。通常的回答是static、relative、absolute和fixed。当然还有一个sticky。其实,除此之外,CSS属性通常还可以设置下面几个值:initial、inherit、unset、revert
前端开发

:root,:empty,:not伪类选择器

2019-05-29115次阅读css3
css3中的:root,:empty,:not伪类选择器小结。
前端开发

css多列等高布局

2019-05-2981次阅读css3css
多列等高布局,算是比较常见的一种布局,要求两列布局看上去高度一致(就是通常是两列背景色一致)。
前端开发

拥抱Flexbox弹性布局基本概念之Flex容器

2019-05-29118次阅读flexbox
长期以来使用表格、浮动、清除浮动、行内块元素和其他CSS属性来布局网站内容。当制作一些复杂的页面时就比较吃力,不得不使用css Hack、css黑魔法来实现,例如水平垂直居中,等高布局等。Flexbox的目的就是改变这一切,最起码可以让你告别浮动、清除浮动。。。让布局更简单更智能。注: Flexbox布局最适合应用程序的组件和小规模布局,而Gird布局则适用于较大规模的布局。
前端开发

单行居中多行居左最多两行超过用省略号

2019-05-2981次阅读css
单行居中多行居左最多两行超过用省略号。
前端开发

非标准CSS3属性-webkit-box-reflect制作倒影

2019-05-29191次阅读css3
在Web制作中,有些时候需要实现一些倒影的效果,可以使用非标准属性-webkit-box-reflect实现。
前端开发

input中readonly属性在IE下光标仍可聚焦

2019-05-2861次阅读HTML
input中readonly属性在IE下光标仍可聚焦,设置unselectable="on"即可以解决。
前端开发

oninput事件在输入法状态下多次触发

2019-05-2866次阅读javascript
oninput事件在,和 元素的值发生改变时触发。 onchange事件也是监听文本框变化后触发,不同的是oninput事件是立即(即时)触发,onchange则是在元素失去焦点时触发。 oninput事件还可以在HTMLElement.contentEditable(用于表明元素是否是可编辑的)或 document.designMode(控制整个文档是否可编辑)打开的元素上使用。
前端开发

js获取textarea文本域自动换行符

2019-05-27120次阅读javascript
先更正一下,标题只是一个噱头,其实js根本读取不到textarea里的自动换行符。在textarea中增加属性wrap="hard",通过同步提交可以在后台服务器获取到自动换行符。如果是在textarea里手动去换行,那是可以通过js读取到换行符的。