DOM Scripting: Reading Note 2
Chapter 3 The DOM D: Document O: Object User-defined objects; Native objects: like Array, Math and Date; Host objects: provided by the borwser; Ho...
Posts by Category
- Javascript 19
- Array 11
- LeetCode 11
- Sort 7
- Algorithm 5
- Animation 3
- React 3
- email 2
- AWS 2
- Node 2
- Books 2
- Markdown 1
- Chrome DevTools 1
- Computed 1
- Jekyll 1
- selenium 1
- axios 1
- Nginx 1
- PM2 1
- Redux 1
- SEO 1
- JQuery 1
- array 1
- Ruby 1
- JavaScript 1
Javascript
DOM Scripting: Reading Note 1
This is the note of book: « DOM Scripting Web Design with JavaScript and the Document Object Model Second Edition »”
JS: Node.js File System Module
Add File System Module: var fs = require('fs');
JS: Random pick in Array
var item = items[Math.floor(Math.random()*items.length)];
JS: jQuery event.preventDefault()
event.preventDefault():
JS: Map
Resource
LeetCode: 950. Reveal Cards In Increasing Order
In a deck of cards, every card has a unique integer. You can order the deck in any order you want.
JS: 3 tips
Follow the Dev Ed, learn 3 new stuffs
JS: React video
React not support HTML 5 video:
JS: react-coverflow
Today, I add react-coverflow in my website, this Multi-item carousel is very beautiful and easily to use;
JS: Password recover
When user choose password recovery, back end server will send a email to customer email box. This email contain a password recovery form, customer can input ...
JS: confirmation email
When user create a new account, the system will send a email with a comfirmation link. I add token in comfirmation link as params, when user click this link,...
JS: wordcloud2.js
I add wordcloud2 in my blog
Js: Popup form
Popup form with animation, recording it for furture development.
Javascript: wordCloud
Today, I add a TagCloud function in my blog, here is the code:
LeetCode: 905. Sort Array By Parity
Given an array A of non-negative integers, return an array consisting of all the even elements of A, followed by all the odd elements of A.
LeetCode: Move Zeroes
Given an array nums, write a function to move all 0’s to the end of it while maintaining the relative order of the non-zero elements.
LeetCode: 832. Flipping an Image
Given a binary matrix A, we want to flip the image horizontally, then invert it, and return the resulting image.
Javascript: remove elements from array
1. Rmoving from end:
Array
LeetCode:922. Sort Array By Parity II
Given an array A of non-negative integers, half of the integers in A are odd, and half of the integers are even. Sort the array so that whenever A[i] i...
LeetCode: 238. Product of Array Except Self
Given an array nums of n integers where n > 1, return an array output such that output[i] is equal to the product of all the elements of nums except n...
LeetCode: 1122. Relative Sort Array
Given two arrays arr1 and arr2, the elements of arr2 are distinct, and all elements in arr2 are also in arr1. Sort the elements of arr1 such that the r...
LeetCode:695. Max Area of Island
Given a non-empty 2D array grid of 0’s and 1’s, an island is a group of 1’s (representing land) connected 4-directionally (horizontal or vertical.) You may a...
LeetCode: 969. Pancake Sorting
Given an array A, we can perform a pancake flip: We choose some positive integer k <= A.length, then reverse the order of the first k elements of A. We w...
LeetCode: 442. Find All Duplicates in an Array
Given an array of integers, 1 ≤ a[i] ≤ n (n = size of array), some elements appear twice and others appear once.
LeetCode: 950. Reveal Cards In Increasing Order
In a deck of cards, every card has a unique integer. You can order the deck in any order you want.
LeetCode: 905. Sort Array By Parity
Given an array A of non-negative integers, return an array consisting of all the even elements of A, followed by all the odd elements of A.
LeetCode: Move Zeroes
Given an array nums, write a function to move all 0’s to the end of it while maintaining the relative order of the non-zero elements.
LeetCode: 832. Flipping an Image
Given a binary matrix A, we want to flip the image horizontally, then invert it, and return the resulting image.
Javascript: remove elements from array
1. Rmoving from end:
LeetCode
LeetCode:922. Sort Array By Parity II
Given an array A of non-negative integers, half of the integers in A are odd, and half of the integers are even. Sort the array so that whenever A[i] i...
LeetCode: 238. Product of Array Except Self
Given an array nums of n integers where n > 1, return an array output such that output[i] is equal to the product of all the elements of nums except n...
LeetCode: 1122. Relative Sort Array
Given two arrays arr1 and arr2, the elements of arr2 are distinct, and all elements in arr2 are also in arr1. Sort the elements of arr1 such that the r...
LeetCode:695. Max Area of Island
Given a non-empty 2D array grid of 0’s and 1’s, an island is a group of 1’s (representing land) connected 4-directionally (horizontal or vertical.) You may a...
LeetCode: 969. Pancake Sorting
Given an array A, we can perform a pancake flip: We choose some positive integer k <= A.length, then reverse the order of the first k elements of A. We w...
LeetCode: 442. Find All Duplicates in an Array
Given an array of integers, 1 ≤ a[i] ≤ n (n = size of array), some elements appear twice and others appear once.
LeetCode: 1222. Queens That Can Attack the King
On an 8x8 chessboard, there can be multiple Black Queens and one White King.
LeetCode: 950. Reveal Cards In Increasing Order
In a deck of cards, every card has a unique integer. You can order the deck in any order you want.
LeetCode: 905. Sort Array By Parity
Given an array A of non-negative integers, return an array consisting of all the even elements of A, followed by all the odd elements of A.
LeetCode: Move Zeroes
Given an array nums, write a function to move all 0’s to the end of it while maintaining the relative order of the non-zero elements.
LeetCode: 832. Flipping an Image
Given a binary matrix A, we want to flip the image horizontally, then invert it, and return the resulting image.
Sort
LeetCode:922. Sort Array By Parity II
Given an array A of non-negative integers, half of the integers in A are odd, and half of the integers are even. Sort the array so that whenever A[i] i...
LeetCode: 1122. Relative Sort Array
Given two arrays arr1 and arr2, the elements of arr2 are distinct, and all elements in arr2 are also in arr1. Sort the elements of arr1 such that the r...
LeetCode: 950. Reveal Cards In Increasing Order
In a deck of cards, every card has a unique integer. You can order the deck in any order you want.
LeetCode: 905. Sort Array By Parity
Given an array A of non-negative integers, return an array consisting of all the even elements of A, followed by all the odd elements of A.
LeetCode: Move Zeroes
Given an array nums, write a function to move all 0’s to the end of it while maintaining the relative order of the non-zero elements.
LeetCode: 832. Flipping an Image
Given a binary matrix A, we want to flip the image horizontally, then invert it, and return the resulting image.
Algrithm: Sort
O(n2) algorithms
Algorithm
LeetCode: 950. Reveal Cards In Increasing Order
In a deck of cards, every card has a unique integer. You can order the deck in any order you want.
LeetCode: 905. Sort Array By Parity
Given an array A of non-negative integers, return an array consisting of all the even elements of A, followed by all the odd elements of A.
LeetCode: Move Zeroes
Given an array nums, write a function to move all 0’s to the end of it while maintaining the relative order of the non-zero elements.
LeetCode: 832. Flipping an Image
Given a binary matrix A, we want to flip the image horizontally, then invert it, and return the resulting image.
Algrithm: Sort
O(n2) algorithms
Animation
JS: wordcloud2.js
I add wordcloud2 in my blog
Js: Popup form
Popup form with animation, recording it for furture development.
Javascript: wordCloud
Today, I add a TagCloud function in my blog, here is the code:
React
React.js: Get window size
ThankDaniel Iwaniuk
JS: React video
React not support HTML 5 video:
JS: react-coverflow
Today, I add react-coverflow in my website, this Multi-item carousel is very beautiful and easily to use;
JS: Password recover
When user choose password recovery, back end server will send a email to customer email box. This email contain a password recovery form, customer can input ...
JS: confirmation email
When user create a new account, the system will send a email with a comfirmation link. I add token in comfirmation link as params, when user click this link,...
AWS
AWS: PM2
I use PM2 to let my Node.js running forever
AWS: Nginx
Here is some command I use to install Nginx on AWS
Node
JS: Node.js File System Module
Add File System Module: var fs = require('fs');
Books
DOM Scripting: Reading Note 2
Chapter 3 The DOM D: Document O: Object User-defined objects; Native objects: like Array, Math and Date; Host objects: provided by the borwser; Ho...
DOM Scripting: Reading Note 1
This is the note of book: « DOM Scripting Web Design with JavaScript and the Document Object Model Second Edition »”
Markdown
.md: Import image
How to write images url correctly in .md file?
Chrome DevTools
.md: Import image
How to write images url correctly in .md file?
Computed
Chrome DevTools: computed
Today, I spent large amount of time to check one mistake, I can not find any clues in “Styles” part of Chrome DevTools. Finally, I find it in “Computed”, le...
Jekyll
Jekyll: different pages js file conflict
I add a new word cloud on categroies page by using wordcloud2, but it shows errors in my tags apge, because I set all js files as document.load , it running ...
selenium
selenium(1)
DingDong
axios
axios: error callback handling
My backend check user register input, If input data is wrong, it will send back status 404 error with “error detail” message;
Nginx
AWS: Nginx
Here is some command I use to install Nginx on AWS
PM2
AWS: PM2
I use PM2 to let my Node.js running forever
Redux
Redux
Three Principles: Single source of truth: * Easy to create universal apps; * A single state tree make it easier to debug or inspect;...
SEO
SEO
Learning Website: https://yoast.com
JQuery
JS: jQuery event.preventDefault()
event.preventDefault():
array
JS: Random pick in Array
var item = items[Math.floor(Math.random()*items.length)];
Ruby
Ruby update and Bundler error
Update Ruby
JavaScript
React.js: Get window size
ThankDaniel Iwaniuk