2018年11月_xvzhengyang

12月 11月 10月 09月 04月 01月

原创 JS 变量提升和var以及let

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>变量提升</title> </head> <body> <script type="text/javasc

2018-11-29 20:13:59 190

原创 js中的解构赋值:可以同时对一组变量进行赋值

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>js中的解构赋值:可以同时对一组变量进行赋值</title> </head> <body> <script typ

2018-11-29 20:12:52 1610

原创 css 多列布局使用float和margin的改进版

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>多列布局使用float和margin的改进版</title> <style type="text/css"> html,body{

2018-11-29 20:04:35 121

原创 css 多列布局:定宽+自适应使用float+overflow (左侧固定+右侧自适应)

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>多列布局:定宽+自适应</title>  <!-- 通过将左

2018-11-29 20:00:05 263

原创 CSS 多列布局:使用float和margin

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>多列布局:使用float和margin</title>  <s

2018-11-29 19:57:14 220

原创 css 多列等分布局使用float

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>多列等分布局使用float</title> <!-- 百分比 box-sizing为border-box:padding和border都被计算到width里面 --&

2018-11-29 19:53:59 498

原创 CSS多列布局等分布局,使用flex

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>多列布局等分布局</title>  <style type="text/css

2018-11-29 19:50:12 1349

原创 CSS 全屏布局使用position

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>全屏布局使用position</title> <style type="text/css"> html, body, .p

2018-11-29 19:49:59 392

转载 CSS 全屏布局使用float和over-flow

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>全屏布局</title>  &lt

2018-11-28 21:57:23 10687

原创 CSS 水平垂直居中:flex+justifycontent+algin-items

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>水平垂直居中:flex+justifycontent+algin-items</title> <style type="text/css">

2018-11-28 21:49:13 343

原创 CSS 水平垂直居中:使用absolue和transform

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>水平垂直居中:使用absolue和transform</title> <style type="text/css"> *{ m

2018-11-28 21:45:33 610

原创 CSS 垂直居中,使用absolute和transform

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>垂直居中,使用absolute和transform</title> <style type="text/css"> .parent{

2018-11-28 21:42:18 1555

原创 CSS 布局垂直居中:使用flex和align

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>垂直居中:使用flex和align</title> <style type="text/css"> .parent{ disp

2018-11-28 21:38:16 197

原创 CSS 水平居中:使用flex+margin

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title&g

2018-11-28 21:35:43 336

原创水平居中:使用flex和justify-content

<!DOCTYPE html><html> <head> <meta charset="utf-8">  <title>水平居中:使用flex和just

2018-11-28 21:32:40 1048

转载 css水平居中:使用absolute+transform

<!DOCTYPE html><html> <hea...

2018-11-28 21:27:53 1115

转载 css布局水平居中:使用inline-block+text-align

步骤:   <!-- 2.具体,对子框用display:inline-block,对父框设置text-align:center --&gt...

2018-11-28 21:23:00 1139

原创 css中的box-sizing

box-sizing:该属性有三个值,一个是content-box(default);一个是border-box,一个是padding-boxcontent-box:border和padding不计算入width(也就是width为100,border和padding分别为1和2,那么盒子总宽度是width+padding+border)border-box:border和padding是...

2018-11-28 21:17:16 118

转载 JS中对数组的一些操作包括删除头元素,删除尾元素、增加到头元素和尾元素等

创建数组 Array构造器 var array = new Array(); 数组字面量 var arr = [1,2,3]; 检测数组 instanceof: value instanceof Array 确定某个对象是不是数组 Array.isArray()确定某个值是不是数组转换 toString : 返回逗号分隔的字符串 valueOf 返回的还是数组...

2018-11-09 23:03:55 3514

转载 JavaScript条件语句--写出更好的条件语句

1.使用 Array.includes 来处理多重条件(判断是否包含某一元素,返回true或false; indexOf返回-1或元素位置,但是indexOf无法判断是否有NaN的元素)function test(color) { // 把条件提取到数组中 const colors = ['red', 'white', 'blac...

2018-11-09 00:49:24 161

转载初探js中的精读问题

1.记得大学第一次学习计算机课,就接触了进制转换;例如,二进制转十进制,十进制转二进制等;例如对于十进制的整数,进行转二进制是没有什么问题的;但是对小数可能进制转换就会出现精读丢失的问题.在 JavaScript 中所有数值都以 IEEE-754 标准的 64bit 双精度浮点数进行存储的。先来了解下 IEEE-754 标准下的双精度浮点数。IEEE-754 标准下双精度浮点数由三部分组成...

2018-11-09 00:03:06 155