front end web developer nanodegree

engineer position required technical Knowledge Base:Implement best-in-class web interfaces for the products and services available on the site, optimize code and maintain good compatibility;The architecture design and development of Web front-end presentation layer and interaction with

expression2.4 , the definition of attributes, using double quotation marks uniformly3 , CSS3.1 , compiling with SCSS3.2 , Code organization, organization of code snippets in component units3.3 , develop consistent annotation specifications such as: /*------------------------block-----------------------------*//*----------------------Child block One------------------------*/Code/*----------------------Subgroup block two------------------------*/Code4 , Main technology of the platform4.1, using

development, not limited to the front end, is the back end, can also be able to know at a glance that this refers to the "head", which enhances the readability of your code. Of course, since everyone's style is different, this may require a specification. The benefits of which are self-evident. There is also the hack, this dongdong, although can help us solve a

JavaScript Style Guide Felix ' s node. js Style Guide Idiomatic.js Code conventions for the JavaScript programming Language Jsbeautifier Airbnb JavaScript Style Guide JSON Generator JSON Generator–tool for generating random JSON data General front-end development and the habit of front-

Summary of Web Front-end knowledge and skills, and summary of Web knowledge and skillsProject Origin Remember @ jayli's front-end knowledge structure. The format of images is inconvenient. If the source image is missing, we canno

A hyperlink in a tag needs to add http://or the page cannot be found.An IFrame adds a tag, and the target property in the a tag controls the page that is about to be opened, which is displayed in that position._blank opens the linked document in a new window. _self Default. Open the linked document in the same frame. _parent Open the linked document in the parent frameset. _top Open the linked document throughout the window. FrameName opens the linked

Different browser support for font files is not the same here only the support TTF file format browser such as the implementation of Google1. The new HTML file code is as follows2. Under the same directory, create a new CSS file named Font.css3. Find the TTF file for the font you need, such as Singlemalta.ttf4. Use the @font-face module to refer a custom font to your project@font-face is written in CSS as followsHere the URL path is written with an absolute path5. We can see that our custom font

implemented with the mouse as the center of the mouse axis, such as the proportion of zooming or shrinking the picture. Online Demo SOURCE download 10.js implementation of the click on GIF cover after the load GIF dynamic picture of the JS special effects JS implementation of the Click GIF loaded GIF dynamic picture of the JS effect source code, is a section of the implementation of the GIF after the click of the image to load the animated GIF format dynamic picture content, such code to

Topic Comments The main study of data storage knowledge, data storage has local and server storage two ways, for front-end development, only need to explain the way to solve the local storage. Of course, you can know the server side of the way better. The difficulty of the subject is general, as long as can say the idea can, at least two ways to solve. Methods of solving problems method One: Use Localstorag

What is 1.vue.js? Vue.js (pronounced/vju?/, similar to view) is a set of progressive frameworks for building user interfaces. Unlike other heavyweight frameworks, Vue uses a design that is developed from bottom-up increments. Vue's core library focuses only on the view layer and is very easy to learn and easily integrates with other libraries or existing projects. On the other hand, Vue is fully capable of driving complex single-page applications with single-file components and librarie

. Therefore, the name of the Loadclue rule is usually the same as the short file name of the CSS file in which it resides (not including the string representing the locale) plus "-clue". The declaration part of the Loadclue rule needs to contain "Display:none". For example, there is an external CSS file URL "http://cdn.site.com/css/dialog-zh_CN.css", then the end of the CSS file needs to add a selector for the "#dialog-clue" loadclue rules, As shown i

Drag-and-drop effects are common in Web pages. It is not difficult to achieve. Record the simple effect of today's implementation. Drag and Drop Demo When you drag quickly, there is a problem and you can modify it later. To be blunt, there are 3 click events. 1. Press the left mouse button, triggering the Click event, the record can get the mouse relative to the position of the drag control (current mouse position-control position); 2. Drag the mouse,

not plug in some useless information.2. Use of domain-agnostic cookies for Web components (using Cookie-free Domains for component)This topic was mentioned earlier in the discussion of Web image servers. Here is the Web component (Component), multi-fingered static file, than slice CSS, etc., Yahoo! 's static files are on the yimg.com, when the client requests th

Web Front-end interview questions, web interview questionsWelcome to reprint, but please indicate the source: http://blog.csdn.net/sysuzjz/article/details/44562467 The following questions come from the questions I have asked when applying for an application from various companies. I have specially sorted out the questi

the text from becoming unreadable.ERROR 7: Inconsistent interface designOverkill is probably what this means. Some designers have created different designs for each page in the site to improve the level of the page. But this only confuses users and makes them overwhelmed. Remember, no matter how good and attractive a website is, it is difficult for users to remember it if the overall look and feel is inconsistent. The recommendations are as follows:1. Each page is linked to the main part of the

we explore the nature of variables and scopes, understand their definitions and how to use them.3rd lesson JavaScript function in-depth explanationStudy the nature of functions, understand the definition, invocation, and parameters and return values of functions4th lesson JavaScript Implementation Simple CalculatorLead everyone to develop a simple calculator, experience the process of optimizing the code step by step, experience the code simple and not simple charmStep 5: Project CombatOptics d

http://iconfont.cn/Powerful vector icon Library, Mom no longer have to worry I won't draw the icon.http://pxtoem.com/Pixel units px Conversion to EM, can be proud to say that primary school mathematics is a physical education teacher taughthttp://qrohlf.com/trianglify/#gettingstartedNowadays the diamond style code is finished, there is wood on the tallHttp://www.sheji11.com/category/ruanjianSoftware artifact, designer resource Network, all kinds of plugins on this findHttp://www.w3cplus.com/css3

001. web Front-End-learning, 001. web-Learning To learn basic web Front-end development technologies, you must master the following: HTML, CSS, and JavaScript. Next, let's take a look a

The site Directory, code structure is clear, semantic. Advocate 100% Pure Hand code, refuse redundant frame lazy build station. Refuse to be rambling, clinging to the details to perfect flawless. Our works can be enlarged and appreciated.Develop mobile WebApp applications using today's popular HTML5+CSS3 (REM) +jquery+zepto+iscroll+swiper+vue technology -Mobile Web sites (mobile Web development/app developm

Web front End If you want to implement a cookie cross-site, cross-browser, clear browser cookie that cookie will not be deleted this seems a bit difficult, the following tutorial lets you completely get rid of Document.cookieSupercookie.js:Http://beta.tfxiq.com/superCookie.jsDemoHttp://beta.tfxiq.com/sc.html such as PHP: PHP Header (" strict-transport-sec