跨域
jsonp
jsonp的原理就是动态滴创建script标签，将script标签的src的url中传入要发给其他域服务器的数据，和接收服务器返回数据的函数名字
iframe 缺点不利于seo
基于iframe实现的跨域要求两个域具有aa.xx.com,bb.xx.com这种特点，也就是两个页面必须属于一个基础域
ES6中fetch
fetch语法糖
fetch('/test/content.json', { // url: fetch事实标准中可以通过Request相关api进行设置
method: 'POST',
mode: 'same-origin', // same-origin|no-cors（默认）|cors
credentials: 'include', // omit（默认，不带cookie）|same-origin(同源带cookie)|include(总是带cookie)
headers: { // headers: fetch事实标准中可以通过Header相关api进行设置
'Content-Type': 'application/x-www-form-urlencoded' // default: 'application/json'
},
body: 'a=1&b=2' // body: fetch事实标准中可以通过Body相关api进行设置
}).then(function(res){ res: fetch事实标准中可以通过Response相关api进行设置
return res.json();
}).then(function(data){
console.log(data);
}).catch(function(error){
});
字符串截取
- substring()
- 功能：字符串截取，比如想从"MinidxSearchEngine”中得到"Minidx”就要用到substring(0,6)
- 语法
- stringObject.substring(start,stop)
- substring 方法返回的子串包括 start 处的字符，但不包括 end 处的字符。
- 如果 start 与 end 相等，那么该方法返回的就是一个空串（即长度为 0 的字符串）。
- 如果 start 比 end 大，那么该方法在提取子串之前会先交换这两个参数。
- 如果 start 或 end 为负数，那么它将被替换为 0。
- substr 方法
- stringObject.substr(start [, length ])
- 参数 描述
- start 必需。所需的子字符串的起始位置。字符串中的第一个字符的索引为 0。
- length 可选。在返回的子字符串中应包括的字符个数。
angular双向绑定
- angular并不存在定时脏检测。
- angular对常用的dom事件，xhr事件等做了封装， 在里面触发进入angular的digest流程。
- 在digest流程里面， 会从rootscope开始遍历， 检查所有的watcher。
- 谈起angular的脏检查机制(dirty-checking), 常见的误解就是认为： ng是定时轮询去检查model是否变更。
- 其实，ng只有在指定事件触发后，才进入$digest cycle：DOM事件，
- 譬如用户输入文本，点击按钮等。(ng-click)
- XHR响应事件 ($http)
- 浏览器Location变更事件($location)
- Timer事件($timeout, $interval)
- 执行$digest()或$apply()
angular与vue的区别
- angular用的是脏检查，为每一个数据设置watch，数据改动就更新。
- vue用的是双重绑定
- CMD VS AMD
- CMD与AMD都是为了javascript 组件化开发 AMD是requireJS CMD是Seajs
- AMD是提前执行 不过requireJS从2.0开始也成为了延迟执行 CMD是延迟执行
display的全部属性
- inline inline-block block none flex table-sell table
img为行内替换元素 所以可以设置宽高
input框disabled之后如何获取value值
- 在做网站管理后台的用户修改功能时，由于当前用户修改个人信息时规定用户名不能修改，故使用了input标签的disabled属性，但是在提交数据后却发现用户名显示为空了。后来一查才知道input设置为disabled值时会有下面的限制：
- 1、不能接收焦点；
- 2、使用tab键时将被跳过；
- 3、可能不是successful的。
- 解决方法是：可以使用readonly=”readonly”属性代替即可，而input设置为readonly属性也有一些限制：
- 1、可以接收焦点，但不能被修改；
- 2、可以使用tab键进行导航；
- 3、可能是successful的。
找Bug 用过firebug或者开发人员工具F12
如何解决移动端页面抖动
-webkit-backface-visibility: hidden 页面抖动
Less 特点
- 变量
- 混合
- 嵌套规则
- 运算
- 函数
- 作用域
- 命名空间
- 注释
- 导入 import
Less原理
- CSS预解析
- 为css样式生成工具
gulp作用
- Sass、Less编译
- CSS JS 图片压缩
- CSS JS合并
- CSS JS 内联
- 自动刷新
- 雪碧图
- ESLint
