文字超出一定范围变为小点

c3样式

overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

小点溢出隐藏进阶

设置第多少行转化为小点

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

overflow: hidden;
text-overflow: ellipsis;
// 溢出隐藏
display: -webkit-box;
// 将对象作为弹性盒子模型显示
-webkit-line-clamp: 2;
// 限制两行后转换为小点
-webkit-box-orient: vertical;
// 设置排列方式     vertical 从上往下排列

数组遍历 - reduce

一般都有四个参数，prev是上个参数的返回值，cur是当前的数组元素，index是当前元素的索引值，arr是需要遍历的对象，
init是初始值，一般设为0
prev可以不用，但不可以不写

var arr = [2,3,3]
    let arrStr = arr.reduce(function(prev,cur,index,arr){
        // console.log(prev+=cur);
        return prev+=cur
    },init)
    // console.log(prev,cur,index);
    console.log(arr);

数组排序 - sort

只能排序数组中的数值，字母不能排序，对象也不能遍历

    var arr = [1, 4, 6, 5, 3, 2, 9, 8, 7, 10,"a","b",'n','y'];

    arr.sort(function (a, b) {
        return a - b;
    })

    console.log(arr);

IE盒子模型和怪异盒模型

IE盒模型（怪异盒模型）
组成部分：content+border+padding+margin
实际宽度：width+margin     width包含border和padding
box-sizing：content-box；   标准盒模型（默认值）
box-sizing：border-box；    IE盒模型

预解析（函数提升）

js引擎在解析javascript代码是会对var开头和function开头的语句块进行提前处理
1.函数的提升
2.变量的提升：只是声明的提升，不会赋值的提升
3.当函数声明名与变量名重复时：函数提升变量不会提升
4.函数表达式不提升
5.提升不会超出作用域范围

函数提升，提升的是声明函数，表达式（赋值函数）不会变量提升
在函数外边没有返回值的情况下，调用函数里面的值，就会报错

函数进阶正常情况下：不包括变量提升
1.如果两个变量名重复，后边会覆盖前边
2.如果两个函数声明重复，后边会覆盖前边
3.如果两个函数表达式重复，离的近的调用（就近原则）
4.如果函数声明和函数表达式重复，表达式覆盖声明，
5.如果函数声明与变量名重复，变量名覆盖函数（函数声明）
6.如果函数表达式与变量名重复，后边覆盖前边

函数表达式不能提升，变量比声明优先级高，表达式比声明优先级高，变量和表达式，后边会覆盖前边

css的六种方式

1. 对象.style
2. 对象.className
3. 对象.setAttribute("style","样式")
4. 对象.setAttribute("class","类名")
5. 对象.style.setProperty("css属性","css属性值")
6. 对象.style.cssText ="样式"

运算符的优先级

一元运算  
    前置++   先将自身的值自增1，再将自增后的值赋值给变量
    后置++   先将自身的值赋值给变量，然后再自增1
    前置--   先将自身的值自减1，再将自减后的值赋值给变量
    后置--   先将自身的值赋值给变量，然后再自减1
逻辑运算
    && 与 两个操作数同时为true，结果为true，否则都是false
    || 或 两个操作数有一个为true，结果为true，否则为false
    ! 非  取反
比较运算
    > < >=  <=  ==  === != !==
赋值运算
  +=  -=  *= /= %=
优先级
  括号>点运算符>一元

{} [ ] ( ) 运算符 > 算数运算符 > 关系(比较)运算符 > 逻辑运算符 > 赋值运算符

地址栏地址解析

url地址 协议（http,https）+ 主机（公网IP，域名）+ 路径 + 参数
公网IP做了一种映射

input的属性值

由于太多只找些许，其他请自行查阅

改变类型

    <!--  input元素的url类型--url类型的input元素专门用来输入url地址的文本框。提交时候，如果该文本框中的内容不是url地址格式的文字，则不允许提交。 -->
    <h1>input1</h1>
    <input type="url">
    <!-- datel类型--以日立的形式方便用户输入。 -->
    <input type="datel">
    <!-- time类型--专门输入时间的文本框，提交时候对输入时间进行检查。 -->
    <input type="time">
    <!-- datetime-local类型--专门用来输入本地日期和时间的文本框。 -->
    <input type="datetime-local">
    <!-- month类型--输入月份的文本框。 -->
    <input type="month">
    <!-- week类型--专门输入周号的文本框。 -->
    <input type="week">
    <!-- number类型--专门用来输入数字的文本框，number也有min,max,step属性. -->
    <input type="number">
    <!-- range类型--专门输入一段范围内的数值的文本框； -->
    <input type="range">
    <!-- search类型--输入搜索关键词的文本框（移动设备中获得焦点后，键盘前往变成搜索); -->
    <input type="search">
    <!-- tel类型--元素用来输入电话号码,可以用pattern属性来指定输入电话号码格式的验证（移动设备，获得焦点，显示数字面板） -->
    <input type="tel">
    <!-- alt属性为图像输入规定替代文本，功能类似于image元素的alt属性，为用户由于某些原因无法查看图像时提供备选信息 -->
    <input type="text" alt>
    <!-- color类型--用于选取颜色，提供一个颜色选取器 -->
    <input type="color">

改变属性

    <!-- readonly属性规定输入字段为只读。只读字段是不能修改的，但用户仍然可以使用tab按键切换到该字段，还可以选中或拷贝其文本
    　　readonly属性可与type="text"或"password"的input元素配合使用 -->
    <input type="text" readonly>
    <!-- maxlength属性规定输入字段的最大长度，以字符个数计 -->
    <input type="text" maxlength="15">
    <!-- size属性对于type="text"或"password"的input元素是可见的字符数；而对于其他类型，是以像素为单位的输入字段宽度 -->
    <input type="text" size="1">
    <!-- src属性作为提交按钮显示的图像的URL -->
    <input type="image" src="../../8/nojs/neteaseCloud/images/footerLogo.png">

隐藏滚动条

css样式直接隐藏滚动条。注意，不过这个方法不兼容部分IE，做移动端的可以使用。

// chrome 和 safari
.element::-webkit-scrollbar { width: 0 !important }
// ie10+
.element { -ms-overflow-style: none; }
// firefox
element { overflow: -moz-scrollbars-none; }

2. iscroll插件