DOITJT的博客

UI UX design lecture 557

RxJS tutorial

ngrx/store

状态管理概念

现学现卖

Flexbox, grid and more..

Margin Collapsing Explained

All you need to kick start using CSS

FormHTML user input<form action="/action_page.php" method="get"> <label for="fname">First name:</label> <input type="text" id="fname" name="fname"><br><br> <label for="lname">Last name:</label>

<input type="text" id="item_input #item>#item is an example of a template variable, used to capture the user input of <input> element.Template variables help you use data from one part of a template in another part of the template.Synt.

PIPE，翻译为管道。Angular 管道是编写可以在HTML组件中声明的显示值转换的方法。Format：{{interpolated_value | pipe_name}}Example: Date Pipe 日期转换管道 {{ value_expression | date [ : format [ : timezone [ : locale ] ] ] }} today: number = Date.now(); ...

Input box w/ data Keep track of which cell to edit via this.state.edit. Render an input field when displaying the table if the row and column indices match the cell the user double-clicked. Update the data array with the new value from the inp

MountingComponent added to DOMMethodcomponentDidMount(): doing initialization work that require DOM e.g. add listener, fetch data from server UpdatingsetState() is called or prop updatedMethodgetSnapshotBeforeUpdate(): doing saving work

2个方法建react component：Use function -- return the UI Use ES6 class that extends React.ComponentUsing created component

适用于react的javascript语法扩展用于生成react element logic，markup 相结合的语法Advantage简单 快 type safeBasic JSXconst element = <h1>Hello, world!</h1>;const element = <img src={user.avatarUrl} />;const element = ( <div> <.

React is a Javascript library High performance frontend framework Use small and isolated pieces of UI code called “components”Initializae React Appnpx create-react-app my-appcd my-appnpm startApp structure manifest.json 指定了开始页面 ind...

Definition:Dependencies --services which have a functionality Functionality -- Something needed by components and directives in the application Injection-- A mechanism provided by Angular to provide services to components and directivesDependency...

Directives are classes that add additional behavior to elements in your Angular applications.Attribute DirectivesListen to and modify the behavior of other HTML elements, attributes, properties, and components.NgClassAdd and remove multiple HT.

Good for passing messages between parts of your application Used forevent handling, asynchronous programming, and handling multiple values.Observer PatternAn object, called thesubject, maintains a list of its dependents, calledobservers, and not...

One-wayBindingOne direction: any changes in the component will directly reflect inside the HTML template but, vice-versa is not possible.String interpolation and property binding allow only one-way data binding.{{ 2 + 2 }} -- string interpolation .

AngularDoc LinkngOnChangeInvoked first timebeforengOnInitAND whenever the data-bound input properties changesdata-bound input: some data coming from outside components (parent component) Uses "SimpleChange" object to keep track of current and ...

ComponentsA component is a TSclass which angular depend upon to create objects. You can build your own declarative components into bite-sized, reusable pieces.Data bindingData binding allows you to move your data from the JS code to the view, wit.