notes from 2017/10/02 jp

クロージャ closure: function inner closes over var x.//関数インナーのことを「closure」と呼ぶのだと思うのです。

FrontEnd

Come From 如何面试web前端开发工程师

Knowledge

• 三万字，100张图，1个小时，带你整体了解 vue 前端架构

前后端分离是这样的：

Web History

Static HTML > CGI(1998 Google) > ASP/JSP + AJAX (Google Suggest 2005) > SPA > NODE(FrontEnd MVC/MVVM)

BASEMENT

应该独立掌握的知识

• DOM结构--两个节点之间可能存在哪些关系以及如何在节点之间任意移动
• DOM操作--怎样添加、移除、移动、复制、创建和查找节点
• 事件--怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别
• XTMLHttpRequest--这是什么、怎样完整的执行一次GET请求、怎样检测错误
• 严格模式与混杂模式--如何触发这两种模式，区分它们有何意义
• 盒模型--外边距、内边距和边框之间的关系，IE8以下版本的浏览器中的盒模型有什么不同。
• 块级元素与行内元素--怎么CSS控制它们、它们怎样影响周围的元素以及你觉得应该如何定义它们的样式。
• 浮动元素--怎么使用、有什么问题以及解决办法。
• HTML与XHTML--二者区别，应该使用哪个。
• JSON--为什么使用它，怎么使用。

ANSWER

W3C ： /document-node/element-node/text-node/attribute-node/note-node

• 父子节点，兄弟节点，后代节点，祖先节点
• #add# appendChild(node),insertBefore()| #delete# removeChild(node) | #search&move# parentNode firstChild children appendChild（node） | #clone# cloneNode(include_all)

前端知识点

前端知识点

Clear float: after+zoom / box-sizing / Doctype copatibility-mode / HTML5 not based on SGML·Compatibility / Browser kernal / HTMLsemantcis

单页应用核心知识

路由：页面跳转与模块关系 / 数据：获取与鉴权（token） / 数据展示：模板引擎 / 交互：事件与状态管理

理解Promise简单实现的背后原理

异步交互 / Promise / Evented I/O

What is a Polyfill?

A shim that mimics a future API providing fallback functionality to older browsers.

Javascript在在

webpack-gulp-demo时碰到了sourcemap的概念