前端开发

js编码函数escape(),encodeURI(),encodeURIComponent()简介

2019-05-3175次阅读javascript
因为网络标准RFC 1738做了硬性规定:只有字母和数字[0-9a-zA-Z]、一些特殊符号“$-_.+!*'(),”[不包括双引号]、以及某些保留字,才可以不经过编码直接用于URL。这意味着,如果URL中有汉字,就必须escape(),encodeURI(),encodeURIComponent()编码后使用。
前端开发

百分比实现图片、视频、元素宽高等比缩放

2019-05-3171次阅读HTML
就是通过父容器的宽高计算出当前元素自身的大小实现宽高等比缩放,例如:图片、视频、元素等比缩放。
前端开发

window.innerHeight、innerWidth浏览器兼容解决方法

2019-05-3057次阅读javascript
innerheight返回窗口的文档显示区的高度。innerwidth返回窗口的文档显示区的宽度。注意:使用outerWidth和outerHeight属性获取加上工具条与滚动条窗口的宽度与高度。IE 8 及更早 IE版本不支持这两个属性。
前端开发

js隐式类型转换

2019-05-2959次阅读javascript
在if语句和逻辑语句中,如果只有单个变量,会先将变量转换为Boolean值,只有下面几种情况会转换成false,其余被转换成true。
前端开发

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

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

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

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

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

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

css多列等高布局

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

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

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

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

2019-05-2956次阅读css
单行居中多行居左最多两行超过用省略号。