Group items tagged

所有的DOM操作都是同步的，会堵塞浏览器。JavaScript操作DOM时，必须等前一个操作结束，才能执行后一个操作。

没有使用DOM，而是将整个网站用canvas输出

canvas可以被硬件加速

主要是canvas只是一个位图，本身没有语义，如果要在它上面实现UI，等于HTML语言已有的东西都要再发明一遍，比如如何实现超链接、如何实现CSS效果等等。

canvas不是自适应的（responsive），文字在哪里断行，都要自己计算，而且用户也无法选中文本

多线程浏览器

DOM的异步操作。JavaScript对DOM的操作不再是同步的，而是触发后，交给Event Loop机制进行监听。

非DOM方案。浏览器不再将网页处理成DOM结构，而是变为其他结构

DI means that you can declare components very freely and then from any other component, just ask for an instance of it and it will be granted

do test-driven development iteratively in AngularJS!

only do DOM manipulation in a directive

with ngClass we can dynamically update the class;

ngBind allows two-way data binding;

ngShow and ngHide programmatically show or hide an element;

The less DOM manipulation, the easier directives are to test, the easier they are to style, the easier they are to change in the future, and the more re-usable and distributable they are.

still wrong.

Before doing DOM manipulation anywhere in your application, ask yourself if you really need to.

a few things wrong with this

jQuery was never necessary

use angular.element and our component will still work when dropped into a project that doesn't have jQuery.

just use angular.element

the element that is passed to the link function would already be a jQuery element!

directives aren't just collections of jQuery-like functions

Directives are actually extensions of HTML

If HTML doesn't do something you need it to do, you write a directive to do it for you, and then use it just as if it was part of HTML.

think how the team would accomplish it to fit right in with ngClick, ngClass, et al.

Don't even use jQuery. Don't even include it.

ry to think about how to do it within the confines the AngularJS.

In jQuery, selectors are used to find DOM elements and then bind/register event handlers to them.

Views are (declarative) HTML that contain AngularJS directives

Directives set up the event handlers behind the scenes for us and give us dynamic databinding.

Views are tied to models (via scopes). Views are a projection of the model

In AngularJS, think about models, rather than jQuery-selected DOM elements that hold your data.

AngularJS uses controllers and directives (each of which can have their own controller, and/or compile and linking functions) to remove behavior from the view/structure (HTML). Angular also has services and filters to help separate/organize your application.

Think about your models

Think about how you want to present your models -- your views.

Attach a controller to each view (using ng-view and routing, or ng-controller)

You can do a lot with jQuery without knowing about how JavaScript prototypal inheritance works.

jQuery is a library

AngularJS is a beautiful client-side framework

Any controller that needs to use this JSON data, can do so by including DataSource as one of the controller parameters

Include $http in the parameters.

Include $log as your controller function argument.

Angular predefines reasonable defaults for getting, setting, deleting, and querying records.

In most cases, the eligible DOM elements are identified by HTML5 data attributes.

using JavaScript to progressively enhance the user experience for capable browsers without negatively impacting clients that do not support or do not enable JavaScript.

jquery-ujs attaches a handler to links with the data-method attribute

jquery-ujs attaches a handler to links or forms with the data-confirm attribute that displays a JavaScript confirmation dialog

Users double click links and buttons all the time.

Links and buttons that have a data-disable-with attribute get a click handler that disables the element and updates the text of the button to that which was provided in the data attribute and disables the button.

Thanks to jquery-ujs and Rails’ respond_with, setting remote: true is likely the quickest way to get your Rails application making AJAX requests.

Cross-Site Request Forgery (CSRF) is an attack wherein the attacker tricks the user into submitting a request to an application the user is likely already authenticated to.

the data-remote="true". Now, the form will be submitted by Ajax rather than by the browser's normal submit mechanism.

the format.js in the respond_to block; that allows the controller to respond to your Ajax request.