Renren JavaScript interview questions can be implemented in advance_javascript skills

JavaScript interview question requirements: The following questions must select three questions from questions one to four and use native code to implement them. No framework can be used
. The fifth question is an optional question.

1. Display pictures in a fixed area of ​​the page

1. Each time you click the right arrow, the picture area will scroll to the left to display a picture, and vice versa. ;
2. When it is found that the picture has scrolled to the end, the corresponding arrow becomes unclickable;
3. When the mouse slides the wheel in the picture area, the picture will scroll in response to the direction of the mouse wheel;


2. Use js, html, and css to implement a pop-up prompt control:
1. Implement alert, confirm, and prompt dialog boxes similar to the system respectively;
2. The size of the dialog box is adaptive according to the prompt content (there is a minimum width and height), and it appears in the horizontal and vertical center of the page by default;
3. The dialog box can be dragged;
4. The event simulates the event of the system dialog box (for example: alert dialog box, click the OK button, the dialog box disappears);
5. Solve the problem of IE6 being blocked by the select control;


Three , realize automatic matching of input input boxes

1. Match the characters entered in the input box, and display the matched content in the form of a menu below the input box; 2. Only for English Characters are matched, and the matched content is bolded in the menu;
3. You can select the menu through the up and down arrows on the keyboard, press Enter and write the selected content into the input box;


4. Implement a secondary menu control on the page

1. This control can be bound to any element on the page and appears when the page element is clicked. Menu;
2. The direction in which the menu appears is automatically adjusted according to the location of the page, for example:
3. After the elements in the first-level menu are moved over with the mouse, a second-level menu will appear in the corresponding position. Clicking on the element
in the level menu will trigger an event response


5. Implement a WYSIWYG editor (optional)
Need to provide the following functions :
1. Make the font bold;
2. Align the text left, right, and center;
3. Set the font;
4. Set the font size;
5. Set the font color;
6. Insert hyperlink;
7. Insert picture;

Answer packaging