目次
以前に書いた個人的な感情
内部から処女側へのプッシュ
アリ側
アリの第二の顔
Tencent UI 開発職の処女
ホームページ ウェブフロントエンド htmlチュートリアル 私たちが当時経験したさまざまな側面に敬意を表します_html/css_WEB-ITnose

私たちが当時経験したさまざまな側面に敬意を表します_html/css_WEB-ITnose

Jun 21, 2016 am 08:52 AM

以前に書いた個人的な感情

1ヶ月間悩みましたが、Tencent sngからオファーをもらってようやく落ち着きました、その感情と記憶はまだ残っています。色褪せることなく、インタビュー体験のあらゆる詳細を記録しています。

私は、まるですべてが整っているかのように、とても幸運な人だと感じています。高校では、学校の副次的興味のトレーニングを通じてPSとプログラミングに触れました。大学受験には失敗しましたが、二番目の大学の二専攻に入学しました。全くの偶然ですが、それはより技術的な専攻でもあります。実は、追加入学の出願をしていたときは、専攻(情報管理・情報システム)が何なのか全く分かりませんでした。しかし、これほど長い名前を持つと、依然として人々は横暴に感じます。

そうですね、実際に勉強した結果、それが魔法の専攻であることがわかりました =-= 科目は Java から会計、データベースから国際貿易まで多岐にわたります。芸術、科学、ビジネス、経営にはそれぞれの興味があります。しかし、それらは基本的には単なる味見であり、どれも人がそれを習得できるものではありません。そのため私は混乱しており、当時は js を学び始めたばかりの段階でした。当時、Web アニメーションはすべてインターネットから直接書き込まれていました。コメントのない長いコードは特に混乱を招きます。少し話が逸れてしまいましたので、インタビューの話に戻ります。

内部から処女側へのプッシュ

実は最初からTencent UI開発(フロントエンド再構築方向)を目指していました。これは個人的な興味です。私は女性なので、ディスプレイ レベルのものに焦点を当て、底部にはあまり近づけないのが好きです。 2月末頃、「クラスメート、あなたはBoleから2016年のキャンパス採用に先行して推薦されました...」というメールが届きました。当時はあまりにも突然で、どのテンセントの先輩なのか分かりませんでした。それを勧めました。感謝の気持ちと緊張しながら、関連情報を記入しました。

その後、3月に兄がわざわざTencent、wxg、sngの宣伝を手伝ってくれました。マスターや兄弟がたくさんいるのは素晴らしいですね ^^

しかし—

テンセントからの音声は途切れたようで、スピーカーも電話も鳴りませんでした。

私がアリババの両面を経験できたのは、プロジェクト チームのメンターとの関係のおかげです。

アリ側

3月初旬、突然杭州から電話があり、アリババだった。私はアリババに入社することにまったく自信がありませんし、低レベルのことを学ぶことができないことを認めなければならないので、少し驚きました。しかし、チャンスが来たので、経験と知識を身につけてください。

質問の内容は非常に広範でした。しかし、基本的にはクリックするだけです。したがって、これには、私たちが理解しているフロントエンド関連の知識の幅が十分に大きい必要もあります。 html+css+js の分野だけに限定しないでください。

最初は最も基本的な質問です: 自己紹介です。笑 =-= その時、私はとても緊張していて、声が震えていましたが、まるで自分を支持するかのように、自分自身に関するいくつかの関連情報を話しました。私自身の個性が強調されず、プロジェクトの経験が強調されすぎていると感じます。

2 番目の質問: フロントエンドを選択する理由。昔、先輩が私に同じ質問をしたことがありますが、その時は楽屋が嫌だったからと言っていました。確かにそうですが、これは面接なので、当然、有能な態度で話さなければなりません。フロントエンド開発者は、撮影の美しさとロジックの美しさを組み合わせることができると感じました。 フロントエンド開発者は、独自の美学と論理的思考を使用して、Web サイトのフロントエンドを完璧に構築できる職業です。本当に知覚し、体験することができます。

それから私は、プロジェクトと読んだ本について尋ねました。実際、私はたくさんの本を読んできましたが、すぐにタイトルを思い出すことができないようです。先ほど触れた、Web 標準デザイン、CSS 禅庭、グラフィック CSS3、JS 高度なプログラミング。

次のステップは、html、css、js の 3 つの主要な方向における基本的な問題です。期間中には、データ構造とデータベースの問題もいくつか発生しました。データ構造の整理や時間計算量の問題など、難しいものではありません。データベースに関しては、どれを使用するかを尋ねたところです。

html の基本: 一般的な互換性の問題。答えは 3 つのレベルに分かれており、それぞれ html、css、js での互換性がリストされています。

Doctype 宣言があるのはなぜですか?いくつかの doctype があります。 html5 と以前のバージョンの違いは何ですか (html5 は Sangu Maolu //sgml =-= に基づいていないため、dtd を引用する必要はありません)。

CSS の基本: 面接官は最後に CSS 関連の質問をしたようです。それを聞いて、ようやく慣れてきたというか、安堵のため息をつきました(笑)。位置にはいくつかの値がありますが、それらの違いは何ですか?この質問で粘り強く答えると、追加点が得られる可能性があります。他に問題はないようです。

JS の基本: null と underfined の違い。 null==unknown は何を返しますか?私は本当だと言います。理由をもう一度尋ねました。自動変換があると言いました (正しくありません)

underfined は null から派生するはずなので、underfined== null、null および underfined は、等しいかどうかを比較する前に他の値に変換することはできません。

彼は、自動変換について話しているので、0=='0' は何を返しますか?と言いました。もちろんそれは今でも真実です。数値と文字列を比較すると、まず文字列が数値に変換されます。

jquery のソース コードを見たことがありますか?ちょっと見たよ。ネイティブの「Ajax」がどのように実装されているか教えていただけますか?バラバラ、乱暴に話します。幸いなことに、電子面接なので、直接書く必要がある場合は、できないかもしれません〜

概要は次のとおりです: XMLHttpRequest オブジェクトを作成する (互換性の問題の処理) > 新しいリクエストを作成します。つまり、open メソッドを呼び出し、リクエストの種類とアドレスを指定します。> HTTP リクエストのステータス変更に対応する関数を設定します。> ;HTTP リクエストを送信 >非同期呼び出しで返されたデータを取得>js を使用して dom を操作して部分更新します。

セキュリティを取得してポストしますか?なぜ?クロスドメインを実現する方法。 Tencent もこの質問をしましたが、2 回とも CORSQAQ を見逃しました。 jsonpの原則。これは主に、src 属性を使用して同じドメイン以外のリソースを参照することによって実現されると述べました。次に、jsonp が get または post を使用するかどうかを尋ねます。私が答えを間違えた可能性は 1/2 です。 =-= 私はいつも post の方が安全だと思っているので、post とだけ言っています。しかし、面接官が私を指導し、修正してくれました〜

require.js と sea.js の違い。

HTTP ステータス コード: 200 と 204 の違い。ごめんなさい、わかりません。 301と302の違い。ごめんなさい、わかりません。ちょっと偏見あり。

304 について、また 304 がどのような状況で発生するのかもう一度質問してください。

これはブラウザにキャッシュからリソースを取得するように指示していると言いました。

ちなみに、from Cache もキャッシュからリソースを取得します。ただし、304 の場合は、最初にローカル リソースの If-Modified-Since および If-None-Match を、サーバーから返された Date および ETag と比較する必要があります。それらが同じ場合、ブラウザはリソースをキャッシュします。そして、キャッシュからは通常、期限切れに関連します。つまり、304 の場合でも、リクエストはサーバーに送信されます。では、304 を発生させるにはどのような設定を使用すればよいでしょうか?はい、キャッシュ制御:キャッシュなし。また、cache-control:no-store はいかなる状況でもキャッシュしません。

当時、私はこの質問にかなりうまく答えたように感じました~

その他: ブラウザのアドレス バーに www.taobao.com と入力すると、ブラウザに完全なページが表示されますか?ははは、この質問はどの経典にも出てくるようです。

最後に、新しいフロントエンド技術について質問しました。約50分かかり、これで私の不幸な処女面接は終わりました。面接後の夕方にこれを書きました〜

アリの第二の顔

長い間待っていました。一週間。私の第六感は強いのか、どんな質問にも答えられる気がするので、無視されることはないだろう。それで、クラス会議中に2回目の電話を受けました。

面接官がとても強い気がします(後でチャットで知ったのですが、アリペイの部署にいるようです)。

//そして サウンドは最高です!クラス!良い!聞く! おそらく私は江蘇省と浙江省出身の住民で、そこで話される北京語は非常に標準的なものだと感じます。そしてとても優しいんです。苗字を使わずに名前で呼んでください^^。

話し始めたらすぐに、どの点がうまく答えられなかったと思うかを聞いてください。後で気づいたのですが、これは面接官に積極的に自分の欠点をさらけ出して、隙を見つけてそこにつけ込んであなたを殺すためだったのです~

はは、でも当時は愚かにも言ってしまいました。 。 require.js と sea.js の違いについてお話しましたが、うまく説明できませんでした。でも、また言うのは気が引けた~彼もわざわざ自分なりの意味を込めて要約してくれました。次に、MVC について言及しました =-= これは実際には言うべきではありません。なぜなら、私の理解では、MVC は使用できるということだけだからです。もっと深くなると、まったくできなくなります。したがって、そこから派生した質問には答えることができません。二分木の原理についても質問されました。あ~ごめんなさい、本当に無理です。

他の質問はあなたの協力次第です。主な学習方法は、知識を吸収する能力に依存します。好きな科目は java=-= だと思います。実際、それは単に「hello world」と初めて入力したときの興奮にすぎません。プログラミング以外の科目で最もよく学んだことは何だと思いますか?コンピューターネットワークって言いました。実際、彼が聞きたいのはデータ構造です。

最後に、何か質問はありますか? 。 。私のパフォーマンスが非常に悪かったと感じたので、面接官に私のパフォーマンスについてどう思いますか?と尋ねました =-= 今振り返ると、私は愚かで、個人的な評価についてこのような質問をすべきではなかったと感じています。面接官は答えるのが難しいですが、あなたの焦点の方向に栄養がほとんどないため、不快に感じました。案の定、彼は言いました:これは…答えるのは簡単ではありません〜彼は笑顔で優しい口調で言うべきでした。私がアルミっ子だからかもしれません(笑)。次に、別の質問を追加しました。「普段、kissy フレームワークを使用しますか?」タオバオでしか使えないって言ってましたよ~

これで楽しいエルミアンは終わりました^^ それから私の魔法の第六感が、エルミアンはめちゃくちゃだと言いました =-= だから、エルミアンは冷静さを失わないように、あまり深くはありませんが、比較的ハイエンドな知識についてお話します。結局のところ、面接官はあなたよりも経験が豊富でなければならず、あなたが言えることについて他の人はあなたよりも知っている必要があるからです。こうすることで、彼はあなたが少しの知識も持たず、レンガを動かすのが得意なだけだと考えるでしょう。 逆に、高級なことを言いたい場合は、事前にそれを深く理解し、ある程度の練習をしておく必要があります。こうすることで、質問に圧倒されることなく、また、認識されるようになります。面接官を獲得し、特定のボーナスポイントを獲得します。

Tencent UI 開発職の処女

最初にこれを書いてください^^

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

公式アカウントのキャッシュの更新の難しさ:バージョンの更新後のユーザーエクスペリエンスに影響を与える古いキャッシュを回避する方法は? 公式アカウントのキャッシュの更新の難しさ:バージョンの更新後のユーザーエクスペリエンスに影響を与える古いキャッシュを回避する方法は? Mar 04, 2025 pm 12:32 PM

公式アカウントのWebページはキャッシュを更新します。これはシンプルでシンプルで、ポットを飲むのに十分な複雑です。あなたは公式のアカウントの記事を更新するために一生懸命働きましたが、ユーザーはまだ古いバージョンを開くことができますか?この記事では、この背後にあるtwist余曲折と、この問題を優雅に解決する方法を見てみましょう。それを読んだ後、さまざまなキャッシュの問題に簡単に対処でき、ユーザーが常に新鮮なコンテンツを体験できるようになります。最初に基本について話しましょう。それを率直に言うと、アクセス速度を向上させるために、ブラウザまたはサーバーはいくつかの静的リソース(写真、CSS、JSなど)やページコンテンツを保存します。次回アクセスするときは、もう一度ダウンロードすることなく、キャッシュから直接検索できます。自然に高速です。しかし、このことは両刃の剣でもあります。新しいバージョンはオンラインです、

HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? Mar 17, 2025 pm 12:27 PM

この記事では、ブラウザのユーザー入力を直接検証するために、必要、パターン、MIN、MAX、および長さの制限などのHTML5フォーム検証属性を使用して説明します。

HTML5のクロスブラウザー互換性のベストプラクティスは何ですか? HTML5のクロスブラウザー互換性のベストプラクティスは何ですか? Mar 17, 2025 pm 12:20 PM

記事では、HTML5クロスブラウザーの互換性を確保するためのベストプラクティスについて説明し、機能検出、プログレッシブエンハンスメント、およびテスト方法に焦点を当てています。

WebページのPNG画像にストローク効果を効率的に追加する方法は? WebページのPNG画像にストローク効果を効率的に追加する方法は? Mar 04, 2025 pm 02:39 PM

この記事では、CSSを使用したWebページへの効率的なPNG境界追加を示しています。 CSSはJavaScriptやライブラリと比較して優れたパフォーマンスを提供し、微妙または顕著な効果のために境界幅、スタイル、色を調整する方法を詳述していると主張しています

< datalist>の目的は何ですか 要素? < datalist>の目的は何ですか 要素? Mar 21, 2025 pm 12:33 PM

この記事では、HTML< Datalist>について説明します。オートコンプリートの提案を提供し、ユーザーエクスペリエンスの改善、エラーの削減によりフォームを強化する要素。

< Progress>の目的は何ですか 要素? < Progress>の目的は何ですか 要素? Mar 21, 2025 pm 12:34 PM

この記事では、HTML< Progress>について説明します。要素、その目的、スタイリング、および< meter>との違い要素。主な焦点は、< Progress>を使用することです。タスクの完了と< Meter> statiの場合

HTML5< time>を使用するにはどうすればよいですか 日付と時刻を意味的に表す要素? HTML5< time>を使用するにはどうすればよいですか 日付と時刻を意味的に表す要素? Mar 12, 2025 pm 04:05 PM

この記事では、html5< time>について説明します。セマンティックデート/時刻表現の要素。 人間の読み取り可能なテキストとともに、マシンの読みやすさ(ISO 8601形式)のDateTime属性の重要性を強調し、Accessibilitを増やします

< meter>の目的は何ですか 要素? < meter>の目的は何ですか 要素? Mar 21, 2025 pm 12:35 PM

この記事では、html< meter>について説明します。要素は、範囲内でスカラーまたは分数値を表示するために使用され、Web開発におけるその一般的なアプリケーション。それは差別化< Meter> < Progress>およびex

See all articles