前端学习(三十)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
转载于:https://www.cnblogs.com/wxiaoyu/p/9579440.html
前端学习(三十)es6的一些问题(笔记)相关推荐
- 推荐系统遇上深度学习(三十九)-推荐系统中召回策略演进!
推荐系统中的核心是从海量的商品库挑选合适商品最终展示给用户.由于商品库数量巨大,因此常见的推荐系统一般分为两个阶段,即召回阶段和排序阶段.召回阶段主要是从全量的商品库中得到用户可能感兴趣的一小部分候选 ...
- 深度学习三十年创新路
深度学习三十年创新路 编者注:深度学习火了,从任何意义上,大家谈论它的热衷程度,都超乎想象.但是,似乎很少有人提出不同的声音,说深度学习的火热,有可能是过度的繁荣,乃至不理性的盲从.而这次,有不同的想 ...
- Linux的冒号和波浪号用法,shell 学习三十五天---波浪号展开与通配符
shell 学习三十五天---波浪号展开与通配符 shell 中两种与文件名相关的展开.第一种是波浪号展开,第二种是通配符展开式. 波浪号展开 如果命令行字符串的第一个字符为波浪号(~),或者变量指定 ...
- 前端学习——这十本书一定要看
为大家推荐十本前端开发相关的书籍,个人认为每本都很经典,希望大家能有所收获~ 鲁迅曾说过--"每18个月,前端技术的难度就会增加一倍" 但是即使前端技术飞速发展,下面这十本书却从来 ...
- web前端学习第十四~十八天
这五天学习了如何布置一个电商的平台,花了一些时间,前面在磋磨的怎么布局,后面顺手就快了点,但还是花了很多时间. 项目的注意事项: 项目准备好目录文件,样式与结构相分离. 产品的图片,项目的固定的图片, ...
- threejs添加立方体_前端图形学(三十)——从源码去看threejs中的光照模型
欢迎来到[畅哥聊技术]前端图形学相关技术文章,更多精彩内容持续更新中,敬请关注. 上章节回顾 熟悉了threejs中内置的几何图形的渲染原理就是通过顶点渲染 传入自定义顶点渲染自定义的几何图形 本章目 ...
- 【深度学习】深度学习三十问!一位算法工程师经历30+场CV面试后总结的常见问题合集(含答案)...
作者丨灯会 来源丨极市平台 编辑丨极市平台 导读 作者灯会为21届中部985研究生,凭借自己整理的面经,去年在腾讯优图暑期实习,七月份将入职百度cv算法工程师.在去年灰飞烟灭的算法求职季中,经过30+ ...
- Java多线程学习三十八:你知道什么是 CAS 吗
CAS 简介 CAS 其实是我们面试中的常客,因为它是原子类的底层原理,同时也是乐观锁的原理,所以当你去面试的时候,经常会遇到这样的问题"你知道哪些类型的锁"?你可能会回答&quo ...
- Java多线程学习三十四:使用 Future 有哪些注意点?Future 产生新的线程了吗
Future 的注意点 1. 当 for 循环批量获取 Future 的结果时容易 block,get 方法调用时应使用 timeout 限制 对于 Future 而言,第一个注意点就是,当 for ...
最新文章
- 《移动应用开发》实验报告——疫情地图
- 服务器存储系统技术方案,服务器存储技术方案.pdf
- 欲取代硬盘?SSD固态存储器前景分析
- forward计算机语言,const_forward在C中的可选实现中做了什么?
- esp8266控制ws2812b
- python scipy.signal 包络_python scipy signal.freqz用法及代码示例
- 河南自考本科英语可用计算机代替,河南自考选考2至3门专业课可代替英语课程...
- 一步一步SharePoint 2007之十九:解决实现注册用户后,自动具备访问网站的权限的问题(1)——配置Provider...
- 愤怒!竟然还有学校还在教 Java 的 Swing
- 关于计算机网络ppt背景图片,windows10设置幻灯片播放式背景桌面图文教程
- 如何使用思维导图做计划?这样绘制思维导图的方法你使用过吗?
- 宏基(Acer)笔记本(5583)拆机清洗风扇
- 74HC148引脚图及功能
- mysql加密函数password
- 仿站后台路径怎么查找?
- 新一代DirectX10前瞻
- C51串口的SCON寄存器及工作方式
- 安卓开发 异常处理 	Invalid VCS root mapping The directory
- 2022年一级建造师建设工程项目管理考试模拟试题卷及答案
- 红魔系统更新服务器,红魔系统升级,操作和外观视觉大提升 网友:非常炫酷...
热门文章
- 框架连接Oracle报502,GitHub - jas502n/oracleShell: oracle 数据库命令执行
- 推特如何解除敏感内容限制
- Flutter Widget如何自定义Controller
- Excel自动化程序发生“Micosoft Excel已停止工作”的问题解决
- 【DBN分类】基于matlab麻雀算法优化深度置信网络SSA-DBN数据分类【含Matlab源码 2318期】
- java字符串截取遇到的字符,java 截取字符串遇到的有关问题
- 图解串行、并行和异步
- c:target标签的使用_使用:target的响应式定价表,用于小屏幕
- 干货:VR全景入门教程
- 光伏逆变器行业研究及十四五规划分析报告