哇咔咔JS个人学习纪要

1.background-size在css3的animation中keyframe设置的话，对IOS不兼容，安卓可以。
2.scrollIntoView函数，对html设置scroll-behavior：smooth，对IOS不兼容，安卓可以。
3.H5页面获取当前页面的header中的内容时，只能通过再次发起请求，缔造新的request才能获取到，response header中的内容，无法直接对response header进行操作。也不能获取到request header中的内容。
http header组成：general header responseheader requestheader四个部分。获取页面的responseheader部分可以用函数getresponseheader(“date”)获取date的值。
4.CSS中的属性Opacity对IOS和安卓适配性良好。在animation的keyframe中使用，适配性良好。
5.Cs.total_metres=4882
6.(Math.floor(cs.total_metres/10)/100).toFixed(2) 显示4.88
7.(Math.floor(cs.total_metres/1000*100)/100).toFixed(2) 显示4.89
8.Function(){}函数内部定义的变量是JavaScript中唯一拥有自身作用域的结构。
9.函数作用域：变量在声明它们的函数体以及这个函数体嵌套的任意函数体内都是有定义的。（当我们使用访问一个没有声明的变量时，JS会报错。而当我们给一个没有声明的变量赋值时，JS不会报错，相反它会认为我们是要隐式申明一个全局变量，这一点一定要注意。）
10.作用域链：函数自身定义的变量—父级函数定义的变量-—父级的父级函数定义的变量----……—全局变量（JS中没有块级作用域）
11.Js中没有用var声明的变量都是全局变量，而且是顶层对象的属性。
12.Javascript的变量为弱类型，给什么数据，就是什么数据类型
13.JS保留字：break delete function return typeof case do if switch var catch else in this void continue false instanceof throw while debugger finally new true with default for null try class const enum export extends import super (argument eval在严格模式下也是保留字)
14.Str. substring(5,9);表示从字符串str的第5位（含第5位）开始截取字符到第9位（不含第9位），一共4位个字符。
15.Vue父子组件传值，需要在页面准备好后才能传值，即mounted阶段传值，在created阶段传值，传的是定义的默认值，不会传后面发生变化的值。

16.Vue父组件传值给子组件步骤：
<1 新建compont文件夹，并新建子组件，例如：test
<2 父组件component{ test }，中引入子组件，并import test from ”./component/test”
❤️ 父组件新建结构注意要在新建的结构上挂载后就可以传值给子组件
<4 子组件props[“value”], 接受父组件的值，this.value即可使用
<5 子组件watch:{ “value” :function(){ } },按需监听test值变化，动态渲染页面
子组件传值给父组件
<1 子组件执行功能，this.$emit(“func”,data);(func为函数名称，data为数据)
<2 父组件在引用子组件的部分 :func=”func2” func和子组件的func名称相同，表示接收到子组件这个函数传值过来后，执行func2函数；
❤️ 在func2(data){…执行需要的代码…};data为子组件传过来的数据；
17.Var preweb = window.WebKitCSSKeyframesRule?"-webkit-" : “”;//
判断是否是IOS浏览器，可用于CSS3动画的兼容。
18.文件打包后，样式改变或者不起作用的处理方法。
a)

21、是HTML5中的一个新标签，类似它也可以指定多个格式的资源，由浏览器选择自己支持的格式进行加载。




如果浏览器支持WebP格式，就会加载image.webp，否则会加载image.jpg。
34、图片的“懒加载”——通常是把图片的URL放在img元素的一个自定义属性中，然后用JS在适当的时机将URL赋值给src属性
35、报错：Unexpected token: name (raf) [。。。。。。。。。。。，一般是使用的插件中有ES6语法，而当前打包工具只能打包ES5的语法，解决方案：
修改 webpack.config.js 配置：https://www.cnblogs.com/ww03/p/vue-echarts.html
36、splice(index,len,[item])    注释：该方法会改变原始数组。splice有3个参数，它也可以用来替换/删除/添加数组内某一个或者几个值.
(index:数组开始下标[含当前元素]        len: 替换/删除的长度       item:替换的值，删除操作的话 item为空)
37、发现页面无法滑动，原因：有优先级更高德css样式控制：overflow:hidden; ，此时页面无法滑动、滚动。修改方法：在需要的页面增加控制：overflow:visible.
38、父元素使用tramsform的css样式控制的时候，子元素的position：fixed会失效。
39、手机app内部浏览器返回上一页的时候，重新加载页面，在浏览器内部会调用缓存数据，不会重新请求页面，页面不会重新刷新。解决方案：服务端下发给app的链接后方接上参数&cs=时间戳，或者&xx=随机数。链接改变时，端上会重新执行页面加载步骤，相当于刷新了页面。
40、Ios中使用input便签输入内容时，弹出软键盘会导致页面滑动，输入结束后，往往不会自动回到原来位置。解决方案：
window.addEventListener(‘focusout’, function () {
window.scrollTo(0,0);
})
，在页面mounted周期添加focusout时间监听，然后滚动到原来位置。
41、ios的H5页面使用input时，在修改input的value的值时，不会触发onfocus事件。解决方案：

43、var和let定义变量区别：var可以未定义先试用，值为undefined，let必须先定义在使用。Let 属于块级作用域变量，var属于全局作用域变量。ES6 明确规定，如果区块中存在let和const命令，这个区块对这些命令声明的变量，从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量，就会报错。
44、块级作用域的使用：JS6允许块级作用域的嵌套，内层块可以和外层块定义相同的变量名称，但是值不会发生传递，同时，外层块定义域无法取到内层变量值。ES5 规定，函数只能在顶层作用域和函数作用域之中声明，不能在块级作用域声明。ES6 引入了块级作用域，明确允许在块级作用域之中声明函数。ES6 规定，块级作用域之中，函数声明语句的行为类似于let，在块级作用域之外不可引用。ES6 的块级作用域必须有大括号，如果没有大括号，JavaScript 引擎就认为不存在块级作用域。
45、Common.js规范和AMD规范
CommonJS规范加载模块是同步的，也就是说，只有加载完成，才能执行后面的操作。AMD规范则是非同步加载模块，允许指定回调函数。由于Node.js主要用于服务器编程，模块文件一般都已经存在于本地硬盘，所以加载起来比较快，不用考虑非同步加载的方式，所以CommonJS规范比较适用。但是，如果是浏览器环境，要从服务器端加载模块，这时就必须采用非同步模式，因此浏览器端一般采用AMD规范。
Var exports = module.exports;给module添加输出接口，使得可以再输出前可以向exports对象添加方法。
根据参数的不同格式，require命令去不同路径寻找模块文件。
（1）如果参数字符串以“/”开头，则表示加载的是一个位于绝对路径的模块文件。比如，require(’/home/marco/foo.js’)将加载/home/marco/foo.js。
（2）如果参数字符串以“./”开头，则表示加载的是一个位于相对路径（跟当前执行脚本的位置相比）的模块文件。比如，require(’./circle’)将加载当前脚本同一目录的circle.js。
（3）如果参数字符串不以“./“或”/“开头，则表示加载的是一个默认提供的核心模块（位于Node的系统安装目录中），或者一个位于各级node_modules目录的已安装模块（全局安装或局部安装）。

36.eval()函数，eval函数只有一个参数，如果传入的参数不是一个字符串类型，则返回该参数，如果是一个字符串类型，则返回一个该字符串语句的代码，并执行该代码。比如：eval(111)，返回111，又如：eval(‘ar x=3; x++;’)，这时，如果console.log（x）,输入为4；可用于给一个对象动态添加动态名字的动态属性。
37.Delete用法 delete用于删除函数的属性，但不能删除通过var定义的变量，范围值为true或者false，表示删除成功或失败。比如：var l={x:1,y:2};delete l.x;返回，true，打印l输出{y:2}如果delete l则返回false。

小程序蓝牙
5、开启设备获取设备ID
6、开启服务获取服务ID
7、开启通信通道，获取特征值ID
8、发送数据要用byte数组转buffer类型

Jquery学习小记录
1、jQuery 入口函数:
$(document).ready(function(){
    // 执行代码});或者
$(function(){
    // 执行代码});
JavaScript 入口函数:
window.onload = function () {
// 执行代码}
jQuery 入口函数与 JavaScript 入口函数的区别：
 jQuery 的入口函数是在 html 所有标签(DOM)都加载之后，就会去执行。
 JavaScript 的 window.onload 事件是等到所有内容，包括外部图片之类的文件加载完后，才会执行。

3、事件集合（http://www.runoob.com/jquery/jquery-events.html）
双击：dblclick()当双击元素时，会发生 dblclick 事件。dblclick() 方法触发 dblclick 事件，或规定当发生 dblclick 事件时运行的函数：
实例
$(“p”).dblclick(function(){ $(this).hide(); });
鼠标放在元素上方：mouseenter()当鼠标移动到元素区间，会发生 mouseenter 事件。mouseenter() 方法触发 mouseenter 事件，或规定当发生 mouseenter 事件时运行的函数：
实例
$("#p1").mouseenter(function(){ alert(‘您的鼠标移到了 id=“p1” 的元素上!’); });
鼠标离开元素：mouseleave()当鼠标指针离开元素时，会发生 mouseleave 事件。mouseleave() 方法触发 mouseleave 事件，或规定当发生 mouseleave 事件时运行的函数：
实例
$("#p1").mouseleave(function(){ alert(“再见，您的鼠标离开了该段落。”); });