monkey7

例如：后台给返回的出生日期为 19921224。但是再次传台需要用-拼接的日期格式。输出结果为：1992-12-24。

本地没问题 但打包后部署在机器上 可能是全局字体原因导致 闪烁的冒号前面数字位置移动。我项目右上角时间的冒号需求是每秒闪烁（本意是让客户知道页面没有卡住）最后改css样式visibility即可 （因为他本身会占着位置）v-show v-if 都不好使 改成动画渐隐还占内存。

js数组求最大值 最小值 平均数，类数组转数组 js call的应用

js全局作用域 私有作用域

什么叫做闭包 闭包的作用

js获取元素的方法 js命名规范 js基础知识总结

js的五种输出方式

js基础知识总结 Math的使用

js基础知识总结 啥是变量 数据类型有哪些

js基础知识总结 判断 if else swicth case 三元运算符应用 数据类型检测

js基础知识总结 new Date() 定时器setTimeOut和setInterval区别 定时器的返回值

js String方法总结 js基础知识整理 substr subString slice replace indexOf lastIndexOf split() 字符串拆分成数组

js基础知识整理 js数组知识总结 数组公有的方法整理

url 特殊字符编码encodeURI()和encodeURIComponent()

小写字母/^[a-z]+$/大写字母/^[A-Z]+$/大小写字母/^[A-Za-z]+$/邮箱/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/邮箱/^([a-zA-Z0-9_-])+@([a-zA-Z0

按照原有值的结构：把原数值中的某一部分内容快速的获取到也可以说是快速的给一个变量赋值【1】数组的解构赋值let ary=[12,23,34];传统的赋值操作 a b c 想要用数组里的值 需要用索引一一赋值加粗样式结构赋值本身是ES6的语法规范，使用什么关健字来声明这些变量都是无所谓的但是：这个操作在JS的严格模式下是不允许的，因为严格模式下不允许出现非使用var /let 等声明的变量[12,[23,24][45,56,[67,78]]] 把多维数组中的 34、56、78获取.

localStorage1、存储大小有限制:5MB左右2、H5新增的API 不兼容低版本浏览器3、永久存储在本地（除非手动清除）4、严谨的本地存储，存储或者获取只是客户端的操作，和服务器端没关系cookie1、存储大小有限制:4KB左右2、兼容大部分浏览器3、cookie有存储的实效性（自己可以设置）（360安全卫士或者浏览器的清除历史记录等功能，都有可能会把存储的cookie整没）4、cookie的操作是需要服务器支持的，cookie总会在客户端和服务器端传来传去（一般通过请求头传递）

babel-core 是babel的核心包，使用babel必须安装babel-loder是babel的翻译官 用来翻译语法的，但是他不懂配置预设让他懂 es6 babel-preset-es2015新建 .babelrc“presets”:[“es2015”,“stage-0”] 给翻译官加技能 让他懂得es7es语法一共有四个阶段分别为 stage-3 stage-2 stage-1 stage-0 (0是最高的 里面语法最多)0里面包含着 3 2 1等 所以

箭头函数的实际应用性el-date-picker 控制日期选择范围的时候 拿data里的this.xx一直报错disabledDate(time) {// 这里面是拿不到data里this.xxx的 (报错undefined)}disabledDate:(time) => {// 但是箭头函数 可以拿到data里的this.xxx}箭头函数没有自己的this 它的this是继承而来 默认指向定义他时所处的对象（宿主对象）而不是执行时的对象...

【1】ES6中的let和constlet基础语法let 变量名=变量值使用let创建变量和使用var创建变量的区别?（1）let没有变量提升ES6中只提供了创建变量的新语法标准（let）创建函数还是沿用ES5中的function（还会存在变量提升）如果想让函数也存在变量提升，都使用函数表达式赋值的方式操作：let fn=function(){ }所以创建变量 let xxx=xxx;创建函数 let xxx=function(){ }创建自执行函数 (function(){

一、瀑布流花瓣网图片排列方式 （新增的图片 要放在最 “矮” 的列里）每次插入图片之前 先让每一列根据高度排序 优先将图片插入到此时高度最小的那一列 以后 依次排序实现效果：瀑布流ajax获取数据、动态创建绑定数据到页面、将高度最小的li排到ul里（sort）、多张图片延迟加载（透明度）、回到顶部、距离底端800时再重新加载图片；二、回到顶部虽然a标签 锚点也可以实现 但是没有过渡效果（1）获取到back 并且为回到顶部设定一个总时间 （无论页面多长都在200

this：函数执行的主体，谁把函数执行的，谁就是执行的主体（和函数在哪执行的，以及在哪定义的没有直接关系）JS的非严格模式下：1、给某一个元素的事件绑定方法，当事件触发，方法执行的时候 ，绑定的这个方法中的this一般都是当前操作的这个DOM元素（在IE6~8下，如果我们用DOM2事件绑定，方法执行的时候，里面的this不是当前元素而是window）2、自执行函数执行，方法中的this一般都是window3、方法执行，看方法名之前是否有点 有的话 点前面是谁 this就是谁，没有的话，this就是

正则 RegExp：由相关元字符和修饰符组成的一个规则，匹配 验证和捕获（只用来处理字符串）可以理解为两个斜杠中间包含一些内容就是正则元字符：/元字符/ 两个斜杠之间包起来的内容正则：它就是用来处理字符串的一个规则；●正则匹配：编写一个规则，验证某个字符串是否符合这个规则，正则匹配使用的是test方法●正则捕获：编写一个规则，在一个字符串中把复合规则的内容都获取到 正则捕获使用的方法 正则的exec方法、字符串中的split、replace、match等方法都支持正则正则创建● 字面

call apply bind这三个是存在于Function.prototype上的属性方法，供函数来调用的（任何一个函数实例都能调用）call方法修改call中this(点前是fe this就是fe)的this(fe里的this是window)● fe.call：通过原型链模式 查找到Function原型上的call方法 让call方法执行（先找私有属性 私有没有 去原型上找到 并且执行）● call方法执行：让fe执行 并且里面this修改为call中第一个参数obj●.

一、get和post● get 通常用来查询和获取● post 发送或更新（发送数据）1、大小问题输数据大小限制get url 长度限制post 把数据放到请求体里 没有大小限制（每个浏览器对于url的长度都存在限制，谷歌：8kb 火狐：7kb IE：2kb 如果超过限制 并不会报错 浏览器会把超出的部分截取）2、缓存问题get 缓存问题 解决：在 ？后面拼接个随机数或时间戳（拼接个时间）post 是没有缓存的3、安全问题get 将

1、typeof用来检测数据类型的的运算符语法：typeof[value]用typeof更严谨些typeof undefined =>"undefined";typeof null =>"object" // 虽然是基本数据类型值 但是它属于空对象指针 检测的结果是对象（局限性）typeof funtion(){} =>"function"typeof [] =>"object"typeof /^$/

数组常用方法slice push shift unshift pop splice join concat sort reversees5/6新增：forEach map(映射) find filter reduce some every includes1、forEach 没有返回值 不能跳出循环 （ for循环可以跳出循环）2、map 映射 把一个数组映射成一个新数组（1）返回什么就会把当前返回的放到一个新数组中（2

[减少HTTP的请求次数]1、CSS SPRITES：雪碧图，就是把图片压缩合并在一张大图上，背景图片统一导入大图，使用background-position定位到具体的小图2、把CSS合并成为一个，把JS也合并成为一个，减少CSS以及JS等文件的请求次数（真实项目中，我们使用gulp、webpack这些自动化工具，可以完成合并压缩）3、为了加快页面首次打开速度，我们把图片和数据都做一下延迟加载，数据的延迟加载(异步加载)：滚动到底部加载更多数据、分页效果4、音视频等资源文件，开始的时候设置 pre

数组常用方法slice push shift unshift pop splice join concat sort reversees5/6新增：forEach map(映射) find filter reduce some every includes1、forEach 没有返回值 不能跳出循环 （ for循环可以跳出循环）2、map 映射 把一个数组映射成一个新数组（1）返回什么就会把当前返回的放到一个新数组中（2

同源策略（浏览器安全限制）1、同源 （三个只要有一个不一样就是跨域） (都一样叫同源)● 协议相同● 域名相同● 端口相同2、限制● cookie localStorage 信息共享● ajax 限制跨域为什么要有同源限制？我们举例说明：比如一个黑客程序，他利用IFrame把真正的银行登录页面嵌到他的页面上，当你使用真实的用户名，密码登录时，他的页面就可以通过Javascript读取到你的表单中input中的内容，这样用户名，密码就轻松到手了（1）解决跨域 JSONP利用

ajax状态码：用来描述当前ajax操作的状态xhr.readyState0：UNSENT未发送，只要创建一个ajax对象，默认值就是01：OPENED我们已经执行了xhr.open这个操作2：HEADERS_RECEIVED当前ajax的请求已经发送，并且已经接收到服务器端返回的响应头信息了3：LOADING响应主体内容正在返回的路上4：DONE响应主体内容已经返回到客户端HTTP网络状态码：记录了当前服务器返回信息的状态xhr.status200：成功，一个完整的HTTP事

一、AJAX基础知识？什么是ajax?async javascript and xml，异步的JS和XMLxml：可扩展的标记语言作用是用来存储数据的（通过自己扩展的标记名称清晰的展示出数据结构）ajax之所以称之为异步的js和xml,主要原因是：当初最开始用ajax实现客户端和服务端数据通信的时候，传输的数据格式一般都是xml格式的数据，我们把它称之为异步js和xml（现在一般都是基于JSONS格式来进行数据传输的）异步的JS这里的异步不是ajax只能基于异步进行请求（虽然建议都是

使用正则表达式和三元运算符，原理就是移动端打开的话就跳转到 “https:www.baidu.com/” ，如果不是就跳转到"http://new.baidu.com/"window.location.href = /Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent) ? "https://www.baidu.com/" : "http://news.baidu.com/";也可以写成 条件判断 实际应用当我点击下