Hướng dẫn is javascript the definitive guide good for beginners? - javascript có phải là hướng dẫn cuối cùng tốt cho người mới bắt đầu không?

Về mặt tích cực, nó là toàn diện, có hệ thống, rõ ràng và nói chung được viết tốt. Tôi ngạc nhiên về mức độ thường xuyên của các cuốn sách kinh điển về ngôn ngữ lập trình được nhồi nhét các lỗi cơ bản, chẳng hạn như thông tin giả định mà họ chưa giải thích, không bình luận mẫu mã hoặc đưa ra nhiều khái niệm cùng một lúc. Tập này không có lỗi như vậy.

Trên n

Về mặt tiêu cực, nó có hệ thống và nhất quán với một lỗi, luôn hoạt động một cách có phương pháp từ các khái niệm cơ bản cho đến các ý tưởng cấp cao hơn. Đây là một phù hợp tốt với phạm vi toàn diện của nó, nhưng nó có chi phí đáng kể. Nói về mặt sư phạm, cách tốt nhất để giới thiệu một ý tưởng mới thường là đưa ra các ví dụ thực tế và đi qua chúng. Trong một số chương, phải mất nhiều trang để đi đến minh họa cụ thể đầu tiên của bất kỳ mã thực tế nào - đặc biệt, tôi nghĩ về chương quan trọng và rất dài về lập trình khách hàng.

Tôi thấy rằng sự tuân thủ thống nhất của tác giả với một giải trình có hệ thống thường khiến các ý tưởng trở nên khó khăn hơn để đồng hóa, và đôi khi tôi phải đặt cuốn sách xuống và đi đến các hướng dẫn khác để giới thiệu về các ý tưởng đã trả lời ngay lập tức các câu hỏi chính của tôi. Theo quan điểm của tôi, tất cả các tài liệu kỹ thuật nào nên bắt đầu bằng cách trả lời các câu hỏi "nó là gì?" và nó làm gì?"

Nó đã giành được biệt danh: El Rhino Diablo!

---- được cập nhật cho phiên bản thứ sáu ----

Tôi tiếp tục giữ cuốn sách này trong sự tôn trọng cao, và phiên bản thứ sáu là một cải tiến lớn so với phiên bản cũ mà tôi có. Bạn có thể nói rằng Flanagan đã đặt rất nhiều công việc chu đáo vào việc viết lại. Nếu được yêu cầu lựa chọn giữa JavaScript chuyên nghiệp này và JavaScript chuyên nghiệp của Zakas cho các nhà phát triển web (tái bản lần 3) ... Tôi không biết nếu tôi có thể. Cả hai đều kỹ lưỡng, cả hai đều là toàn diện ... Zakas có thể dễ tiêu hóa hơn, tôi nghĩ; Nhưng Flanagan cũng cung cấp hướng dẫn tham khảo API thực sự tốt đẹp này ở nửa dưới của cuốn sách. Ném lên ... có nhiều điều để đánh giá cao ở đây, và hầu hết mọi câu hỏi JavaScript bạn có thể có câu trả lời giữa các bìa này.

Phần JavaScript cốt lõi là toàn diện nhưng hơi nhàm chán, nhưng vấn đề là do ngôn ngữ, không phải cuốn sách. Vì JavaScript là một ngôn ngữ xấu, bất kỳ tác giả nào khác cũng không thể làm tốt hơn nhiều.

Trong phần phía máy khách, một số chủ đề (cửa sổ, DOM, CSS, sự kiện) được giải thích rất tốt; Một số người khác (Ajax, JQuery, SVG, HTML5) là nông.

Hai phần tham chiếu không quá cần thiết, bởi vì các tài liệu tham khảo trực tuyến có thể phục vụ tốt hơn.

Tôi hơi bối rối

Tôi hơi bối rối bởi tiếng Anh của tác giả. Ví dụ, tại sao các tiêu đề của Chương 15 và 16 kịch bản AAA và kịch bản BBB, nhưng các tiêu đề của Chương 18 và 21 đã viết kịch bản xxx và kịch bản yyy? Đôi khi Ecmascript 5 được gọi là ES5, một số lần khác được đánh vần với tên đầy đủ. Sự nhất quán là một vấn đề.

Bố cục của cuốn sách cũng không hoàn hảo. Hộp chéo là xấu xí. Có số phụ mồ côi. Ví dụ, chỉ có 10.1.3.1 theo 10.1.3.

Hướng dẫn không có chi tiết về chi tiết JS khá nhiều, nó không nhận được nhiều gợi ý về các tính năng của JS để tránh hoặc bất cứ điều gì giống như vậy, mục đích là khám phá độ rộng và độ sâu hoàn chỉnh của ngôn ngữ có sẵn cho bạn (cho đến khi ES5). Tôi không nghĩ rằng đó là một hướng dẫn học tập để hoàn thành người mới bắt đầu, chẳng hạn, không giống như JavaScript hùng hồn của Marijn Haverbeke.

Tôi cảm thấy cuốn sách nên đề cập đến vòng lặp sự kiện cơ bản để hiểu hoàn toàn tội lỗi của JavaScript

Tôi cảm thấy cuốn sách nên đề cập đến vòng lặp sự kiện cơ bản để hiểu hoàn toàn việc thực hiện và xử lý sự kiện duy nhất của JavaScript.

Tôi thích kịch bản, phong cách thông minh được sử dụng trên các mẫu mã kéo dài bản chất năng động của ngôn ngữ, chúng chỉ giữ cho cuốn sách thú vị.

Statements/Expressions

Ghi chú
- Exponential notation: 3e3 = 3 * (10^3), 3e-3 = 3 * (10^-3).
- Underflow: when the result of an operation returns a value closer to zero than the smallest representable number.
* Result is 0 unless it happens from a negative number, when result is -0 like -Number.MIN_VALUE/2 or -1/INFINITY.
- Division by zero = NaN.
- Number.MAX_VALUE + 1 = Number.POSITIVE_INFINITY.
- NaN is the only value not equal to itself.
- -0 == 0 but 1/-0 != 1/0 (cause INFINITY != -INFINITY).
- Manipulate monetary values as integer cents to avoid rounding issues.
- JS uses UTF-16 for encoding strings.
- Strings are sequences of 16-bit values, some unicode chars whose code points don't fit, are stored using two 16-bit values known as a surrogate pair.
* String manipulation methods aren't aware of surrogate pairs.
- Using . or [] to access props on null or undefined causes a TypeError.
- Strings are converted to objects (new String(val)) when accessing its properties, once properties are resolved, the object is discarded, same of Number() and Boolean().
- When comparing objects: object to string conversions use toString() then valueOf, object to number is the opposite, trying the second property method if the first doesn't return a primitive value and then converting to a string or number respectively.
- The ==, != and + operators use a special object to primitive conversion, valueOf() first and then toString(), for Dates is the opposite, using the result directly without forcing it to a number or string.
- <, -, and other operators, same as above without the Date special case.
- An expression is evaluated to produce some value.
- A statement is executed to make something happen.
* Statements are formed by combining expressions.
- Labeled statements have local scope, so they're only visible to inner continue and break statements.
- Labeled statements and variables have different namespaces, which means they can use the same identifiers.
- If a finally block throws an exception, that one overrides any other exception thrown in the try block.
* If it issues a return, it returns normally even if there are still not handled exceptions.
- toLocaleString() returns a localised version.
- Assignments return the value just assigned: (t = typeof o) !== "object").

- Tên biến không thể bắt đầu với các số để nhận ra số nhanh hơn. Trả về một giá trị gần hơn với 0 so với số đại diện nhỏ nhất.* Kết quả là 0 trừ khi nó xảy ra từ số âm, khi kết quả là -0 giống như -number.min_value/2 hoặc -1/infinity.- Division theo 0 = nan.- Number.max_value + 1 = number.positive_infinity.- nan là giá trị duy nhất không bằng chính nó.- -0 == 0 nhưng 1/-0! = 1/0 (Nguyên nhân vô cực! = -Infinity) .- Thao tác giá trị tiền tệ Vì số lượng số nguyên để tránh các vấn đề làm tròn. cặp thay thế.* Phương pháp thao tác chuỗi không biết về các cặp thay thế .- Sử dụng. hoặc [] Để truy cập đạo cụ trên NULL hoặc không xác định gây ra một kiểu mẫu. ). - Các toán tử ==,!

Các đối tượng
- Object.create(MyObject) is the same as "new MyObject()", it creates a new object and assigns the prototype of the passed in constructor as its prototype.
- If constructors functions return a primitive value, it is discarded and an object is returned.
- Object.defineProperties() creates configurable properties.
- Data properties: the normal ones.
- Accessor properties: props with getters and/or setters.
- Object.getOwnPropertyDescriptor() gets the configuration object.
- toString() returns the class of an object: "[object Regexp]".
- Calling JSON.stringify() calls the method toJSON() if present on an object.
- Object.preventExtensions(): new props cannot be added, check with Object.isExtensible().
- Object.seal(): no props can be added, deleted or configured, existing ones are writable, check with Object.isSealed().
- Object.freeze(): all of the above plus readonly existing own data properties but accessor properties can still be modified, check with Object.isFrozen().
* They all return the object they are passed in Object.seal(), etc).

Mảng

- var arr = new Array (10) tạo ra một mảng thưa thớt bằng cách chỉ cần đặt độ dài prop, các phần tử không được xác định, chúng không tồn tại như vậy arr [1]! == không xác định.* Xóa ARR Mảng, loại bỏ phần tử mà không thay đổi độ dài.*! (INDEX trong ARR) Kiểm tra các phần tử không tồn tại trên các mảng thưa độ dài prop của chúng khi thêm/loại bỏ các phần tử, độ dài luôn bằng với mảng tối đa chỉ số + một, cài đặt chiều dài thành một giá trị nhỏ hơn sẽ loại bỏ các phần tử, đặt nó thành giá trị vắt tạo ra một mảng thưa thớt.- mảng.isarray () () === "[Mảng đối tượng]".
* delete arr[1] creates a sparse array, removes the element without changing the length.
* !(index in arr) checks for non-existing elements on sparse arrays.
- Array-like objects: have indexed props and a length prop.
* Arrays on top of that: always update their length prop when adding/removing elements, length is always equals array max index + one, setting length to a smaller value removes elements, setting it to a grater value creates a sparse array.
- Array.isArray() just does arr.toString() === "[object Array]".

Chức năng

- Gọi các chức năng như các hàm trên chế độ không nghiêm ngặt:* Sử dụng phạm vi toàn cầu làm bối cảnh gọi hoặc nếu không xác định .- Gọi chúng trên chế độ nghiêm ngặt:* Bối cảnh gọi mặc định thành không xác định. Object () .- variadic/varargs: hàm với arity không xác định (nhiều đối số) .- Hãy nhớ rằng bạn có thể sử dụng các đạo cụ/phương thức tĩnh trên các hàm các chức năng với hàm tạo hàm () Chức năng biến W. Tôi thất bại.
* uses the global scope as the invocation context or if null/undefined is passed to bind, call, apply.
* converts primitive values to their object representation if passed to bind, call, apply.
- Calling them on strict mode:
* defaults invocation context to undefined.
* uses null/undefined and don't convert primitives to objects on bind, call, apply.
- Parenthesis are optional for constructors without arguments: new Object === new Object().
- Variadic/varargs: function with indefinite arity (multiple arguments).
- Remember you can use static props/methods on functions.
- toString() normally returns a string representation of the function including the body.
- You can create functions with the The Function() constructor.
* They don't use lexical scoping, meaning they don't create closures around their parent function and always compile as if they were top-level functions declared in the global scope, so references to parent functions variables will fail.

Các lớp học và mô -đun

- Các chức năng có được một nguyên mẫu với một thuộc tính không thể sử dụng được: hàm tạo. Hàm tạo chúng. = ...) .- InstanceOf trả về đúng nếu hàm là một phần của chuỗi nguyên mẫu của đối tượng. Phiên bản của các đối tượng, tức là không phải là cùng một đối tượng. để tạo ra lợi ích Ng liệt kê các loại.
- For all functions fn the prototype constructor points back to them: fn.prototype.constructor === fn.
* So objects created by these functions inherit a constructor which points back to the function that created them.
- Instance fields: are created inside the function (this.val = some_argument).
- Inherited fields/methods: are added to the prototype.
- Static fields/methods: are added to the function (myFn.staticMethod = ...).
- instanceOf returns true if the function is part of the object's prototype chain.
* One shortcoming is that it won't work if there are multiple execution contexts like different iframes on a browser cause each frame will have their own version of the objects, i.e. not the same objects.
* So maybe using myObject.toString() which returns "[object myClass]" is more reliable than instanceOf or checking equality agains the constructor function.
* Combine toString() and valueOf() to create interesting enumerated types.

Biểu cảm thường xuyên

- [\ b] một backspace theo nghĩa đen.- \ b là một ranh giới từ.- [^...] bất kỳ char nào không giữa các dấu ngoặc.- (...) ?: ...) Chỉ nhóm mà không bắt được.- (? search () giống như indexof () nhưng với regex.- string.split () chấp nhận regex.- /.../. EXEC () giữ trạng thái và cập nhật một prop LastIndex mỗi lần được gọi, hãy đặt lại prop thành 0 để bắt đầu từ đầu.
- \b is a word boundary.
- [^...] any char not between the brackets.
- (...) capturing group.
- \n refer to capturing groups.
- (?: ...) group only without capturing.
- (?=p) positive lookahead, require that following characters match "p" but don't include them in the match.
- (?!p) negative lookahead.
- string.search() same as indexOf() but with regex.
- string.split() accepts regex.
- /.../.exec() keeps state and updates a lastIndex prop every time is called, reset the prop to 0 to start from the beginning.

Các tập hợp và phần mở rộng của JS

- Mô tả JS phần tốt- thật thú vị khi cuốn sách 7-8 tuổi này mô tả ES6, 7 tính năng như: chi phí, cho phép, phá hủy, iterators, máy phát điện. Như đã được đưa vào động cơ Spidermonkey JS của Mozilla .- Rhino là một triển khai JS được viết trên Java, nó cho phép truy cập vào API Java trong JS.
- It's interesting how this 7-8 year old book is describing ES6, 7 features like: cost, let, destructuring, iterators, generators. As being already included in Mozilla's SpiderMonkey JS engine.
- Rhino is a JS implementation written on Java, it allows access to Java APIs in JS.

JS phía khách hàng

- Bạn có thể nhúng JS vào một trang bằng thẻ tập lệnh, Trình xử lý sự kiện HTML, JavaScript: URLS.- .- Sử dụng loại tùy ý = "" .- Bảo mật* Mở Windows mới chỉ có thể xảy ra trong hầu hết các trường hợp để đáp ứng với đầu vào của người dùng như nhấp chuột.* JS có thể đóng Windows, nó đã tự mở nhưng không phải là người khác mà không có xác nhận người dùng.* Origin được định nghĩa là giao thức, máy chủ và cổng của tài liệu. B, tập lệnh đó có quyền truy cập đầy đủ vào tài liệu B (người đã tải nó) và không ghi lại A (người lưu trữ nó). Bạn có thể nới lỏng chính sách đồng nghĩa bằng cách đặt prop miền của tài liệu thành một cái gì đó như SI TE.com thay vì Subsomain.site.com, cho tất cả các tài liệu/cửa sổ bạn cần (ví dụ: ifRames).* có thể sử dụng phương thức postMessage () trên cửa sổ để giao tiếp giữa các fames.* Truy cập kiểm soát- có nguồn gốc cho phép để thư giãn chính sách có nguồn gốc.
- .
- Use arbitrary type="" attributes in script tags to embed content, browsers won't attempt to parse tags with not recognised types.
- Security
* Opening new windows can only happen in most cases in response to user input like click.
* JS code can close windows it opened itself but not others without user confirmation.
* The value prop of FileUpload elements cannot be set.
* Same origin is defined as the protocol, host and port of a document.
* Same origin applies for the origin of the document where the script is loaded and not the src attr of the script itself, i.e. if a host A includes a script hosted by host B, that script has full access to document B (the one who loaded it) and not document A (the one who hosts it).
* It's the reason you can load scripts hosted by, let's say, a CDN into your page.
* You can relax the same-origin policy by setting the domain prop of the Document to something like site.com rather than subdomain.site.com, for all documents/windows you need (e.g. iframes).
* Can use the postMessage() method on window to communicate between fames.
* Access-Control- Allow-Origin for relaxing same-origin policy.

Đối tượng cửa sổ

- window.location === Document.location- document.url là URL của tài liệu khi được tải lần đầu tiên, không bao gồm các thay đổi băm.- Decodeuricomponent () để giải mã chuỗi truy vấn hoặc các phần URL khác.- vị trí.assign (). một trang cụ thể, .replace () thay thế mục nhập lịch sử trình duyệt. ABC = 123 ".- Lịch sử.back (), .forward (), .go () .- Bạn có thể truy cập kích thước lịch sử (lịch sử.length) nhưng không phải là URL thực tế. ) Trên iframe có thể là một cách lưu trạng thái lịch sử trên spa mà không sửa đổi tài liệu thực tế.- Screen.availeHeight và Width có kích thước có sẵn, không bao gồm thanh tác vụ, v.v. ) => {} Để nắm bắt các lỗi chưa được xử lý, giữ từ khi JS không bao gồm thử/bắt, phải trả về đúng/sai để xử lý tín hiệu, nếu không thì lỗi sẽ đến bảng điều khiển. objec toàn cầu t Nếu không có biến hoặc biến toàn cầu có cùng tên, tương tự đối với tên attr trên các phần tử hỗ trợ nó (mẫu, mẫu trường, IMG, iframe), nắm giữ từ những ngày đầu tiên. bởi họ (theo cùng một chính sách gốc).* window.open (). Trình mở chứa bộ mở nếu được mở bởi .open (). khung.f1 / window.f1 / window [1] .- Những gì chúng ta gọi là cửa sổ thực sự là một windowproxy đề cập đến đối tượng cửa sổ thực.
- document.URL is the url of the document when it first loaded, not including hash changes.
- decodeURIComponent() to decode query strings or other URL parts.
- location.assign() loads a specific page, .replace() replaces the browser history entry.
- Cause page updates:
* location = "next-page.com" (relative or absolute).
* location = "#top".
* location.search = "?abc=123".
- history.back(), .forward(), .go().
- You can access the history size (history.length) but not the actual URLs.
- Using .open() and .write() on an iframe can be a way of saving history state on SPA's without modifying the actual document.
- screen.availHeight and width have the available size, not including the task bar, etc.
- window.onerror = (msg, url, line) => {} for capturing unhandled errors, holdover from when JS didn't include try/catch, must return true/false to signal handling, otherwise error will get to the console.
- HTML elements with an id attr get added to the global object if there isn't a prop or global variable with the same name, same for name attr on elements that support it (form, form fields, img, iframe), holdover from early JS days.
- Scripts can interact with multiple windows opened by them (subject to same origin policy).
* window.open().opener contains the opener if opened by .open().
- Accessing frames returns the frame window object:
* window.frames['f1'] / window.frames.f1 / window.f1 / window[1].
- What we call window is actually a WindowProxy that refers to the real window object.

Tài liệu kịch bản

- hình ảnh, hình thức, liên kết; là các đạo cụ của tài liệu, giữ từ những ngày đầu có chứa htmlcollection của các loại phần tử đó (chỉ các thẻ neo với href) .- document.documentEuity đề cập đến root. nhiều tương tự như Nodelist. : Liên kết hoặc: Các bộ chọn đã truy cập trên các phần tử vì điều này hiển thị thông tin lịch sử trình duyệt.- Phần tử.Children chỉ bao gồm các nút phần tử, trẻ con bao gồm cả văn bản và nhận xét.* Có thể sử dụng NodeType để phân biệt. nextErementsIbling.- outerhtml.- ements.InsetAdjacenthtml () khoảng trắng xtro và cố gắng giữ định dạng bảng. vị trí cuộn (documentEuity.offSetheight) .- getClientRECT () cho các phần tử nội tuyến trải dài nhiều dòng, getBoundClientRect () nếu không. pageYoffset] hoặc document.documentEuity [Scrollleft | ScrollTop] .- document.elementfrompoint ().* Các sự kiện chuột đã chứa phần tử đích.- window.scrollto () ===. .ScrollintOview (), hành vi tương tự như window.location.hash.- ements.offsetWidth và chiều cao không bao gồm lề. . .referrer: Liên kết đến trang đã đưa bạn đến đây (giống như tiêu đề giới thiệu http). (): Chạy các lệnh chỉnh sửa trên các yếu tố có thể chỉnh sửa giống như một trình soạn thảo văn bản phong phú.
- document.documentElement refers to the root .
- HTMLCollection can be indexed with string names as well as numbers, other than that is pretty much similar to NodeList.
* They have an item() and namedItem() props, not much useful in JS cause of indexed prop access.
* They are live collections, except NodeList returned by querySelectorAll().
- Some browsers won't accept :link or :visited selectors on elements as this exposes browser history information.
- element.children only includes element nodes, childNodes includes also text and comments.
* Can use nodeType to distinguish.
* firstChild, lastChild, nextSibling.. firstElementChild, lastElementChild, nextElementSibling.
- outerHTML.
- element.insetAdjacentHTML() prob not supported in Firefox.
- innerText does not work on script tags, textContent does.
* Treats some table elements as read-only (table, tbody, tr).
* omits extraneous whitespace and tries to keep table formatting.
- Calling appendChild(fr) passing a DocumentFragment, copies all fragment children and leaves it empty.
- Viewport coordinates refer to the size of the visible document (window.innerHeight).
* Document coords also include the scroll position (documentElement.offsetHeight).
- getClientRect() for inline elements that span multiple lines, getBoundingClientRect() otherwise.
* they return viewport coords.
- window[pageXOffset | pageYOffset] or document.documentElement[scrollLeft | scrollTop].
- document.elementFromPoint().
* Mouse events already contain target element.
- window.scrollTo() === .scroll(x, y /* document coords */).
- window.scrollBy().
- element.scrollIntoView(), similar behaviour to window.location.hash.
- element.offsetWidth and height don't include margins.
* .offsetLeft and top are relative to positioned parents, to get the exact position need to add up the parent's offset recursively.
* clientWidth and height is the content size including padding, same as scrollWidth when there's no overflow, zero for inline elements.
* clientLeft and top is the border size.
- Calling form.submit() does not trigger the onsubmit handler.
- document.referrer: link to the page who brought you here (same as HTTP referrer header).
* lastModified, domain, cookie, title.
- document.designMode = 'on' to set the whole document to 'contentditatble'.
* document.execCommand(): runs edit commands on editable elements just like a rich text editor.

Kịch bản CSS

- el.style.csstext và el.setattribution ('style', val) .- E.Style chỉ có thuộc tính phong cách nội tuyến, window.getcomputedstyle (el, null) cho tất cả các kiểu.* Giá trị tương đối (phần trăm, điểm) được chuyển đổi để pixel.* Màu sắc thành rgb (), rgba ().
- e.style only has inline style attribute, window.getComputedStyle(el, null) for all styles.
* relative values (percent, points) are converted to pixels.
* colours to rgb(), rgba().
* no shorthand properties.
- document.styleSheets[i]
* .disabled = true.
* .cssRules array contains also @import and @page directives.

Xử lý các sự kiện

- Giá trị trả về chỉ có ý nghĩa đối với người xử lý được đăng ký làm thuộc tính như OnboreFoad.- Các giai đoạn truyền bá sự kiện:* 1st: Bắt. Tốt hơn (được gọi khi DOM được phân tích cú pháp và hoàn thành các tập lệnh hoãn lại).
- Event propagation phases:
* 1st: capturing.
* 2nd: trigger target event handlers.
* 3rd: bubbling.
* readystatechange is invoked right before window.load so maybe DOMContentLoaded is better (invoked when DOM is parsed and deferred scripts complete).

HTTP kịch bản

- Ajax có thể được thực hiện bằng cách đặt SRC của thẻ IMG và truyền các chuỗi truy vấn gây ra GET, máy chủ phải phản hồi bằng hình ảnh, thậm chí 1x1 pixel (lỗi web). tuân theo chính sách đồng nghĩa.* Đặt SRC của thẻ tập lệnh, không phải tuân theo cùng nguồn gốc và có thể thực hiện giao tiếp từ miền chéo, dữ liệu được trả về được mã hóa JSON.^ Được gọi là JSONP: vì dịch vụ của bạn phải gửi Phản hồi Padded-Json, tức là chuyển phản hồi dưới dạng đối số cho cuộc gọi lại đã được thực hiện sau đó được thực thi khi tập lệnh tải xuống. . RepentsXML cho các tài liệu HTML được phân tích phân tích cú pháp, có thể đi qua. * FormData () có thể được sử dụng để chuyển đa dạng/dữ liệu biểu mẫu có thể bao gồm nhiều tải lên tệp và các loại dữ liệu khác. Là một phần của yêu cầu CORS.
* Set the src of a hidden iframe, traversing iframes is subject to same-origin policy.
* Set the src of a script tag, which is not subject to same-origin and can do cross-domain communication, data returned is JSON-encoded.
^ Called JSONP: cause your service must send a padded-JSON response, i.e. passing the response as the argument to the passed callback which is then executed when the script downloads.
- Content-Length, Date, Referrer, User-Agent headers are added automatically by XHR.
* as well as handling cookies, charset, encoding, connection lifetime.
- XHR request construction must follow an order:
* req.open().
* req.setRequestHeader().
* req.send().
- req.responseText for text MIME types.
* req.responseXML for parsed, traversable HTML documents.
* can override response MIME types and charset to prevent incorrect parsing.
* FormData() can be used to transfer multipart/form-data which can include multiple file uploads and other data types.
- CORS has to be supported by the browser.
* XHR doesn't send usernames, pwd, cookies or HTTP authentication tokens as part of CORS requests.
- EventSource API for server sent events.

Lưu trữ phía khách hàng

- Cookies, API cũ được thiết kế cho kịch bản phía máy chủ, chúng được thêm vào mọi yêu cầu HTTP, có xu hướng lưu trữ các đoạn dữ liệu nhỏ, được triển khai như một phần mở rộng của HTTP. Lifetime mặc định là quy trình trình duyệt (không phải tab), có thể được thay đổi bằng cách sử dụng Max-Age. Bán kết, không gian, lưu trữ được mã hóa với encodeuricomponent ().* Tất cả các cookie được lưu trữ dưới dạng chuỗi trong tài liệu.cookie chia cho dấu chấm phẩy , host, cổng). Vẫn có cùng một tab được mở lại).
* Cookie in computing: small chunk of privileged or secret data.
* Default lifetime is the browser process (not the tab), can be changed using max-age.
* Default scope includes url path as well, can be changed to whole site by path='/'.
* Values can't have commas, semicolons, spaces, store encoded with encodeURIComponent().
* All cookies are stored as a string in document.cookie divided by semicolons.
- Web Storage is newer, easier API, used to enhance user experience.
* shared by same-origin (protocol, host, port).
* not shared among browser vendors.
* can trigger change events.
- Cache Manifest: store the whole app locally.
- localStorage is permanent.
- sessionStorage has tab-scope also, dies when the tab is closed (may still be there is same tab is reopened).

API HTML5

- Lịch sử có thể giữ trạng thái, bao gồm các loại như ImageData, Date, File. Bản sao cũng như vậy.* Sử dụng các mảng tự đồng bộ. Url.createObjectUrl () cho blob, file, mediastream.* Url.revokeobjecturl () để cho phép thu thập rác.
* It takes in a Structured Clone as state param (deep copy or clone).
- postMessage() allow cross-origin communication between windows.
- WebWorker can receive a structured clone as well.
* Use the synchronous self.importScripts() inside workers.
- Typed arrays hold only numbers and are way faster than normal arrays.
* They're views of an underlying ArrayBuffer.
* Use the DataView type to modify ArrayBuffer.
- URL.createObjectURL() for BLOB, File, MediaStream.
* URL.revokeObjectURL() to allow for garbage collection.

Tôi rất vui mừng về phiên bản 2020 sắp tới.