前端学习(三十)es6的一些问题(笔记)
赋值表达式
document.onclick = document.onmouseover = fn;
var a = b = c = d = 5; 不推荐
逗号表达式
var a = 5,
b = 3,
c = 2;
听逗号最后一个
if(0,1){ if(1,0)
true √ true
}else{ else
false false √
}
alert('a','b'); 'a'
alert(('a','b')); 'b'
num = 12,5; 12
逗号的优先级很低
numu = (12,5); 5
预解析
会把所有声明提到顶部
预解析不会突破script标签
预解析不会突破作用域
函数也有预解析
变量赋值形式的函数,按照变量的预解析走
script执行步骤:
读取一个script标签->预解析->执行->读取下一个script标签
==============================================================
this的问题
方法属于谁this就是谁
function show(){
alert(this); window
}
show();
show属于window的
document.onclick = function(){
alert(this); document
};
function属于document的
document.onclick = function(){
function show(){
alert(this);
}
show();
};
show谁也不属于,应该弹undefined。但是弹window。
=============================================================
属于js的bug
作者造成的。
作者也知道有这些bug。
严格模式
'use strict';
必须放在第一行,上面什么都不能有
解决了哪些问题?
1.this的问题
2.不允许不加var声明变量
3.不允许连等声明变量
4.干掉with
是好东西。
不兼容IE低版本。
自己写得js文件都要加严格模式
==========================================================
作者?
布兰登·艾克
作者为什么弄出这个bug?
===========================================================
ajax交互
ajax不能跨域
跨域:
www.a.com
www.b.com
为什么需要跨域?
1.第三方验证
2.多个项目
======================================================
jsonp json with padding
跨域交互
必须有jsonp的接口
百度下拉的接口
https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=a&cb=show
wd word 关键词
cb callback 回调函数的名字
$.ajax({
url:'',
data:{
wd:''
},
dataType:'jsonp',
jsonp:'回调参数名'
});
玩jsonp:
1.先有接口
2.测试接口
直接写在地址栏
3.
$.ajax({
url:'百度的接口地址',
dataType:'jsonp',
data:{
wd:'关键词'
},
jsonp:'cb'
}).then((res)=>{
成功
res.s
},(err)=>{
失败
});
搜索
https://www.baidu.com/s?wd=关键词
window.open('url','_self');
Jsonp核心原理
利用script跨域加载脚本,执行回调函数
Ajax核心原理
使用XMLHttpRequest对象
1.ajax如何跨域?
jsonp
2.jsonp为什么不是ajax?
因为没用XMLHttpRequest
360搜索
https://sug.so.360.cn/suggest?callback=show&word=a
google
https://www.google.com.hk/complete/search?client=hp&hl=zh-CN&gs_rn=64&gs_ri=hp&cp=1&gs_id=uc&q=a&xhr=t
bing
http://cn.bing.com/AS/Suggestions?pt=page.home&mkt=zh-cn&qry=a&cp=1&cvid=A2306BB1EE354A81BB7DDBDF96BB8395
sogou
https://www.sogou.com/suggnew/ajajjson?key=aa&type=web
window.sogou.sug(["aa",["aaa","aape","aabc的四字词语大全","a爱奇艺会员","aabb","aabc","aa655","阿安卡盟","aaa云","aabc形式的词语"],["0;0;0;0","1;0;0;0","2;0;0;0","3;0;0;0","4;0;0;0","5;0;0;0","6;0;0;0","7;0;0;0","8;0;0;0","9;0;0;0"],["","","","","","","","","",""],["0"],"","suglabId_1"],-1);
数据网站
https://bird.ioliu.cn/
==================================================
移动端
轮播图插件
swiper
官网:http://www.swiper.com.cn/
只需要布局就行
滚屏插件
iscroll
官网:http://cubiq.org/iscroll-5
===================================================
swiper 无缝轮播图
===================================================
题:
function show(b){
alert(a);
var a = b;
alert(a);
}
var a = function (num){
return show(num);
}
alert(a(12));
undefined 12 unefined
前端学习(三十)es6的一些问题(笔记)的更多相关文章
- 前端学习(三十六)promise(笔记)
一个页面: 头部.用户信息.新闻列表 jquery ajax: 1.$.ajax({ url:'', dataType:'json', }).then(res=>{ //r ...
- 前端学习(三十八)vue(笔记)
Angular+Vue+React Vue性能最好,Vue最轻=======================================================Angular ...
- 前端学习(三十五)模块化es6(笔记)
RequireJs:一.安装.下载 官网: requirejs.org Npm: npm i requirejs二.使用 以前的开发方式的问题: 1).js 是阻塞加 ...
- 前端学习(三十四)对象&模块化(笔记)
人,工人 //类的定义 function Person(name,age){ //构造函数 //工厂模式 //1.原料 //var obj = new ...
- 前端学习(三十九)移动端app(笔记)
移动端App 开发App的三种方式 Native App 原生 底层语言 java Android oc ...
- 前端学习(二十九)nodejs(笔记)
后台语言 java php .Net python Node.js------------------------------------------------- ...
- 前端学习(二十二)css3(笔记)
html5 普通: header section footer nav article aside figure 特殊: canvas video audio ...
- 前端学习(二十)jquery属性(笔记)
jq里面操作属性的方法: 设置属性: 设置一个: $(this).attr('src','img/pic2.jpg'); 设置一组: ...
- Salesforce LWC学习(三十九) lwc下quick action的recordId的问题和解决方案
本篇参考: https://developer.salesforce.com/docs/component-library/bundle/force:hasRecordId/documentation ...
随机推荐
- java8 Stream2
new Thread(() -> System.out.println("lambda表达式,取代匿名函数......")).start(); Stream.of(" ...
- python基础知识1
1.何为json? json 是一种轻量级的数据交换格式,采用完全独立于编程语言的文本格式来存储和表示数据.简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言. 易于人阅读和编写,同时也易于机 ...
- c++使用boost库遍历文件夹
1.只在当前目录下遍历 #include <boost/filesystem.hpp> string targetPath="/home/test/target"; b ...
- 提高wifi速度的设置办法
系列的提高wifi速度的设置办法 在DNS一栏有你们家的地址,在你们家的地址前输入“114.114.114.114”并以“,”结尾(注意:要用英文输入法哦.) 设置完后点击左上角的“无线局域网”回到初 ...
- Linux基础优化(二)
Linux基础优化(二) 一操作系统字符优化 避免出现中文乱码,UTF-8支持中文GBK-Xx支持中文 (一)查看默认编码 [root@centos7 ~]# echo $LANG en_US.UTF ...
- php nl2br()函数 语法
php nl2br()函数 语法 作用:在字符串中的新行(\n)之前插入换行符dd马达 语法:nl2br(string,xhtml) 参数: 参数 描述 string 必须.规定要检查的字符串. xh ...
- 【Dart学习】--之Runes与Symbols相关方法总结
一,Runes 在Dart中,Runes代表字符串的UTF-32字符集, 另一种Strings Unicode为每一个字符.标点符号.表情符号等都定义了 一个唯一的数值 由于Dart字符串是UTF-1 ...
- 六、unique_lock
一.unique_lock取代lock_guard 是个类模板,一般用lock_guard,unique_guard更灵活,效率差一点,内存占用多了一点. 二.unique_lock 的第二个参数 1 ...
- NOIP 历年试题大致考点总结
总的来说,水平还不够-- 要努力了! NOIP2012 D1T1 模拟, 字符串 D1T2 贪心, 数学 (推导贪心策略), 高精度 D1T3 unsolved 开车旅行 倍增 D2T1 解线性模方程 ...
- nlp学习笔记
https://mp.weixin.qq.com/s/-w4gENfBt2gKOPvghenw9w