Potato项目文档（2）

来源：互联网发布：淘宝网李锦记生抽价格编辑：程序博客网时间：2024/05/21 03:26

- - Error
  - QA
  - 使用场景
  - 面试题2
  - 面试题2
  - HTML5技术家族

Error

Uncaught SyntaxError: Unexpected token var

缺少符号匹配导致的,比如{}不匹配

stackoverflow

    function foo() // 注意这边缺少了一个 { ,就会报错         console.log('foo');    }

Uncaught SyntaxError: Block-scoped declarations (let, const, function, class) not yet supported outside strict mode(…) segmentfault

块级作用域下的声明（let, const, function, class）等在严格模式下是不被支持的。
其实就是说ES6新语法在目前的环境下是不被支持的，可用一些工具对代码进行转化。
```
function foo() {'use strict';var sum = 0;for (let i=0; i<100; i++) {    sum += i;}alert(i);//Uncaught ReferenceError: i is not defined(…)alert(sum);}foo();
```

Uncaught RangeError: Maximum call stack size exceeded
at window.parseInt (:6:21)

var count = 0;var oldParseInt = parseInt;window.parseInt = function (){count +=1;return oldParseInt.apply(null,arguments);};parseInt('10');parseInt('20');count;

ReferenceError: collections is not defined

    /node_modules/mongodb/lib/mongodb/db.js:298          throw err;        ^    ReferenceError: collections is not defined

TypeError: Converting circular structure to JSON
javascript /node_modules/mongodb/lib/mongodb/db.js:298 throw err; ^ TypeError: Converting circular structure to JSON

QA

NodeJS怎么添加[全局变量]到[全局对象global]?
JavaScript中高级函数用参数接收函数,在Java中怎么使用类似的概念?
传递接口,使用接口里面方法代替函数参数
为什么 1234.toString() 报错,而 [1,2,3,4].reduce(function(x,y){return 10*x +y}).toString()就不报错呢?
CST和GMT

使用场景:

在Echart.js中填充数据:匿名函数立即执行获得函数返回值
返回sin(x)和cos(x)的值,或者是一组有规律的数组值
类型转换最佳实践
1. parseInt() 或者 parseFloat() ->number类型
2. String() 或者toString() -> string类型
3. 全局变量如果不存在,其实为undefined,也就是这个值不存在的意思
4. var foo ; 只是定义了一个变量,但是没有赋值,因此这个值也是undefined.
5. 检查全局变量是否存在也就是检查该全局变量的值是否为undefined,若是undefined类型,也就是说是不存在的,因此也就是说:typeof undefined; 的结果是undefined的
6. Boolean(0) ->false; 将0转换boolean类型; Boolean([]) 或者 Boolean([1,2,3]) -> true;Boolean(null) ->false;
1. if(null) -> if(false) 和 if(articles) -> if(true)
2. 在NodeJS读取Mysql或者MongoDB数据库的结果时候,将读取的整个结果作为一个数组进行返回;如果这个数据库中存在记录,则数组存在,也就是用if(数组)来进行判断未真;如果数据库中不存在记录,则返回结果未null
3. !null -> true, ![] -> false
数值判断的时候,把常量放在左边,因为 if(x=3) -> if(3) -> if(true) 而if(3=x)报错,因为不能给number赋值
HTML5最棒的一点是:客户端存储和缓存功能.否则怎么离线访问web
CSS结合HTML5使用:高级选择器,动画,阴影
||
javascript /* || 操作符号表示或者符号,当前面一个变量没有赋值,也就是undefined的时候,其值为false,采用后面一个值举例: var x = undefined || 12; //x = 12; var y = 12 || 13; // x= 13 var z = 0 || 13; // x=13; // 具体场景: res.status(err.status || 500); */

面试题2

@import和<link href="http//cdn.baidu.com/css/bootstrap.min.css" rel="stylesheet">中link的区别是什么?

<!doctype html> 这句话是什么意思?
1. doctype是document type(文档类型)的简称,意思这篇文档的类型是HTML文档,不是普通的TXT文档;
2. 几乎所有的浏览器都只在doctype中查找HTML,来确保在解析一个HTML文档.
3. 因为是HTML文档,才会把里面color=’red’显示为红色,否则只会显示文字color='red'
3. 而且这里表示的是这个HTML文档采用的是HTML5标准
5. 还可以告知浏览器其明确的标准是什么,防止浏览器乱猜

javascript /* || 操作符号表示或者符号,当前面一个变量没有赋值,也就是undefined的时候,其值为false,采用后面一个值举例: var x = undefined || 12; //x = 12; var y = 12 || 13; // x= 13 var z = 0 || 13; // x=13; // 具体场景: res.status(err.status || 500); */

面试题2

@import和<link href="http//cdn.baidu.com/css/bootstrap.min.css" rel="stylesheet">中link的区别是什么?

<!doctype html> 这句话是什么意思?
1. doctype是document type(文档类型)的简称,意思这篇文档的类型是HTML文档,不是普通的TXT文档;
2. 几乎所有的浏览器都只在doctype中查找HTML,来确保在解析一个HTML文档.
3. 因为是HTML文档,才会把里面color=’red’显示为红色,否则只会显示文字color='red'
3. 而且这里表示的是这个HTML文档采用的是HTML5标准
5. 还可以告知浏览器其明确的标准是什么,防止浏览器乱猜

HTML5技术家族

JavaScript API

套接字,Web工作线程

画布,拖放,地理定位,表单

视频,音频,表单

本地存储,离线存储,

浏览器加载页面时,会为文档创建一个内部模型,这个模型包含HTML标记的所有元素
5.1 对于HTML中的每一个元素,浏览器会创建一个表示该元素的对象,把这个对象与所有其他元素放在一个类似树的结构中
5.2 这个树称为DOM(Document Object Model 文档对象模型)
5.3 利用JavaScript通过DOM与页面进行交互

CSS3
高级选择器,动画,阴影

dede

0 0