フロントエンド開発エンジニアの必須スキル
3243 ワード
先端開発エンジニアが理解しなければならないことはたくさんありますが、以下に簡単に列挙します.会点设计,不要求精致,处理图片,设计个小广告是要的; HTML+CSSに精通し、各ブラウザの互換性の問題を迅速に処理することができる. JavascriptまたはActionscriptを熟練し、加点に精通している. JSフレームワーク、例えばjQuery/YUIなどを熟練して使用して、そしてソースコードを解読して、熟練したマルチフレームワークの加点; Ajax技術に精通し、必要である. Firebugなどの開発デバッグツールに精通している. コードの意味化、最適化、圧縮、反圧縮を理解する. SEOに対して一定の理解があって、特にHTMLの構造とラベルの使用; 効率的にCSS Spriteを合成する; サーバに関する基本的な知識を理解する. PHP/ASP.のようなバックエンド言語を熟練している.NETなど、絶対加算項目; は自分のウェブサイトがあります(ウェブサイトのすべてのものに対する把握を見ます); はモバイル開発に対して一定の理解と関与がある. HTML 5とCSS 3技術(主にモバイル応用開発に用いられる)を熟練している. 効率開発、優れた開発ソフトウェア操作; ユーザー体験研究があり、人間的なページ開発に注目している. ブラウザの動作原理を理解し、w 3 c標準を理解し、web 2を理解する.0; **-
ステータスコードは3桁の数字で構成され、最初の数字は応答のカテゴリを定義し、5つの可能な値があります:1 xx:指示情報–要求が受信されたことを示し、2 xxの処理を継続します:成功–要求が正常に受信されたことを示し、理解したことを示します.3 xxを受け入れる:リダイレクト–要求を完了するにはさらに進む必要があります4 xx:クライアントエラー–構文エラーを要求するか、5 xxを実現できない要求を要求します:サーバ側エラー–サーバは合法的な要求を実現できません
フロントエンドテクノロジスタックフロントエンドベース
以上はフロントエンドの基本的な仕事で、いくつかのHTML 5の新しい特性、新しいAPIとCSS 3のいくつかの新しい特性、およびES 6の新しい文法も比較的に人気があって、訓練の中ですべて関連しています.
フレームまたはライブラリ
これはフロントエンドでよく使われるライブラリとフレームワークです.jQuery bootstrap requireJs echarts vue angularJs ionicのいくつかのツールが現在最も使用されている主なツールは、npmモジュール管理ツール、gulp、grunt、webpackなどの自動化またはモジュール管理ツールです.トレーニングで主に話しているときはwebpackです.
先端基盤–html 5 html 5の2年前は非常に火がついていたが、h 5の主な変化は以下の点だった.
ヘッダー、section、footerなどの構造要素が追加されました.contentEditableのようにフォームタイプが追加されました.number、urlなどは、それほど一般的ではない要素やcssで実現できる要素を廃止しました.ストレージに関連するlocalStroage、sessionStroage、indexedDBファイルアクセスに関するFileSystemに関するインタフェースcacheインタフェースcanvas video、audio websocket webworkerさらにいくつかのイベントが追加されました参照:w 3 school
フロントエンドベース–css 3は本当に素晴らしいと言わざるを得ません.特に彼のアニメーションですが、マスターするのは難しいです.css 3に関連するものは以下の通りである.
セレクタの拡張スタイル、例えば背景、文字、枠線などのレイアウト関連のもの、例えばflex、columnなどの変形、transform過剰効果、transitionキーベースのアニメーション、animation
フロントエンドの新しい知識–ES 6 ES 6は変に見えますが、とても面白いです.私は彼の関数パラメータのデフォルト値、モジュール管理、promiseが好きです.チェン一峰先生の本を参考にして、ES 6のポイントは以下の通りです.
letとconstキーワード変数の解構賦値文字列の拡張正則の拡張数値の拡張関数の拡張配列の拡張オブジェクトの拡張Symbol SetとMapデータ構造Proxy Reflect PromiseオブジェクトIteratorとfor…ofサイクルGenerator関数の構文Generator関数の非同期アプリケーションasync関数Classの基本構文Classの継承Decorator Moduleの構文ModuleのロードはES 6のコードに実装されています(変ではありませんか、ps:コードブロックの作成を練習します)
function bar(func = () => foo) { let foo = ‘inner’; console.log(func()); }
bar()//ReferenceError: foo is not defined
フロントエンドフレームワークまたはライブラリ–jqueryのすべての学フロントエンドがjqueryを知らないはずがないが、個人的にはjqueryには次のような特徴があると考えている.
強力なセレクタは、もちろんh 5 apiでも使いやすい方法で互換性の良いアニメーションを実現できる豊富なプラグインをサポートしています.参照:jquryドキュメント
ステータスコードは3桁の数字で構成され、最初の数字は応答のカテゴリを定義し、5つの可能な値があります:1 xx:指示情報–要求が受信されたことを示し、2 xxの処理を継続します:成功–要求が正常に受信されたことを示し、理解したことを示します.3 xxを受け入れる:リダイレクト–要求を完了するにはさらに進む必要があります4 xx:クライアントエラー–構文エラーを要求するか、5 xxを実現できない要求を要求します:サーバ側エラー–サーバは合法的な要求を実現できません
、 ：
200 OK //
400 Bad Request // ，
401 Unauthorized // ， WWW-Authenticate
//
403 Forbidden // ，
404 Not Found // ，eg： URL
500 Internal Server Error //
503 Server Unavailable // ， ，
eg：HTTP/1.1 200 OK
フロントエンドテクノロジスタックフロントエンドベース
以上はフロントエンドの基本的な仕事で、いくつかのHTML 5の新しい特性、新しいAPIとCSS 3のいくつかの新しい特性、およびES 6の新しい文法も比較的に人気があって、訓練の中ですべて関連しています.
フレームまたはライブラリ
これはフロントエンドでよく使われるライブラリとフレームワークです.jQuery bootstrap requireJs echarts vue angularJs ionicのいくつかのツールが現在最も使用されている主なツールは、npmモジュール管理ツール、gulp、grunt、webpackなどの自動化またはモジュール管理ツールです.トレーニングで主に話しているときはwebpackです.
先端基盤–html 5 html 5の2年前は非常に火がついていたが、h 5の主な変化は以下の点だった.
ヘッダー、section、footerなどの構造要素が追加されました.contentEditableのようにフォームタイプが追加されました.number、urlなどは、それほど一般的ではない要素やcssで実現できる要素を廃止しました.ストレージに関連するlocalStroage、sessionStroage、indexedDBファイルアクセスに関するFileSystemに関するインタフェースcacheインタフェースcanvas video、audio websocket webworkerさらにいくつかのイベントが追加されました参照:w 3 school
フロントエンドベース–css 3は本当に素晴らしいと言わざるを得ません.特に彼のアニメーションですが、マスターするのは難しいです.css 3に関連するものは以下の通りである.
セレクタの拡張スタイル、例えば背景、文字、枠線などのレイアウト関連のもの、例えばflex、columnなどの変形、transform過剰効果、transitionキーベースのアニメーション、animation
フロントエンドの新しい知識–ES 6 ES 6は変に見えますが、とても面白いです.私は彼の関数パラメータのデフォルト値、モジュール管理、promiseが好きです.チェン一峰先生の本を参考にして、ES 6のポイントは以下の通りです.
letとconstキーワード変数の解構賦値文字列の拡張正則の拡張数値の拡張関数の拡張配列の拡張オブジェクトの拡張Symbol SetとMapデータ構造Proxy Reflect PromiseオブジェクトIteratorとfor…ofサイクルGenerator関数の構文Generator関数の非同期アプリケーションasync関数Classの基本構文Classの継承Decorator Moduleの構文ModuleのロードはES 6のコードに実装されています(変ではありませんか、ps:コードブロックの作成を練習します)
function bar(func = () => foo) { let foo = ‘inner’; console.log(func()); }
bar()//ReferenceError: foo is not defined
フロントエンドフレームワークまたはライブラリ–jqueryのすべての学フロントエンドがjqueryを知らないはずがないが、個人的にはjqueryには次のような特徴があると考えている.
強力なセレクタは、もちろんh 5 apiでも使いやすい方法で互換性の良いアニメーションを実現できる豊富なプラグインをサポートしています.参照:jquryドキュメント