先了解一下CSS3的相对长度单位：相对长度单位指定了一个长度相对于另一个长度的属性。对于不同的设备相对长度更适用。em 它是描述相对于应用在当前元素的字体尺寸，所以它也是相对长度单位。一般浏览器字体大小默认为16px，则2em == 32px；ex 依赖于英文字母小 x 的高度ch 数字 0 的宽度rem 根元素（html）的 font-sizevw vie
先了解一下CSS3的相对长度单位：相对长度单位指定了一个长度相对于另一个长度的属性。对于不同的设备相对长度更适用。
由此可见，通过vh / vw 我们可以获得当前屏幕的视窗宽度，所以在css中，通过计算这个高度即可使得div的高度自动撑开到屏幕高度。而计算这个高度可以使用css3的calc()函数(参考详细教程)：
calc() 函数用于动态计算长度值。
需要注意的是，运算符前后都需要保留一个空格，例如：
width: calc(100% - 10px)；任何长度值都可以使用calc()函数进行计算；
calc()函数支持 “+”, “-“, “*”, “/” 运算；
calc()函数使用标准的数学运算优先级规则；
所以，只需设置div的高度height为calc(100vh)即可,100vh = 视窗高度的100%，例子：
div {
width: 100%;
height: calc(100vh);
}需要注意的是，该方法适合于网页高度等于当前屏幕视窗高度，按实际需求可能还是需要JS的。
javascript是解释型的，是直译式脚本语言。javascript是不需要编译的，浏览器直接解释源代码，并执行在内存中创建变量等操作。什么是编译型？编译型语言是把源代码先编译为机器码（也就是所谓的可执行程序，比如windows系统的exe文件），运行的时候电脑只需直接把机器码交给CPU执行即可。编译型语言的特点是运行速度快，效率高。缺点是可移植性差。什么
用该属性获取页面 URL 地址：window.location 对象所包含的属性属性描述hash从井号 (#) 开始的 URL（锚）host主机名和当前 URL 的端口号hostname当前 URL 的主机名href完整的 URLpathname当前 URL 的路径部分port当前 URL 的端口号protocol当前 URL 的协议search从问号 (?
要建立符合标准的网页，DOCTYPE声明是必不可少的关键组成部分。那么什么是DOCTYPE声明？对网页起何作用？什么是DOCTYPE声明？对网页起何作用？DOCTYPE是document type(文档类型)的简写；!DOCTYPE声明是一种指令，一种标准通用标记语言的文档类型声明，在 web 设计中用来说明你用的XHTML或者HTML是什么版本。!DOCT
分割一个整数数组，使得奇数在前偶数在后。 比如：给定 [1, 2, 3, 4]，返回 [1, 3, 2, 4]。增加一下难度：给定乱序数组：[2, 5, 1, 6, 3, 4]，返回[1, 3, 5, 2, 4, 6]思路分析：排序好的数组：找到奇数进行操作。乱序的数组：使用sort方法进行排序+提取奇数代码实现：1、排序好的数组找到奇数进行操作const
准备知识节点的高度和平衡因子节点高度：从节点到任意子节点的彼岸的最大值。这个相对来说容易理解。那么获得节点高度的代码实现如下：getNodeHeight(node) {if (node == null) {return -1;}return Math.max(this.getNodeHeight(node.left), this.getNodeHeight(
forgJs使用帮助 GitHub:https://github.com/oussamahamdaoui/forgJs 简介描述:一个轻量级js表单验证器 通过运行来通过npm安装…
JavaScript是一种属于网络的脚本语言，已经被广泛用于Web应用开发，常用来为网页添加各式各样的动态功能，下面我们来看一下JavaScript如何设置按钮不可点击。1、JavaScript设置按钮不可点击：(1)设置按钮不可点击document.getElementById(“bt1”).disabled=ture;(2)设置按钮可点击document
今年一月份以前端主管的身份进入现在的公司，到现在为止陆陆续续面试了十几个应聘者，惊讶地发现前端这个细分岗位的市场行情竟如此奇怪，一方面是各种公司争相聘请，导致价格高的浮躁；一方面是从业者大多经历尚浅，浅到没什么技术积累，没什么项目经验，更可怕的是没什么进取心。这里总结一下，自勉。 一年经验重复用 这个是最可怕的，如果不仔细了解，你很难分辨工作经验里
calc的介绍在css3样式中有一个类似与函数的计算属性calc()，它主要用于指定元素的长度，无论是border、margin、pading、font-size和width等属性都可以使用calc来设置动态值。calc支持的运算单位有rem , em , %, px，calc是支持单位的混合使用的，其计算优先级别和数学一致。calc的用法 .elm{wi
less的使用几个技巧菜鸟攻略 1.层级关系 让这个box范围内的全部包进来，这样的话就完美的进行调节，再也不用到处找第几行第几个，我刚才在哪个位置给覆盖了。一看便知！ .box{…
php调用redis进去读写操作，大并发下会出现：读取key1，没有内容则写入内容，但是大并发下会出现同时多个php进程写入的情况，这个时候需要加一个锁，即获取锁的php进程有权限写。$lock_key = ‘LOCK_PREFIX‘ . $redis_key;
$is_lock = $redis->setnx($lock_key, 1); // 加锁
if
Polar小白常识 官方网址:https://github.com/burtonator/polar-bookshelf GitHub:https://getpolarized.i…
问题场景因为js语言的特性，使用node开发程序的时候经常会遇到异步处理的问题。对于之前专长App开发的我来说，会纠结node中实现客户端API请求的“最佳实践”。下面以OAuth2.0为场景，需要处理的流程：获取access token使用获取到的token，发起API请求处理API数据处理过程一开始，我们使用了闭包嵌套闭包的方式实现，形如：request
uni-simple-router小白知识 官方网址:https://github.com/SilurianYang/uni-app-tools GitHub:https://gi…
1. 内容概要本文主要讨论以下两个问题：JavaScript 的位运算：先简单回顾下位运算，平时用的少，相信不少人和我一样忘的差不多了权限设计：根据位运算的特点，设计一个权限系统（添加、删除、判断等）2. JavaScript 位运算2.1. Number在讲位运算之前，首先简单看下 JavaScript 中的 Number，下文需要用到。在 JavaScr
pixi.js基础入门 官方网址:http://www.pixijs.com/ GitHub:https://github.com/pixijs/pixi.js 简介描述:使用We…
