First, create a blank flash document and resize the stage. Insert a picture, adjust the position of the picture, and the picture of x:0y:0 will be full screen.
Convert a picture into a picture symbol, and then insert a key frame at the 120 frame. The first frame remains the same. Click the property at frame 120, adjust the alpha degree, and then create a traditional tween.
Create a new layer and name it rectangle. Select the rectangle tool, convert the rectangle into a button component, set the transparency to 0, and then right-click to write code. Wait, do different picture animations.
What are the benefits of the yellow diamond nobility?
1. Ordinary goods are free.
2. Rattan products are discounted.
3. The articles in the yellow diamond area are exclusive.
4. The general items of photo stickers are free to use.
5. Personalized avatars are privileged and have customized avatars.
6. Album space1g.
7. Flash dynamic carousel is displayed on the homepage of the photo album.
8. The uploading channel VIP is fast and unlimited.
9. The nutritional value increased automatically at the beginning of the month 100.
10. The article is free.
1 1. New products and functions are preferred.
This is the advantage of yellow diamond.
What does it take to be a web designer?
At present, most enterprise websites should be adaptive, and a set of pages can take care of both pc and mobile. R This requires web designers to be familiar with the characteristics of ordinary computer web page display and the norms and characteristics of mobile phone web page design. As a web designer, besides designing, you need to be able to make your own web pages. So it is necessary to be familiar with HTML+css and JavaScript code. Some common dynamic effects, such as carousel, should be understood. You also need to know how to use popular HTML frameworks and quick website building modules, such as bootstrap, wordpress and so on. R Some websites will also display some dynamic advertising pictures, so making gif animation or flash animation is also a plus item. R The work of web design actually includes the scope of work of visual designers or UI designers. It is rare to say that you are only allowed to do web design in your current job. At present, designers' definitions of plane, web page and mobile terminal are actually very vague. Basically, designers will do online or offline design, without specifying what I can only do. Of course, it still depends on the job requirements of specific companies, but the competition is always strong. r
What does the front-end advanced certificate need to learn?
First, the advanced basic part
1.ES6/ES7 Grammar and Principle Realization
2. asynchronous development process: asynchronous process control such as callback, commitment, generator, co, async/await (the realization principle of Async and await).
3. the principle of promise design pattern and its application in es6, and a promise implementation in line with promiseA+ specification is handwritten.
4. Node foundation and actual combat
5. The principle and design pattern of publishing and subscribing node events.
6. Functional programming
Second, the evolution of modularity
The evolution history of JavaScript modular development: the evolution history of CommonJS, AMD, CMD and ES6 modules.
At present, the most mainstream modular implementation scheme: CommonJS to ESModule
Simple Realization of Handwritten Common Words
Third, the front-end engineering construction tools
Basic usage and implementation principle of 1.gulp
2. Universal plug-ins (compression, merging, compilation, preview service, automatic injection)
3.3. Advanced Usage of Custom Streams in Node.js
4. Implement automatic prefix.
5.5. Basic usage and operation principle of WebPack.
6. Common loaders and plug-ins (DLL plug-ins, etc. )
Analysis of the working principle of 7.7. Network packet
8. Write a custom loader and a custom plugin.
9.webpack optimization (parsing, module hot replacement, compression, code splitting, visualization tools)
4.React family bucket
react
1. Why do you want to adopt a component-based approach?
2. Build 2.react environment
3.3 Use. JSX syntax (principle implementation of CreateElement and Render)
Usage of 4.4. JSX expression
5.JSX properties (class name, htmlfor, style, dangerous built-in HTML)
6. Component usage (class declaration, function declaration)
7. Attribute and status of components (detailed description of attribute check and setting status)
8. Composite components
9. Reporting period of components
10. Controlled components Uncontrolled components
Use the 1 1.children property.
12. Project actual message board
2.redux
1. handwriting redux library (getState, createStore, dispatch, subscribe, applymiddlewar)
e、combineReducer、compose、bindActionCreators)
3. Reaction-reduction
Principle and application of 1. higher-order component
2. Respond to advanced attribute context
3. realize todoList with 3.react-redux.
4. Handwritten React-Redux (principle analysis of provider and connect)
4. Middleware
react
● 1. Why use the component method?
●2. Construction ● 2. Reaction environment
● 3. Use JSX syntax (principle implementation of CreateElement and Render)
● 4. Usage of JSX expression
●5.JSX attributes (class name, htmlfor, style, dangerous built-in html)
6. Component usage (class declaration, function declaration)
●7. Attribute and status of components (detailed description of attribute check and setting status)
8. Composite components
9. Declaration period of components
● 10. Controlled components Uncontrolled components
● Use 1 1. Subattribute
● 12. Message board for actual combat of the project
2.redux
● 1. handwriting redux libraries (GetState, CreateStore, Dispatch, Subscribe, Apply Middleware, Combine Reducer, Compose, Bindaction Creators).
3. Reaction-reduction
Principle and application of ● 1. high-order components
●2. Respond to the advanced attribute context
● 3. Realize todoList with ●3.react-redux.
●4. Handwritten React-Redux (principle analysis of provider and connect)
4. Middleware
● 1. Handwriting application middleware and writing (middleware principle)
●2. Handwritten Redux-logger, Redux-thunk, Redux-promise
3. Handwritten custom local cache middleware
5. Response router dom
●1.The difference between hash router and browser router.
●2. Use links ● 2. Link, NavLink (extact is absolutely matched, and the state jumps with parameters).
● 3. Three rendering methods of path component (component, rendering and subcomponent)
●4. Use of routing parameters and sub-routes
●5. Use ● 5. With router and dedicated router
6. Prompt components to prevent jumping.
●7. Redirection (redirection component)
8. Common components of handwriting, such as HashRouterRoute.
6. Reaction-transition-group
The realization principle of ● 1 Reaction animation
●2. Use the React-Transition-group library to develop todo animation applications.
7. Project Actual Combat React Everest Classroom 1.0
● 1.webpack environment construction
●2. Navigation on the bottom tab
●3. Animation
●4.redux changes the course classification.
5. Realize the head carousel.
6. List of courses
●7. Pull-down refresh
8. Pull up the load
9. Record the position of the scroll bar.
● 10. Course details page
● 1 1. User registration
● 12. User login
● 13. Protect my course page
● 14.Redux development plug-in
8. Deep analysis and implementation of source code level Vue+React.
● 1. Realization of bidirectional binding of handwritten Vue
2. the difference between 2.vue virtual DOM and React virtual DOM.
●3. How to implement a VirtualDOM algorithm?
4. Thoroughly understand the update mechanism of setState through the source code.
●5. Handwriting includes the functions of React library, event monitoring and basic component life cycle of virtual DOM.
Verb (abbreviation for verb) node advanced
1.http in-depth and tcp in-depth explanation
Analysis of ● 1 .7-layer network protocol
●2.TCP connection and Nagle algorithm
●3. Use wireshark to learn the seven-layer network protocol.
4. Detailed description of DNS server
5. Implementation of node static server and cache mechanism.
6. Common practical applications 6. HTTP message
● 7. Application of node flow and uploading strategy of file fragments.
● 8. Design and use of RESTful API
● 9. Use of CDN and OSS
● 10.https secure communication process analysis
Step 2 express
● 1. Handwritten Express Framework
●2. Middleware implementation principle, bodyParser, cookie-parser, static and template principle.
3. Acacia Koua
● 1. Handwritten Koa framework
●2. Middleware implementation principle, bodyParser, cookie-parser, static and template principle.
4.Linux operating system
1 Introduction. Linux operating system
●2.Linux files and directories
●3.Linux user and group permissions
4.Linux command
5. Command process
5.Mongodb
●1.Installation and use of MongoDB
● 2. The system architecture of MongoDB
●3.Mongodb advanced query
●4.Mongodb index
●5.Mongodb security and permissions
6. Mongoose module mode
● 7. Mongoose modular model
●8. Use the model to add, delete and change documents.
6. Everest Blog (express+mongodb+mongodb)
● Implement a blog system based on bootstrap+express+mongodb, including user management, article management, reading more messages, paging query, search, file upload, pv message statistics and other complete functions. Custom middleware such as Express routing, ejs template, serve-favicon, morgan, cookie-parser, body-parser, express-session, connect-mongo, connect-flash, uuid, async, etc. are used, and functions such as rich text editor, markdown and heroku cloud deployment are expanded.
● 1. Project initialization
●2. User management
●3. Article management
4. Paging query
●5. Search
6. File upload
●7.PV message statistics
7. Qomolangma Chatroom Project (react+socket.io+mongodb)
● 1. What is real-time communication?
●2. What is Websocket?
● 3.3. Comparison between WebSocket and http
●4. Use socket.io to realize chat room.
●5. Anonymous chat
6. Chat with user name and user list
●7. Users chat privately.
8. Divide different chat rooms.
9. Message persistence
● 10. Support QQ characters.
8. Relational database
●1.Installation and use of MySQL
●2.MYSQL system architecture
●3. Add, delete and check data processing.
4. Data types and constraint paging
5. Index and slow query performance analysis
6. SQL injection prevention of database security
9. Everest Reptiles (cheerio+request+mysql)
● 1. Send an HTTP request to get the content in the specified URL.
2. Use cheerio's grammar to manipulate web page elements and extract the required elements.
●3. Save the data in mysql database.
4. Establish a web server to display these data.
●5. Automatically perform the update task by using the scheduled task.
6. Deploy the project to Alibaba Cloud and configure the reverse proxy.
10. Reddis
●1.installation and use of redis
●2.5 Data structure and usage scenarios
● 3. Understanding and use of API
●4.Redis client
1 1.Nginx
● Installation and use of1 A reverse proxy web server
●2. Module and basic configuration
●3. Application scenarios such as forward and backward proxy.
12. dockers
Introduction and installation of 1 roustabout
●2.Dockerfile file
●3. Storage and mirror warehouse
●4. Terminal actual combat
13. Unit testing
● 1. Test cases and requirements analysis
●2. Unit test framework mocha/ava
●3. selenium for automated testing
65438+
The working principle and load balancing algorithm of ● 1 strand
●2.pm2 tool
15. Front-end performance monitoring and performance optimization, behavior monitoring and safety precautions
● 1. Optimization strategy of redrawing and rearranging
●2. How to find performance shortcomings and optimize them for each one?
●3. Report the front-end buried point
4. Front-end error report
5. Front-end performance report
6. Front-end behavior monitoring and reporting
●7. Front-end online recovery and A/B testing
●8. Analysis of network caching technology
9. browser rendering process analysis (DOM tree, RenderObject, drawing context)
16. Project deployment
● 1.npmscript workflow
2.Shell script deployment
17. Safety
Principle and code practice of ● 1 XSS
● 2. Principles and guidelines of CSRF.
18. Functional test and performance test
● 1. Test cases and requirements analysis
●2. Basic use of universal functional testing framework (mocha/ava)
●3. Benchmark of general performance test framework.
19. Full link optimization
● 1.DNS optimization
●2. Request speed optimization
●3. JScssimagehtml for rendering optimization
●4. Cache optimization
●5. Server optimization
6. Database optimization
Design mode of intransitive verbs' front end (selected lectures)
Creative design mode
● 1. Factory mode
●2. Builder mode
●3. Prototype mode
Low 4. Single mode
Structural design mode
● 1. Appearance mode
●2. Adapter mode
●3. Agency mode
Low 4. decorator pattern
●5. Combination mode
Behavior design mode
● 1. Observer mode
●2. State mode
●3. Strategic model
4. Command mode
●5. Visitor mode
6. Intermediary mode
●5. Iterator mode
Seven, algorithm data structure (selected lectures)
1. Time complexity
2. Spatial complexity
3. Common sorting algorithms
● 1. bubble sequencing and optimization
●2. Select sorting.
●3. Insert sort
4. Merge and sort
5. Quick sorting formula
Low 6. counting sort
●7. Classification of barrels
8. Cardinal sorting
4. Linked list (linked list inverted, linked list with ring)
5. Tree (height, pre-order, middle-order, post-order, breadth-first search, inversion)
6. Binary tree search algorithm
7. Frog Leaping Problem-Dynamic Programming Algorithm
The realization of 8.8. React virtual DOMDiff algorithm