icessun

css（Cascading Style Sheets）真是一个神奇的东西，短短的几行代码就可以让你的页面看起来非常的美观。自己接触也有很长的时间了，现在自己做一个总结，为了自己更好的去理解和使用。

水平居中：1. 是inline元素还是inline-*元素（如文本或链接）？ 使用 text-align：center水平居中父元素中内嵌元素；这将适用于内联（inline），内联块（inline-block），内联表(inline-table)，内联弹性(inline-flex)等html<header> This text is centered. </header> <n

定义MDN的定义是：用来指定行内元素（inline）或表格单元格（table-cell）元素的垂直对齐方式如果元素没有基线baseline，则以它的外边距的下边缘为基线。可替换元素定义（MDN）是：外观渲染独立于css的外部对象，展示不由css来控制。 其中一些元素，如：img，video，input，textarea，本身有尺寸和基线（baseline），就需要使用vertical-align来

首先学习box-sizing布局之前，来了解一下css盒子模型（Box Model）盒子模型（Box Model）一般来说，css盒子模型有两种模式：W3C的标准模型 相当于 box-sizing：content-box 我们对元素设置的宽度和高度就是内容（content）的宽度和高度，也就是内盒子的宽度；外盒子的宽度包括：content+padding+border的- IE的传统模

flex布局是一个布局模型（不同于块和内联模型布局，其依赖于块和内联元素的布局方向），而不是一个简单的属性，包括父元素（flex container）和子元素（flex items）的属性。不需要媒体查询就可以控制内容的尺寸随着浏览器的变化而变。它具有定义一个可伸缩项目的能力。flex 元素可以根据他们的 flex-grow 因子拉伸以填充可用空间，或根据他们的 flex-shrink 因子收缩以防

maxiang.io 马克飞象专门编辑makedown语法标题标题一标题二标题三标题四标题五标题六无序列表 无序列表 文字前面加上- 空格 文字或者* 空格 文字1号标题：#2号标题：# caps Lock+tab键上面的，1旁边的那个键—–>出现 “前端工程师：html+css；Javascript；nodejs；PHP 要有空格,前面出现小黑点vue；微信小程序；

基本的排序算法 算法的学习核心是：思路，知道思路，清楚思路，明白思路的思考过程，写代码就会很轻松快速排序 （递归的方法） 快速排序就是大学学的折半查找算法，或者说是二分查找；时间复杂度：每次把搜索区减少一半，最坏的时间复杂度：O(n*n)，最优的时间复杂度：O(n*logn)；n表示集合中元素的个数；空间复杂度：O(1)对于一个给定的数组var ary，思路首先取得数组中间位置上面的数，

数组去重第一种方法：先对数组进行排序sort()，排好序，然后把数组的当前项和后一项进行比较，相同则使用数组的splice(相同的位置，1)，但是为了防止数组塌陷，每次删除数组元素的时候要把i的值减一。 var ary=[1,23,4,2,33,1,2,44,3,2,3] ary.sort(function(a,b){ return a-b;

offsetX，offsetY IE浏览器特有的事件属性 鼠标点击的位置相当于事件源元素的位置坐标，以元素盒子模型的内容区域的左上角为参考点clientX，clientY 设置或获取鼠标指针位置相对于浏览器视口（内容区域的左上角）的坐标，与浏览器是否有滚动条无关 相对于页面的可见部分的左上角，通过浏览器窗口“看到”。 相对于viewportCSS像素的坐标。screen

## 认识`Git`- 是一个强大的分布式版本控制工具 - 分布式：可以协作，任务可以拆分；每次的改动都有记录，版本可以控制-

事件 就是和浏览器产生交互效果的，事件触发和函数一起使用，当触发事件的时候，调用相应的事件去处理接下来的事情。

@(Javascript闯关笔记) 在浏览器中，对于事件的操作，兼容性主要是存在DOM2级事件里面，标准浏览器是通过addEventListener()和removeEventListener()来注册事件和绑定事件，在低级版本的IE浏览器里面是有对应的attachEvent()和detachEvent()；再者是里面传入的事件行为，标准的不带on，IE带on；接着是事件处理函数里面的this指

window 下的操作，自己亲自测试快捷键打开终端命令行：ctrl + ` 打开命令面板：ctrl + shift + p 在这里直接输入一些命令，比如输入snippet，选择打开用户代码片段，选中你要编辑的语言代码片段，这里选中javaScript，你会看到如下界面： 其中：prefix : 这个参数是代码段的唤出关键字body : 这个是代码段的主体，

第一种方法：自身浮动+marginhtml：<div id="container"> <div id="team"> <img src="img/a.jpg" width="80px" height="80px" class="teamLogo"/> <div class="team-name">

1 浮动可以让页面元素并排显示，制作一个干净的布局。严格定位，需要使用不限于“relative”和“absolute”定位。2 浮动 ● 页面元素定位的基本功能，创建一个自然流布局，允许元素设置自身大小和其父元素容器的大小。 ● 元素浮动，其位置取决于放置在其周边元素的DOM（父子关系，兄弟关系） ● 最典型的问题：引起父元素塌陷：一个父元素包含了多个浮动的子元素。页面的内容设

上接CSS基础详解（一），继续总结一些自己认为的重点和自己容易模糊的知识

strict模式我们知道一个变量要是没有通过var声明就使用，那么这个变量就会自动变成全局变量，就是我们常说的变量提升：var i=10;//i是局部变量i = 10; // i现在是全局变量为了防止不用var声明就使用变量给我们带来一些影响，我们可以在javascript代码的第一行写上：'use strict';开启strict模式来运行javascript代码，未使用var声明的变量被使用就

对象javascript的对象是一种无序的集合数据类型，由若干的键值对组成。用于描述现实世界的对象。var xiaoming = { name: '小明', birth: 1990, school: 'No.1 Middle School', height: 1.70, weight: 65, score: null};声明了一个name**属性，值

方法var xiaoming = { name: '小明', birth: 1990, age: function () { var y = new Date().getFullYear(); return y - this.birth; }};xiaoming.age; // function xiaoming.age()xiao

JQuery对象与DOM对象之间的转换一般我们把JQuery对象的变量前面用$,DOM对象则不用。var $div = $('#abc'); // jQuery对象 //返回：[<div id="abc">...</div>] 不存在：返回[]var divDom = $div.get(0); // 假设存在div，获取第1个DOM元素var $another = $(divDom); /

AngularJs学习笔记最重要的功能特性实现自动化双向的数据绑定，把元素值或者是输入域的值绑定到应用程序上面，减少了页面的DOM操作MVC模块化指令系统<div ng-app> <p>Name:<input type="text" ng-model="name"></p> <h2>Hello {{name}}</h2> <div>AngularJs: 是通过ng-d

ng-model 指令用于绑定应用程序数据到 HTML 控制器(input, select, textarea)的值。 双向绑定，在修改输入域的值时， AngularJS 属性的值也将修改：注册模块和控制器 // 注册模块 通过module函数，// 第一个参数是这个模块的名字// 第二个参数是这个模块所依赖的模块, 如果不依赖任何模块也必须传递第二个参数，如果没有传递第二个参数，angu

Javascript对象是一个复合值：是属性或者已经命名值的集合。通过 。或者[]来引用属性。当属性值是一个函数的时候，称为方法。字符串不是对象，但是有属性？因为主要引用了字符串的属性，Javascript就会将字符串值通过调用new String（）的方式来转换成对象。这个对象继承了字符串的方法，处理属性的引用。相应的数字和布尔值也各自有方法：Number（）和Boolean（）构造函数来创建一个

var s="hello,world";s.charAt(0);//"h",第一个字符s.charAt(s.length-1);//"d",最后一个字符s.substring(1,4);//"ell",第2~4个字符，**包括前面不包括后面**s.slice(1,4);//'ell', 取前不取后s.slice(-3);//'rld',从末尾数第三个字符之后的全部的字符s.slice(4);//"o

Javascript是一个面相对象的编程语言，但是和传统的面向对象有很大的区别。

Javascript语言核心—–Date（）构造函数：用来创建日期和时间的对象。

百度前端学院—热身任务攻略第一关： 一笔画出折线，穿过图中的9个点，折线个数尽量少。 答案：需要少于四线三折寻找第二关的地址：按F12 发现一个空的div 里面有一段被编码的字符串base64 ，复制出这段字符串，在控制台输入 atob（“字符串”）——window.atob是一个解码的函数，回车得到一个地址，复制在地址栏的#/后面. 也可以直接在控制台输入： window

Promise是什么 JS就是操作对象上的属性和方法，对于一个对象，想要了解，我们可以直接从其身上的属性和方法入手；直接使用console.dir(对象)打印出来从上面打印出来的属性和方法，可以看到Promise是一个构造函数，有属于自己私有的all,reject,resolve,rece等方法，也有原型上面的，属于实例对象调用的方法then,catch// Promis...