My Tech Blog is moving to HRER since 12.2020
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
& & |  |
| | |  |
 |
- Better in Tech expressions
- Better in Thoughts and Concepts
Since I am a Noob, and have read quite a lot of blogs and articles about why and how to start a tech blog, I tried to document everything I have done, but found out it is really difficult. e.g. I finished study of Data Structure and Algorithms in JavaScript(Learning JS Data Structure and Algorithms 📚), but have no idea how to put this in to notes.
Now here it goes!
👉 1️⃣ 6️⃣ 0️⃣ 👈
| 🔹Algorithms🔹 | Algorithms | REGEXP | ||
|---|---|---|---|---|
| 📍 APP 📍 | Personal Website | Sport Store(Angular) | Tmall Shopping (JS) | Dashboard Panel (Angular) |
| 📍 APP 📍 | json-server(angular,json-server) | ♨️ Online Music Player(Angular) ♨️ | Blog (hexo) | Hexo Theme(hexo) |
| 📍 APP 📍 | To Do List (angular,json-server) | |||
| 🔹DataStructure🔹 | Data Structure | |||
| 🔹Devices🔹 | Android | IOS | ||
| 🔹Framework🔹 | Angular | Node.js | ||
| 🔹 Testing 🔹 | Jasmine-Angular | Cypress | ||
| 🔹Languages🔹 | Css Scss Less | Javascript | Typescript | |
| 🔹Libraries🔹 | RxJs | NgRx | Redux | |
| 🔹Tools🔹 | Git | Book | Methodology | VIM |
| 🔹Tools🔹 | IDE | Webpack | Open API Generator | |
| 🔹Web🔹 | Browser | HTTP | Websocket |
- @HostBinding and @HostListener in Angular
- @Input and @Output in Angular
- Angular Form - Reactive Form
- Angular Form - Template Driven Form
- Built_in Directives
- Create a valid hyperlink inside a dialog (Angular)
- Data binding in Angular
- dependencies vs devDependencies in package.json
- Directives in Angular
- How to append and fetch Query Parameter from the URL
- How to embed Youtube inside Angular with
[youtube-player component] - How to find third parties applications inside project
- How to use Fonts locally in Angular
- Interceptor in Angular
- MatPaginatorModule Application Angular Material Pagination
- Observables in Angular - Creating and subscribing
- Observable in Angular - When to use it
- Obtain value inside input of Angular
- Pipe for displaying '-' when no data received
- Providers in Angular
- Public, Private, Protected, Static and Abstract in Angular Component
- Resolve in Angular Routing
- RouterLinkActive in Angular - keep focused element in style
- RxJS tap
- RxJS catchError
- The advantage of Angular and MVC
- Theming in Angular Material (Color Palatte)
- Services in Angular
- useClass, useValue, useFactory, useExisting and Testing
- Web App Manifest
- What is Route Guard
- Test Driven Development - [Concept && Life Cycle]
- A very good view for
ALL Basics - ActivatedRoute, serviceSpy, routerSpy in Angular Testing/routerLink, routerLinkActive
- Async in Angular Testing
- calls.reset() in Angular Testing
- CSS Selectors for Angular Testing
- Date input testing in Angular (Notification)
- How to test an @Input varaible inside Angular Testing
- innerHtml,innerText,innerContent in Testing
- Mock a path in spec file
- ng-mocks
- Pipe testing in Angular
- Simple Angular routerLink testing
- Test for a simple routerLink in Angular
- Testing Services in Angular
- Query( ) in Angular Testing
- Unit test a component which has type extends from other component's type
- Cooki-based Authentication
- CSS parsing
- How browsers work
- HTML Parser
- JSON Web Token JWT
- Parsing general
- Rendering engine and main flow
- The order of processing scripts and style sheets
Data Structure and Algorithms
- Grokking Algorithms (Book Notes) 📚
- Learning JS Data Structure and Algorithms 📚
- Data Structure (Book Notes 大话数据结构) 📚
整体方法论 Methodology
- [Clean Code]
- Code Complete 2nd Edition 📚
- Learn More Study Less 如何高效学习 📚
- How to explore LeetCode 📚
语言和框架 Languages and Frameworks
- Angular Pro - Angular 7 (3rd) 📚
- CSS Secret 📚
- DOM Scripting Web Design with JavaScript and the DOM 2nd Edition 📚
- 49 CSS notes (Translation)
- Adapt inner Uploaded Media to the Outside Container
- Add a Scrollbar in CSS
- Absolute and Relative
- Color Wheel
- CSS functions & Less Functions
- Hover to change the style with CSS
- HSV color
- rem,em,px,vw,vh,vm in CSS
- Primitive types -- Boolean(empty) | Character | Floating Point | Fixed point | Integer | Reference | Enumerated type
- Composite types -- Array | Record | Union |
- Abstract Data types -- Container | List | Tuple | Multimap | Map(empty) | Set | MultiSet | Stack(empty) | Queue |
- Arrays -- Array | Bit Array | Bit Field | Bit Board | Bit Map(empty) |
- Lists(empty) -- Doubly Linked List | Array List | Linked List(empty) |
- Bloom filter(empty) | Count-Min-sketch(empty) | Distributed hash table | Double hashing | Dynamic perfect hash table | Hash array(empty) | Mapped trie(empty) | Hash list(empty) | Hash table(empty) | Hash tree(empty) | Hash trie(empty) | Koorde(empty) | Prefix hash tree(empty) | Rolling hash(empty) | Minhash(empty) | Quotient filter(empty) | Ctrie(empty) |
- Git all commands
- Git convert CRLF to LF
- How much of hash is enough for a git command
- How to change the commit message in GIT
- How to deploy Angular App to GitHub
------ Useful online courses
------ Excercises
------ Basic Knowledge
- what is NgRx and How does it work
- Difference between NgRx and normal Service
- Redux Priciples
- Entire process
- Reducer VS Multiple Reducers
- Courses
- !!, !: and ?: in TypeScript
- Date() input with format: from yyyy-mm-ddt00-00-00.000z to yyyy-mm-ddt23-59-59.999z
- Dto document in project
- Partial in Typescript
- Record in Typescript
- Spread Operators and Rest Parameters
- The && and || Operators in TypeScript
- The Array.prototype.map( ) in JavaScript
- Why defining Variables inside constructor of TS
------ Basic Knowledge