chen983234416的博客

1、优化项目 1、生成打包报告 2、开启第三库库启用CDN （需要配置生产环境和发布环境的入口main.js） 3、Element-ui 的按需加载 （改变引用方式） 4、路由的懒加载 (需要引入babel的插件，改变路由的引入方式) 5、webpack 首页内容的定制（config.js）（有点类似于jsp）2、部署项目（上线） 1、通过node 创建web服务器 (express) 2、开启gzip 配置 ...

一、高阶函数是什么？ 有哪些高阶函数高阶函数英文叫Higher-order function。定义：JavaScript的函数其实都指向某个变量。既然变量可以指向函数，函数的参数能接收变量，那么一个函数就可以接收另一个函数作为参数，这种函数就称之为高阶函数。例子：function add(x, y, f) { return f(x) + f(y);}当我们调用add(-5, 6, Math.abs)时，参数x，y和f分别接收-5，6和函数Math.abs，根据函数定义，我们可以推

一、为什么会出现函数。什么是抽象的概念 1、当代码出现有规律的重复的时候，有了函数，我们就不再每次写s = 3.14 * x * x，而是写成更有意义的函数调用s = area_of_circle(x)，而函数area_of_circle本身只需要写一次，就可以多次调用。 2、抽象是数学中非常常见的概念。可见，借助抽象，我们才能不关心底层的具体计算过程，而直接在更高的层次上思考问题。写计算机程序也是一样，函数就是最基本的一种代码抽象的方式。二、函数的定义function a...

1、什么是iterable类型ES6标准引入了新的iterable类型，Array、Map和Set都属于iterable类型。遍历Array可以采用下标循环，遍历Map和Set就无法使用下标。为了统一集合类型具有iterable类型的集合可以通过新的for ... of循环来遍历。var a = ['A', 'B', 'C'];var s = new Set(['A', 'B', 'C']);var m = new Map([[1, 'x'], [2, 'y'], [3, 'z']])

1、数组整理js的array可以包含任何的数据类型，并通过索引来访问每一个元素 1、arr.lengtharr.length = 6;arr; // arr变为[1, 2, 3, undefined, undefined, undefined] 2、Array可以通过索引把对应的元素修改为新的值，因此，对Array的索引进行赋值会直接修改这个Array： arr[1] = 99 就修改了array 的值 3、indexOf 与String类似，通...

一、constructor的使用"John".constructor// 返回函数 String() { [native code] }返回function String() {[native code]}此时可以用来做对类型的判断，而不是用typeof二、String() 可以将数字转换为字符串，用于任何类型的数字，字母，变量，表达式。String（x） ;Number 方法toString()也是有同样的效果。 两者是一样的。...

1、js有6中不同的数据类型1、string 2、number 3、boolean 4、object 5、function 6、symbol2、种对象类型1、object 2、Date 3、Array3、2个不包含任何值的数据类型1、null 2、undefined4、注意1、typeoffunction() {} // 返回 function2、typeof[1,2,3,4]...

1、定义上 undefined：是所有没有赋值变量的默认值，自动赋值为undefined, var a ; null： 主动释放一个变量引用的对象，表示一个变量不在指向任何对象地址2、如何使用null 当使用完一个比较大的对象的时候，需要表示一个变量不再指向任何对象地址3、null和underfined 的异同点是什么吗同： 都是原始类型，保存在栈中变量本地不同： undefined 表示变量申明过但是并没有赋值 ...

1、vertical-align 垂直对齐 线类：baseline top middle bottom 文本类 : text-top text-bottom 上标下标类 ： sub super 数值百分比类 : 20px 2em 20% ... 都支持负值 （只有margin，letter-spacing，word-spacing , ver...

1、line-height的定义指的是行高，两行文字基线之间的距离2、基线的定义：英语里面一行文字的第三条线，baseline如右图所示3、两行，演示例子，指的是两行基线之间的距离4、行高为零，两行重叠5、为何line-height可以让单行文本垂直居中？当字体的大小为零的时候，才会垂直居中，否则的话，只会字体越大越往下垂6、line-height与行内框盒子模型...

1、动画的原理 1、视觉暂留的作用 2、画面逐渐变化2、动画的作用：愉悦感3、css中的动画类型 1、transition补间动画 位置（平移）（left/right/margin/transform） 方位 （旋转）（transform） 大小 （缩放...

1、css知识体系的重中之重，早期以table为主（简单），后来以技巧性布局为主（难），table的布局现在主要缺点是么有明确的语义，已经克服了流式加载数据2、现在有flexbox/grid(偏简单)，现在掌握响应式布局是必备的知识。3、常用的布局方法 table表格布局，float+margin的方式，inline-block 布局，flexbox 布局 ...

1、响应式设计与布局 在不同设备上正常使用，一般主要处理屏幕大小问题。 主要方法：隐藏+折行+自适应空间 rem,viewport,media query (媒体查询) 1、 适配移动端，第一件事就是加上 意思是可视区的大小等于屏幕大小，加上就适配了 @media (max-width: ...

1、div语义不明确，section/article/aside/header/footer语义明确2、<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0 user-scalable=no"> 视口（手机屏幕，电脑屏幕） 宽度等于...

1、doctype的意义是什么答：ie包涵padding，带上doctype，就是标准模式的渲染，padding：10px加上width：200px，一共220px; 意义之一就是：1、让浏览器以标准模式渲染 2、让浏览器知道元素的合法性 （并不会怎么办）2、html xhtml html5 的关系...

1、基本规则 选择器{属性：值；} ；是分隔符，不是语句结束符2、选择器：用于匹配HTML、元素，有不同的匹配规则3、多个选择器可以叠加 .body div a {}4、浏览器的解析方式、和性能是反过来的，从右往左，不断的验证，先看a，然后看a外面有没有div，再看外面有没有.body5、选择器的分类： 1、元素选择器 a{} 2、伪元素选择器 ：：bef...

1、css样式（选择器）的优先级 计算权重确定，！important，内联样式，后写的生效（优先级高）2、雪碧图的作用 background-position 定位，width 1、减少HTTP请求数，提高加载性能 2、有一些情况下可以减少图片大小（颜色旁）3、自定义字体的使用场景 1、宣传/品牌/banner等固定文案 ...

1、box-shadow 前两个表示偏移量，第三个值表示阴影的模糊区域有多大，阴影要扩展多少，加宽度，最后一个是颜色 内阴影也是，偏移前两个，第三个是模糊，第四个是扩展长度，第五个是颜色，第六个是设置内阴影 实例： 作用：营造层次感（立体感） ...

1、如何用一个div画xxx box-shadow无限投影 ：：before ：：after2、如何产生不占空间的边框（精细排版） 1、box-shadow 2、outline （可以做类似边框）3、如何实现圆心元素（头像） 1、border-radius:50%4、如何实现ios图标的圆角...

效果如图所示：实现代码如下：&lt;style&gt;        * {    margin:0;  padding:0;  }        .nav {  height: 60px; background-color: lightgray;   }        .nav ul {margin: auto;width: 840px;height: 60px; }      ...

此时的预定房间为span元素，这是为内联，所以此时的margin-bottom并没有反应这个时候我们加上display：block 很明显我们的margin-bottom 有反应了因此可以发现，我们内联元素对于设置上下的margin值没有反应，只有设置左右的margin才有反应若要设置上下也有反应的话，大可以将内联转化为块状元素，就可以实现换行...

示例：完成的类型为微信小图标和分享都是右浮动首先我们要做的是将两个右浮动的图标变成一个整体，然后直接设置向右浮动，即出现了两个自动成为一行，主要原因是、两个是一个容器而且他们的父容器宽度被前面的图片和数字撑起来了，所以两者自动成为一行代码如下 .eye { width: 0.16rem; height: 0.14rem; ...

1、js事件流 1、事件冒泡 ie的事件流叫做事件冒泡，即事件开始时由最具体的元素（文档中嵌套层次最深的那个节点教授）然后逐级向上传播到较为不具体的节点，所有现代浏览器都支持是事件冒泡 2、Netscape团队提出的，思想是不太具体的节点应该更早接收到事件，而最具体的节点应该是最后接收到事件老版本不支持事件捕获2、h...

    1、上文我们介绍了样式的三种类型，这篇文章，我将主要介绍css选择器，首先什么是css选择器这个问题一开始也难到了我，css+选择+器，css选什么东西，其实这样理解就有点钻牛角尖啦，用它来说他其实就是{}中样式的多用对象，用来选自己定义的样式的   2、选择器分为那几个，每个的用法是什么选择器我所知道的有： 标签选择器（元素选择器）、类选择器、id选择器、通配符、群组选择器（...

  1、  css是什么，有什么用，   css指的是层叠样式表，Cascading Style Sheets。解决是内容与表现相分离的问题  2、一开始我们在html中设置字体是用font标签来设置字体的颜色大小类型的，而现在我们用css来设置，每一个标签都有自己的属性，于是我们用p标签，或者其他标签的属性style来设置字体的颜色大小类型：例子如下所示&lt;p style="co...

作用代码：使用的代码以及效果1：使用的代码以及效果2:原因是：作用在一个选择器的两个class，一个是子代选择器，一个是类选择器，很显然，子代选择器的权值为两个值相加，所以更大，所以最后显示的是子代选择器的，而不是类选择器，第二个是根据浏览器的阅读习惯来，很明显当两个选择器的权值是一样的话，后面的会覆盖前面的选择器的样式。    ...

1、首先先介绍一下html把标签分为有语义标签和无语义标签，有语义标签是指它是用来表示某种东西的，比如说段落，比如说表格，表单，而无语义标签则没有意思，它的作用就是方便设置样式，无语义标签有两种、      1、div-----------网页制作实现画块，块级元素      2、span--------方便局部样式的设置，行内元素2、浮动原理      1、设置浮动用float：...

1、首先什么是定位，定位分几种，有什么作用       1、针对html定位，其实跟div有模块的划分区块有异曲同工之妙，它是巧妙的运用元素之间的位置，以及父子元素的位置和在浏览器中的位置来巧妙的完成了位置的设定。       2、定位分为相对定位，绝对定位，固定定位       3、定位相对于浮动更灵活，并且所有的元素都可以采用定位2、相对定位       position:...

1、什么是盒子模型首先我个人理解为，所有的元素标签都是一个盒子，也就是说每一个网页被画成很多个盒子，每个盒子都有自己的四要素，指的是内容（宽度和高度）、内边距、边框、外边距。它作用于html的所有元素。2、四要素内边距，外边距，边框，内容各是什么内边距：称为padding，表示内容跟边框的间隙大小，其实就是边框与内容的距离外边距：称为margin，表示两个物体（盒子）之间的距离...

    首先通过一个实例来表明表单的一些基本的使用，然后详细讲解表单里面的属性，最后再做出总结。 接下来解析上面的例子 1、表单的作用：用来搜集不同类型的用户输入2、&lt;form action="#" method="get"&gt; &lt;/form&gt; : form标签表示表单。action="#"：设置数据的提交地址，就是提交给哪一个页面。method="get...

 &lt;!DOCTYPE html&gt;    //指定文档的类型，为html类型&lt;html&gt;        //开始标签，对应结束标签&lt;head&gt;     //html必备标签，表示头部&lt;title&gt;     //设置网页标题，最后显示在浏览器的头部&lt;/title&gt;&lt;meta charset="utf-8" /&amp

1、表格的整理&lt;table &gt;    //表格的属性  &lt;tr&gt; &lt;td&gt;1&lt;/td&gt; &lt;/tr&gt;  &lt;tr&gt; &lt;td&gt;1&lt;/td&gt; &lt;/tr&gt;&lt;/table&gt;表格的属性     1、align=center

一、frameset标签1、优化不行，一般用在网站后台2、frameset元素可以定义一个框架集，被用来组织多个窗口（框架），必须使用cols和rows属性分割框架3、frame标签是定义在frameset中的一个特定的窗口&lt;html&gt;&lt;frameset cols="25%,50%,*"&gt;&lt;frame src="www.baidu.com"/...

1、windows对象 2、Screen对象 3、Location对象 4、History对象 5、Navigator对象 6、弹窗 7、计时事件2、浏览器对象模型（Browser Object Model），浏览器对象模型使Js有能力与浏览器对话3、Windows对象：所有浏览器都支持window对象，他表示浏览器窗口 所有js全局对...

1、js的表达式：是由数字、操作符、数字分组符号（括号）、变量等以能求得数值的有意义排列方法所得的组合 例子：var x=y+2*(1+3),或者变量x，或者常量22、运算符：执行程序代码运算 运算符： 1、算数运算符： ++ （自增） %（求余） 2、赋值运算符： = %= /=...

1、js内置对象:自己封装好的功能 1、js对象 2、String字符串对象 3、Date日期对象 4、Array数组对象 5、Math算数对象 6、RegExp正则表达式对象2、JavaScript对象 1、js中的 所有事物都...

1、什么是jsjs是一种直译式的、基于对象的和事件驱动的脚本语言，是一种动态、弱类型的语言直译式语言相对于编译式，被称为解释执行，直接由应用程序基于对象：js中的DOM，BOM原型，操作对象事件驱动：按钮的点击2、js的运行环境或者说是解释器被称为js引擎，为浏览器的一部分（比如CHROME的V8引擎）3、js广泛用于客户端脚本语言，最早在HTML页面上使用，用来给HTML...

1、文档对象模型（DOM），是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。2、DOM定义了HTML和XML文档的标准3、HTML DOM是关于如何获取、修改、添加或删除HTML元素的标准4、当页面被加载时，浏览器会创建页面的文档对象模型（Document Object Model）通过可编程的对象模型，js获得了足够的能力来创建动态的HTML...

  1、css介绍层叠样式表，用于表示页面的样式2、css实际上如何工作？        1、浏览器将HTML和CSS转化成DOM（文档对象模型）。DOM在计算机中表示文档，它把文档内容和其样式结合在一起        2、浏览器显示DOM的内容3、什么是DOM？DOM是一种树形结构，标记语言中的每个元素，属性，文本片段都变成为一个DOM节点，这些节点由它们与其它D...

1、理解函数和函数的用途：是由事件驱动的，可重复使用的代码块 常将一些常用的功能模块编写成函数，放在函数库中供公共选用 要善于利用函数，减少重复编写程序段的工作量 在js中，函数就是对象，程序可以随意操控它们2、function plus(i,j){ var sum=i+j; alert(sum);}...