2. 程式人生 > >前端經驗

前端經驗

阿新 • • 發佈：2018-06-17
處理 指定 等號 保存信息 支持中文 解析 tle 找到 布爾

PHP與數據庫

1. 判斷連接是否成功

$mysqli = new mysqli($DBHOST,$DBUSER,$DBPASS,$DBNAME);

if($mysqli->connect_error)//返回字符串則表示有錯誤，否則返回NULL

2. 判斷查詢是否成功mysqli_query返回值

出錯代碼:

$dbc = mysqli_connect($DBHOST,$DBUSER,$DBPWD,$DBNAME);

$q = "select * from user where u_name=‘yao‘";

$a = mysqli_query($dbc,$q);

if(mysqli_num_rows($a) == 1){..}

報錯代碼:

if(mysqli_num_rows($a) == 1){..}

報錯內容:

Warning: mysqli_num_rows() expects parameter 1 to be mysqli_result, boolean given in/usr/local/work/apache/htdocs/fo/php/checkForm.php on line10

報錯原因：

mysqli_query查詢失敗時返回FALSE;如果查詢成功，那麽，對於SELECT/SHOW/DESCRIBE/EXPLAIN查詢，會返回一個mysqli_result對象。而對於其它正確的查詢，會返回TRUE。

解決辦法：

對mysqli_query的返回值進行檢查，確保不是布爾值FALSE才能作為mysqli_num_rows的參數

if($a && mysqli_num_row($a) == 1)

或者

if($result = mysqli_query($dbc,$query))

{

$n = mysqli_num_rows($result);

}

參考鏈接:

php手冊 http://cn.php.net/manual/en/mysqli.query.php

PHP與表單

一. 表單變量的HTML書寫格式

復選框的name設置比較特殊，為了方便使用PHP獲取復選框的值

[html]
view plain copy print?
  1. <input type="checkbox" id="loveFruits-apple" name="loveFruits[]" value="apple" />
  2. <label for="loveFruits-apple">蘋果</label> 
<input type="checkbox" id="loveFruits-apple" name="loveFruits[]" value="apple" />
<label for="loveFruits-apple">蘋果</label>

<input type="checkbox" id="loveFruits-pear" name="loveFruits[]" value="pear" />

<label for="loveFruits-pear">梨</label>

二. 獲取表單變量值

提交表單之後，如果需要獲取checkbox的值，務必先用isset檢測，這和別的表單元素不一樣

假如用戶沒有勾選checkbox中的任一項，那麽如果不檢測而直接訪問$_POST[‘loveFruits‘]則PHP報錯

Notice: Undefined index loveFruits

[php] view plain copy print?
  1. <?php
  2. if(isset($_POST[‘loveFruits‘))
  3. {
  4. $aLoveFruits = $_POST[‘loveFruits‘];
  5. for($i=0,$iLen=count($aLoveFruits); $i<$iLen;$i++)
  6. {
  7. echo $aLoveFruits[$i];
  8. }
  9. }
  10. }
  11. ?> 
<?php
   if(isset($_POST[‘loveFruits‘))
   {
        $aLoveFruits = $_POST[‘loveFruits‘];
        for($i=0,$iLen=count($aLoveFruits); $i<$iLen;$i++)
        {
            echo $aLoveFruits[$i];
        }
   }
}
?>



編碼

一. PHP的header()函數與HTML<meta>標簽

HTTP響應格式

HTTP 響應包含四部分，一是Status Line，二是Header部分，三是Body部分，其中，二三部分由空行隔開。

Body部分是完整的文檔，例如:

<!DOCTYPE html PUBLIC ...>

<html xmlns="" xml:lang="en">

<head><meta http-equiv="Content-Type" content="text/html;charset=utf-8" ></head>

<body>for test</body>

</html>

Status Line指出協議版本、響應編碼和狀態，例如：

HTTP/1.1 200 ok

Header部分提供關於緩存、編碼、服務器信息等各種信息，例如：

Cache-Control:public

Content-Type:text/html;charset=gb2312

Expires:

Last-Modified:

註意到Header部分和Body部分都可能存在Content-Type，其中指定的編碼指出該使用什麽樣的解碼方式來解讀發送給瀏覽器的文檔。不過，瀏覽器會優先采用Header部分指定的Content-Type。

設置HTTP響應的Header部分的Content-Type，有多種方式。按優先級由高到低，一是在PHP文檔(例如index.php)中使用header()函數；二是在php配置文件中指定default_mimetype和default_charset；三是在APACHE的配置文件httpd.conf中使用指令AddDefaultCharset 。這幾種方式都會導致通過<meta>標簽指定的字符編碼被忽略，header()指出的編碼優先級比httpd.conf中配置的編碼高。盡量不要使用AddDefaultCharset，否則<meta>標簽指定編碼的方法就失效了；對於PHP程序，使用header()函數指出編碼是好習慣，有比較好的移植性。

二. 文件本身的編碼

老工程師傾向於統一字符編碼為UTF-8，即，文件的編碼為UTF-8，發送給瀏覽器的文件中，指明編碼為UTF-8（通過<meta>或php的header()函數等），然後就省卻各種轉換。(通過<meta>和<header>等)

尤其是，AJAX默認接收的是UTF-8字符，如果在文件中給AJAX傳遞GB2312的參數，那就悲劇了，亂碼無法避免。

為了使得在UBUNTU下創建的文件默認都是UTF-8編碼的，我設置了LC_CTYPE="zh_CN.UTF-8"

方法是在 /etc/environment文件裏添加 LC_CTYPE="zh_CN.UTF-8"。zh表示中文(拼音"zhongwen")，CN表示中國大陸(英語CHINA)。關於字符集，先說說UNICODE，UNICODE這個字符集使用四字節表示一個符號，但存儲效率低；UTF-8和UNICODE類似，針對一些符號，使用比較少的字節進行編碼。

設置之後，則若touch null.php;使用vi null.php並輸入冒號及 set fileencoding可以查看文件的編碼，比較奇怪的是，使用file --mime-encoding查看一個文件的字符集是無效的。在我的系統中，使用file命令查看一個含有中文字符的文件的字符集，結果將是iso-8859-1（此字符集不支持中文）；而vi下使用set fileencoding能正確地顯示UTF-8。

為了將以往的非UTF-8文件進行轉碼為UTF-8，我使用ICONV

對於使用其它編碼的文件，可以使用iconv來轉化成UTF-8格式。格式是，iconv -f ‘gb2312‘ -t ‘utf-8‘ file -o newfile 。

使secureCRT 和 putty 程序用UTF-8解析文件

secureCRT: 會話選項-->外觀-->字符編碼-->UTF-8

putty : 點左上角圖標出現下拉列表--->點change settings-->點translation-->修改編碼為UTF-8

使用SCREEN程序，在secureCRT 和putty下無法顯示UTF-8的問題，修改.screenrc文件

去掉一下三行的註釋

defutf8 on
defencoding utf-8
encoding utf-8 utf-8

但是，如果某個screen使用過程中斷網，之後使用 -r 選項恢復這個screen，那麽，此時，依舊無法顯示UTF-8編碼。目前還沒有研究解決方法。

SESSION 與 COOKIE

一. 各自的特點

1. COOKIE 在瀏覽器端和服務器端都能獲取到；SESSION只能在服務器端訪問。

二. 實踐

1. JAVASCRIPT 子COOKIE

《javascript高級程序設計》提到了“子COOKIE”的概念，大致的意思是為了在一條COOKIE中盡可能多保存信息。使用以下形式設置COOKIE:

name=name1=value1&name2=value2&name3=value3

在JAVASCRIPT中設置子COOKIE的技巧是，對該字符串中的name和value進行URL編碼，而對等號(=)和與號(&)不編碼。獲取子cookie的技巧是，先用&後用=進行字符串分割，然後再解碼。這樣即使name1等或者value1等中包含等號(=)或與號(&)都能不失真地設置和獲取子COOKIE。

2. PHP 子COOKIE

筆者在實踐過程中，也曾想用PHP實現這種不失真的子COOKIE。不過在有限的時間內沒有找到好的辦法，由於使用PHP的setcookie函數設置COOKIE值會自動進行URL編碼，所以這明顯不符合我的需求。於是采用setrawcookie() 函數。並且，默認name1/value1之類的不包含等號（=）和與號（&）。

我用PHP封裝的子COOKIE如下，在我最近做的小網站中派上用場了，挺方便。

[php] view plain copy print?
  1. class CookieUtil
  2. {
  3. //name value expire path domain secure httponly
  4. //把名值對都存入數組中，作為參數傳入
  5. public static function setSubCookie($sName,$aPairs,$iExpire=0,$sPath=‘/‘,$sDomain="",$bSecure=false,$bHttpOnly=false)
  6. {
  7. $sCookieText = "";
  8. $bFirst = true;
  9. if($aPairs)
  10. {
  11. //遍歷數組進行編碼，等號和&符號不編碼
  12. foreach($aPairs as $key=>$value)
  13. {
  14. // echo $key.$value;
  15. if(strlen($key) > 0)
  16. {
  17. if(!$bFirst)
  18. {
  19. $sCookieText .= "&";
  20. }
  21. $sCookieText .= urlencode($key)."=".urlencode($value);
  23. $bFirst = false;
  24. }
  25. }
  26. // echo $sCookieText;
  27. }
  28. return setrawcookie(urlencode($sName),$sCookieText,$iExpire,$sPath,$sDomain,$bSecure,$bHttpOnly);
  29. }
  30. public static function getSubCookie($sName)
  31. {
  32. $aPairs = array();
  33. if(isset($_COOKIE[urlencode($sName)]))
  34. {
  35. $sCookieText = $_COOKIE[urlencode($sName)];
  36. $aKeyVals = explode(‘&‘,$sCookieText);
  38. foreach($aKeyVals as $value)
  39. {
  40. $aKeyAndVal = explode(‘=‘,$value);
  41. // var_dump($aKeyAndVal);
  42. $aPairs[$aKeyAndVal[0]] = $aKeyAndVal[1];
  43. }
  44. }
  45. // var_dump($aPairs);
  46. return $aPairs;
  47. }
  48. }
  50. 千言萬語匯成一句話，不解釋~ 
class CookieUtil
{
    //name value expire path domain secure httponly
    //把名值對都存入數組中，作為參數傳入
     public static function setSubCookie($sName,$aPairs,$iExpire=0,$sPath=‘/‘,$sDomain="",$bSecure=false,$bHttpOnly=false)
    {
        $sCookieText = "";
        $bFirst = true;
        if($aPairs)
        {
            //遍歷數組進行編碼，等號和&符號不編碼
            foreach($aPairs as $key=>$value)
            {
//              echo $key.$value;
                if(strlen($key) > 0)
                {
                    if(!$bFirst)
                    {
                        $sCookieText .= "&";
                    }
                    $sCookieText .= urlencode($key)."=".urlencode($value);

                    $bFirst = false;
                }
            }
//          echo $sCookieText;
        }
        return setrawcookie(urlencode($sName),$sCookieText,$iExpire,$sPath,$sDomain,$bSecure,$bHttpOnly);
    }
    public static function getSubCookie($sName)
    {
        $aPairs = array();
        if(isset($_COOKIE[urlencode($sName)]))
        {
            $sCookieText = $_COOKIE[urlencode($sName)];
            $aKeyVals = explode(‘&‘,$sCookieText);

            foreach($aKeyVals as $value)
            {
                $aKeyAndVal = explode(‘=‘,$value);
//              var_dump($aKeyAndVal);
                $aPairs[$aKeyAndVal[0]] = $aKeyAndVal[1];
            }
        }
//      var_dump($aPairs);
        return $aPairs;
    }
}

 千言萬語匯成一句話，不解釋~

使用方法大致是：

[php] view plain copy print?
  1. <?php
  2. //設置
  3. $aInput[‘uname‘]="智譯哥";
  4. $aInput[‘umail‘]="[email protected]";
  5. CookieUtil::setSubCookie(‘user‘,$aInput,time()+3600*24*30,"/",$yourSite,false,false);
  6. ?> 
<?php
    //設置
    $aInput[‘uname‘]="智譯哥";
    $aInput[‘umail‘]="[email protected]";
    CookieUtil::setSubCookie(‘user‘,$aInput,time()+3600*24*30,"/",$yourSite,false,false);
?>

[php] view plain copy print?
  1. <?php
  2. //獲取
  3. $aOutput = CookieUtil::getSubCookie(‘user‘);
  4. echo $aOutput[‘uname‘];
  5. echo $aOutput[‘umail‘];
  6. ?> 
<?php
   //獲取
   $aOutput = CookieUtil::getSubCookie(‘user‘);
   echo $aOutput[‘uname‘];
   echo $aOutput[‘umail‘];
?>

3. 意外

苦於差勁的網絡狀況，不得不使用XAMPP來本地建站調試，期間使用我心愛的CookieUtil::setSubCookie時，發現在FF和Chrome下無法設置COOKIE，其它如FF和OPERA沒問題。在諸多調試之後，KB的我才意識到也許是LOCALHOST的問題，我調用setSubCookie時傳入的域名參數是localhost,這不是一個有效的域名，IE和OPERA都不支持，放到線上就OK了。

這個折騰讓時間已不多的我心痛不已。

HTML/CSS

一. IE6 BUG

1. IE6 重復字符BUG

在《精通CSS 高級WEB標準解決方案》第二版第9章，作者提到了這個BUG，此BUG可以描述為，當多個浮動元素之間包含註釋時，最後一個浮動元素的內容的最後幾個字符可能會重復出現。今天（20120416）我也遇到這個問題了，很慶幸書上講到過這個BUG。不過，我遇到的這個具體的重復字符BUG不是由註釋引起，而是由設置為display:none;的元素引起。

註意到兩個input之間夾著一個label。我把 label 設置為 display:block;float:left; 把 input 設置為 display:none; 於是在IE6下發生了字符重復（"名登陸"）。

<label for="way-umail">郵箱登陸</label>

<input id="way-umail" name="way" class="umail" type="radio" checked="checked" />

<label for="way-uname" class="label-uname">用戶名登陸</label>

<input id="way-uname" name="way" class="uname" type="radio" />

最後，我把夾在兩個Input之間的label取出放到別處，問題解決。

2. 浮動元素的父元素影響浮動效果

一個常見的問題是，如果子元素絕對定位，父元素需要指定為相對定位，否則容易出問題；今天（20120416）我碰到個問題，子元素浮動，在其它瀏覽器下效果良好，但到了IE6下會莫名其妙地多出來空間，而且經過IE DEVELOPER TOOLS 檢查多出來的空間不屬於任何元素。我沒能提取出最少的代碼展現這個問題，此處記下，以後出問題時嘗試設置父元素高度即可，不繼續追究了。經過設置父元素高度，解決了問題。 IE6 下效果： 技術分享圖片

其它瀏覽器效果：

技術分享圖片

3. checkbox的小正方形周圍多出來空白區域

註意到下圖checkbox小正方形，旁邊多出來一些空白區域。這些空白區域很像設置了padding，但是通過IE developer tools查看，並沒有padding。 技術分享圖片 其它瀏覽器效果： 技術分享圖片

解決方法是把 小方框的寬度設置為14px，多了不行少了也不行。

JAVASCRIPT

一. 操作DOM

1. 對DOM元素的類型進行增、刪、查操作

由於還是初學階段，不很喜歡用JQUERY，所以還是把這幾個簡單的功能自己實現一下。其中，使用className可以獲得跨瀏覽器兼容性。註意到在className中搜索某個類名時，需要保證匹配的字符串前後的字符不能是除了空格之外的字符。例如要匹配的類名是"a-b"，那麽，假如className等於" a-b-c 0-a-b"，那麽就會失配。

這段代碼處理能力有限，當sClass包含括號、中括號、花括號等正則式元字符時，可能會出問題，不過，沒幾個人會用這些符號做類名吧，所以不考慮。

代碼如下：

[javascript] view plain copy print?
  1. ClassManager = {
  2. isClass:function(oElement,sClass)
  3. {
  4. var oRe = new RegExp("(^| +)"+sClass+"( +|$)","");
  5. if(oRe.test(oElement.className)){
  6. return true;
  7. }else{
  8. return false;
  9. }
  10. },
  11. addClass:function(oElement,sClass)
  12. {
  13. if(!this.isClass(oElement,sClass)){
  14. oElement.className += " "+sClass;
  15. }
  16. //alert("after add" + oElement.className);
  17. },
  18. delClass:function(oElement,sClass)
  19. {
  20. var oRe = new RegExp("(^| +)"+sClass+"( +|$)","");
  21. if(this.isClass(oElement,sClass)){
  22. oElement.className = oElement.className.replace(oRe," ");
  23. }
  24. //alert("after del" + oElement.className);
  25. }
  26. }; 
ClassManager = {
    isClass:function(oElement,sClass)
    {
        var oRe = new RegExp("(^| +)"+sClass+"( +|$)","");
        if(oRe.test(oElement.className)){
            return true;
        }else{
            return false;
        }
    },
    addClass:function(oElement,sClass)
    {
        if(!this.isClass(oElement,sClass)){
            oElement.className += " "+sClass;
        }
        //alert("after add" + oElement.className);
     },
    delClass:function(oElement,sClass)
    {
        var oRe = new RegExp("(^| +)"+sClass+"( +|$)","");
        if(this.isClass(oElement,sClass)){
            oElement.className = oElement.className.replace(oRe," ");
        }
        //alert("after del" + oElement.className);
    }
};



二. 事件

1. 瀏覽器兼容性

1）IE 只支持事件冒泡流，事件從源元素開始向元素的父元素傳播，直至HTML元素，最後是document節點；FF等還支持事件捕獲流，與冒泡流傳播順序相反。 2）DOM事件流包括三個階段，事件捕獲階段、處於目標階段、事件冒泡階段。根據《javascipt高級程序設計》的講解，我的理解是，從當事件傳播到源元素的瞬間，到事件處理程序開始執行的瞬間，這個階段是處於目標階段。而整個事件處理程序執行的過程歸屬於事件冒泡階段。 3）IE不支持DOM事件流，其它OK。 4）onblur 和 onfocus不支持事件冒泡 轉自：https://blog.csdn.net/yaozhiyi/article/details/7437925

前端經驗

相關推薦

前端經驗

處理 指定 等號 保存信息 支持中文 解析 tle 找到 布爾 PHP與數據庫 1. 判斷連接是否成功 $mysqli = new mysqli($DBHOST,$DBUSER,$DBPASS,$DBNAME); if($mysqli->connect_err

他曾經學完Web前端，給大家留下寶貴的學習web前端經驗

找到 其他人 貴的 直播課程 他也 ML 不清楚 html 曾經 前幾天接觸了一個叫小易的大專生，學機電一體化，我們都知道，現在大學都是在混日子，打遊戲度日，大專更是如此，一個人很容易被環境影響，他的寢室也都是打了三年遊戲過來的同學，他也是其中一個。畢業後，做了三個月的銷售

後端介面遷移（從 webapi 到 openapi）前端經驗總結

此文已由作者張磊授權網易雲社群釋出。 歡迎訪問網易雲社群，瞭解更多網易技術產品運營經驗。 前情提要 以前用的是 webapi 現在統一切成 openapi，欄位結構統統都變了 接入介面 20+，涉及模組的建立等主要流程。 頁面基本無改，僅有一個新需求，建立時新增一個欄位 其他依賴介面需要接入模組

前端需要學多久，一個老前端經驗心得

前端需要學多久？這是一個新人的人喜歡問的問題，這個問題也很容易回答：如果你不想學，現在就可以停止。如果你想學，用一輩子的時間也學不完。借用一句話：“前端工程師，首先你得是工程師”，既然是工程師，無窮無盡的知識就放在那，誰敢說在幾年之內能學完，咱們都不說歷史累計的知識，就說新增

我沒有前端經驗，但1天就搞定了開源專案主頁

## 前言 前段時間打算為自己的開源專案做一個主頁，一方面有個好的門面能提升專案的關注度，一方面也能對專案所涉及的資源做一個整合。 其實原先專案已經有一個文件主頁，比較簡潔，大致長這樣： ![04b3mF.png](https://img2020.cnblogs.com/other/268224/202

html css 前端基礎 學習方法及經驗分享

編譯 安裝 切圖 開發 如果 積累 推薦 前端 集成 前言： 　　入園第一天，想分享一點兒前端基礎html css 的學習方法和一些經驗給熱愛前端，但是不知道從哪兒開始，依舊有些迷茫的新手朋友們。當然，適合每個人的學習方式不同，以下所講的僅供參考。 　　一、關於基礎語法 　

<經驗雜談>前端form提交導出數據

count ssa date ice base class appendto oid 安全 之前在做列表的是總會遇到一些導出的功能，而在做導出的時候總是習慣於用get的方法將參數放在url上，這樣一來就會有很多的弊端，一是url的參數長度有限，遇到有的參數很長的時候就會報錯

web前端進階突破瓶頸的前者經驗

想要 使用 post 有用 details 教程 for pap 看大牛 這裏再說一下自己為什麽會迷茫，技術學到某個階段就很難提升了，更多只能靠自己摸索，沒有人可以指導，就像是創業公司的CEO，突然想起之前的一家公司老板當時說的話，你看我現在好像是成功了，但是每天

Lync 項目經驗-18-三臺前端服務器同時停止兩臺後-前端服務啟不來

服務器 Lync 問題描述：在企業中，針對Skype for business Server 2015的前端服務器一般使用3臺加入前端服務器池中，再通過硬件負載均衡器進行前端服務器的Web服務器的負載。但如果你關閉前端服務器，如果關閉先後或者同時關閉，有可能出現你3臺前端服務器的前端服務都起不來。解

Lync 項目經驗-36-分配公網證書 For SFB 2015-前端服務器(圖解)

服務器 Lync 151-SFBFE01.i-x-Cloud.com 152-SFBFE02.i-x-Cloud.com 153-SFBFE03.i-x-Cloud.com The same way! Start-CsWindowsService Lync 項目經驗-3

前端新人的面試經驗

怎樣 評價 依賴註入 作者 ans dia 閉包 反轉 res 雙非本科，通信工程，算是轉到IT行業這邊的了。從大二暑期正式開始學習前端，想想已經一年的時間了。期間經歷了很多，從迷惘到清晰，從艱難自學到找到實習，從備戰秋招到找到工作。能經歷的我都經歷過了。來說

一年經驗初探阿里巴巴前端社招

一般阿里社招都是招3-5年的P6+高階工程師，當初自己一年經驗也沒有想過有這個面試機會。 雖然沒想著換工作，但是經常關注一些招聘網站的資訊，某一天，在某boss上有個人找我，叫我發一下簡歷，我一看是阿里的某技術專家，雖然之前也有阿里的在某boss上給我要簡歷，但是我深知自己經驗不足，然後給boss說我是16

web前端部署過程中快取出現的問題 生產實戰經驗 移動端H5

目錄 增加時間戳 或者 版本號 chrome: provisional header are showed 漏掉的ng-include 手機各種機型 對快取的不同處理 (2018) – 移動端H5混合應用的新版本生產部署之後， 出現的各種情況和實

「經驗分享」零基礎學習web前端需瞭解的企業最新行情+學習路線

下面是我給自學web前端的幾個建議： 建議一：有系統的學習方案，系統的學習教程，先把web前端學了一遍之後才是真正的入門，然後就是不斷的練習，不斷的鞏固，為之後的工作打下堅實的基礎。 建議二：學習web前端不要先看書學，一定要先把一塊的知識點學完一遍，並且自己多多少少會動手操作，然後

一年內經驗前端面試題記錄

state lex mob 綁定 for rtu 哪些 其他 ava JavaScript JavaScript文件在什麽情況下會放在html哪個位置 map,forEach,reduce區別 cookie,session,localStroage區別 call,ap

web前端工程師具備經驗和知識點（持續更新中）

web前端工程師必備 1、瞭解 DNS 解析，充分利用 CDN，使用多個域名來完成資源的請求以縮短載入時間； 2、設定 HTTP Headers（Expires, Cache-Control, If-Modified-Since）； 3、遵循 Steve Souders 給出的全部規

零基礎轉行前端，一年工作經驗，我如何入職螞蟻金服

這個月我入職螞蟻金服了。兩年前當我決定轉行時，我都沒想到會這麼順利。 上個月我發表了《我如何零基礎轉行成為一個自信的前端》。在這篇文章裡我詳述了我的學習方法和學習路徑。這一次我換一個角度，脫離實施細節，從更泛的層面談談怎樣提升自己的價值，並獲得別人的認可。 一，建立自我品牌，等別人找你 對於像我這樣簡歷

web前端學習經驗

前端菜鳥一枚，分享一下學習經驗。 我認為的經驗之一：stay hungry stay foolish。正如題主所說：發現不管到什麼水平，只要想學就總有你不會的東西。 來看前端技能條，這還不是完整版。 還有   在前端大牛們都學過哪些東西？ - 調查類問題回答的一樣：

web前端開發入門JavaScript的4點經驗分享

HTML、CSS、JavaScript被稱為前端三劍客。 其中，HTML、CSS比較容易，JavaScript屬於較難的一部分。 很多程式設計師小夥伴順利學完HTML、CSS，但是學到Java選擇了放棄。     我還是要推薦下我自己建立的web前端資料

前端面試的面試經驗

總結一下面試遇到的問題，希望對大家助，本文很長很長很長（省略n個很長），但是看完的話，確實可以加深前端基礎知識的理解，原文連結可以跳轉(如果對您有幫助，請幫我點個star，定時更新)： ? 文章列表 一、基礎javascript篇 1. get請求傳參長度的誤區