首頁 web前端 js教程 javascript中9個常見錯誤

javascript中9個常見錯誤

Feb 09, 2018 pm 01:11 PM
javascript js 常見

本文主要和大家介绍分析javascript中9 个常见错误阻碍你进步的相关资料,希望通过本文能帮助到大家,需要的朋友可以参考下,希望能帮助到大家。

分析javascript中9 个常见错误阻碍你进步

很多人尝试学习 JavaScript ,但是不久就放弃了。然后他们就告诉自己,“JavaScript 太复杂了”,更有甚者说,“我不是前端开发的料”。

这种情况挺让人悲伤的。其实根本不必放弃,所要做的仅仅是换一种不同的学习方法。

在这篇文章中,我们将介绍一些最常见的错误学习方法,并了解如何避免这些错误。许多技巧不仅适用于 JavaScript,甚至可以用到 web 开发上,所以也算是一种福利。

我们来吧!

错误 #1:开始学习之前过度分析

开始学习 JavaScript 之前,你可以找到很多相关的信息。如果你去看,就会发现一些 JavaScript 是最好的或者是最坏的、你是需要这个框架还那个框架的相关信息。你也可能会听到你需要以某种方式编写 JavaScript,否则你永远不会成为“真正”的开发人员等。

不管这些说的正确与否,没有什么比浪费六个月到一年还没有开始更糟糕。

开始敲代码吧,它不一定完美,可能很糟糕。但如果你开始了,就通过了阻碍很多人的障碍之一了。

错误 #2:学习原生 JavaScript 之前学习框架

JavaScript 框架建立在原生 JavaScript 之上,因此如果你理解了 JavaScript,你也就自然而然的知道如何使用任何 JavaScript 框架的基本原理。

然而,如果你直接学习一个框架,最后也只是记住了它的语法却不理解它的原理。这就像在不知道词语意思的情况下造句,最终你只是随便地记住了一些词语,却不知道这些词语的意思并且不会组织这些词语来学以致用。

如果你直接进入一个框架,那将会更难学习,当你需要另一个框架你会更难适应。如果你首先学习基础的 JavaScript,那么你将有一个坚实的基础来了解所有的框架。

错误 #3:好高骛远

最常见的错误之一就是在理解概念之后立即采取行动。

我一直在努力解决这个问题,因为一旦了解某些东西,你就想更进一步。

像对待新玩具一样对待每个概念是很有帮助的;这意味着你需要花一些时间来享受你刚学到的东西。玩耍、实验,看看你能不能做一些新的事情。你会学到很多,你会记得更好。

当你感觉自己闭着眼睛都能运用自如的时候再继续向下学习。可能在达到这一步之前,你需要更多的时间,但是这将是你接下来的学习变得更快。

另一方面,如果你过于急躁,你就不会太注意细节。但令人沮丧的是,这会使你之后的学习成本大幅提升。其实这也是人们常说要放弃学习 JavaScript 的常见原因之一。

错误 #4:没有将概念理解透彻

学习就像爬楼梯:如果你能走一步,你可以继续采取更多的步骤,直到你达到目标。当有些东西难以理解时,往往是因为你想要进行一次飞跃,而不是一次走一步。当然这是痴心妄想!

在实际场景中,我看到人们对某段代码不理解的时候,我会请他们解释一下,他们会试图一下解释清整个问题。那我会请他们再一行一行的解释一遍,这样是有道理的。

如果有些部分很让人费解,那经常是因为跳过了某些东西,那么这也将有助于你去关注细节,直到找出症结所在。如果一个概念在分解之后仍然没有意义,那你也会有更容易找到相关解决方法,因为查找特定的主题比胡乱搜索更容易。

错误 #5:太早尝试复杂的项目

刚开始学习 JavaScript 的人经常会说“我就随便定个小目标,写一个 Facebook 那样的网站算了”,没有意识到项目所涉及的深度。当项目逐渐深入时,他们就放弃学习 JavaScript 了。

我更详细地介绍了关于项目,但是在学习的时候,从一些基本概念开始会更容易。当你开始做项目时,你可以在工具包中添加一些构建工具。

更明确地说,我不是要那种越旷日持久的项目。我刚刚发现,如果我先做了一些简单的部分,比如在浏览器中显示一些文本或响应一个按钮,那么就可以更轻松地启动项目。

错误 #6:不在真实环境下练习

當你學習 JavaScript 時,你可能會在不符合真實環境下練習。例如,你可能在網站的內建程式碼編輯器中輸入內容,或者你可能依賴教學中的貼上檔案。

這些方法對於學習來說可能是非常好的,但你也可以嘗試自己建構環境。這意味著使用你自己的文字編輯器,並從頭開始編寫專案。

如果你不自己獨立練習每一個概念,那你會依賴訓練環境。你最終會遇到這樣的情況:你已經花了很多時間學習,但你一個都無法掌握。

錯誤 #7:將自己與大神進行比較

讓自己更沮喪的最簡單的方法之一就是和大神進行比較。因為你總是看著他們在那裡,而不是看他們如何到達那裡。

舉個例子,人們看到我的教程,並問我如何寫這麼乾淨的程式碼。他們說他們無法編寫像這樣的乾淨的程式碼,所以也許他們根本就不是 JavaScript 的那塊料。

事實是我的過程是一團糟。我不斷試驗、犯錯、查閱資料,寫下醜陋的程式碼,最後把所有的內容都細化成一個可呈現的教學。人們看了優秀的版本,並且假設整個過程就是這樣的。我也做過這些關於教程作者的假設,直到我開始寫我自己的教程。

關鍵點是,認真學習你正在學習的東西,你會得到進步。繼續重複這個過程,很快地別人就會好奇你是如何達到那種高度的。

錯誤#8:只看教程不寫程式碼

你會自然而然的花費大量的時間來觀看影片和教程,但是除非你自己動手寫程式碼,否則你不能真的學會。

光看而不採取實際行動是很危險的,你會有一種你正在學習的錯覺。六個月後,你會發現自己什麼都沒學會。

寫 15 分鐘的程式碼比上你光看一小時的教學有用多了。

錯誤 #9:沒有事先理解或自行嘗試就盲目跟從教程

#閱讀教​​程時,很容易陷入照葫蘆畫瓢的情況。這種教學並不會教你如何解決一個問題,例如需要進行怎樣的測試,如何一步一步的探索可能出問題的方向。因此,只會跟著教程走的人往往學不到真正的知識。

那麼解決方案是什麼?

不要只知道跟著教學一步走,而是要花點時間去自己實作。例如,如果您正在學習幻燈片教程,請嘗試顯示和隱藏 p,然後嘗試計時,然後嘗試另一個小部分。相對於跟著教學一步步走,透過親身嘗試並拓展你將學到更多知識,並且有可能將它應用得更好。

小貼士

在你讀完這篇文章後,如果你問我最想讓你記住什麼,那就是透過採取最小的步驟來取得最大的進步。

無論你在學習什麼,都要好好學習它本質上的東西。試試你學到的東西,樂在其中。

有時可能很困難,但這沒關係。挑戰意味著你正在提升個人能力,這將使你進步。如果一切總是太容易,這可能意味著你需要進行一些改變了。

我希望這篇文章對你有幫助,如果有什麼其他的幫助過你學習 JavaScript 的方法,歡迎你隨時在評論中分享!

相關推薦:

js動態新增點擊事件常見錯誤詳解

php安全配置記錄和常見錯誤的詳細總結介紹

PHP 中使用ajax時一些常見錯誤

#

以上是javascript中9個常見錯誤的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

<🎜>:泡泡膠模擬器無窮大 - 如何獲取和使用皇家鑰匙
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
北端:融合系統,解釋
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Mandragora:巫婆樹的耳語 - 如何解鎖抓鉤
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1664
14
CakePHP 教程
1423
52
Laravel 教程
1321
25
PHP教程
1269
29
C# 教程
1249
24
建議:優秀JS開源人臉偵測辨識項目 建議:優秀JS開源人臉偵測辨識項目 Apr 03, 2024 am 11:55 AM

人臉偵測辨識技術已經是一個比較成熟且應用廣泛的技術。而目前最廣泛的網路應用語言非JS莫屬,在Web前端實現人臉偵測辨識相比後端的人臉辨識有優勢也有弱勢。優點包括減少網路互動、即時識別,大大縮短了使用者等待時間,提高了使用者體驗;弱勢是:受到模型大小限制,其中準確率也有限。如何在web端使用js實現人臉偵測呢?為了實現Web端人臉識別,需要熟悉相關的程式語言和技術,如JavaScript、HTML、CSS、WebRTC等。同時也需要掌握相關的電腦視覺和人工智慧技術。值得注意的是,由於Web端的計

如何使用WebSocket和JavaScript實現線上語音辨識系統 如何使用WebSocket和JavaScript實現線上語音辨識系統 Dec 17, 2023 pm 02:54 PM

如何使用WebSocket和JavaScript實現線上語音辨識系統引言:隨著科技的不斷發展,語音辨識技術已成為了人工智慧領域的重要組成部分。而基於WebSocket和JavaScript實現的線上語音辨識系統,具備了低延遲、即時性和跨平台的特點,成為了廣泛應用的解決方案。本文將介紹如何使用WebSocket和JavaScript來實現線上語音辨識系

WebSocket與JavaScript:實現即時監控系統的關鍵技術 WebSocket與JavaScript:實現即時監控系統的關鍵技術 Dec 17, 2023 pm 05:30 PM

WebSocket與JavaScript:實現即時監控系統的關鍵技術引言:隨著互聯網技術的快速發展,即時監控系統在各個領域中得到了廣泛的應用。而實現即時監控的關鍵技術之一就是WebSocket與JavaScript的結合使用。本文將介紹WebSocket與JavaScript在即時監控系統中的應用,並給出程式碼範例,詳細解釋其實作原理。一、WebSocket技

股票分析必備工具:學習PHP和JS繪製蠟燭圖的步驟 股票分析必備工具:學習PHP和JS繪製蠟燭圖的步驟 Dec 17, 2023 pm 06:55 PM

股票分析必備工具:學習PHP和JS繪製蠟燭圖的步驟,需要具體程式碼範例隨著網路和科技的快速發展,股票交易已成為許多投資者的重要途徑之一。而股票分析是投資人決策的重要一環,其中蠟燭圖被廣泛應用於技術分析。學習如何使用PHP和JS繪製蠟燭圖將為投資者提供更多直觀的信息,幫助他們更好地做出決策。蠟燭圖是一種以蠟燭形狀來展示股票價格的技術圖表。它展示了股票價格的

如何利用JavaScript和WebSocket實現即時線上點餐系統 如何利用JavaScript和WebSocket實現即時線上點餐系統 Dec 17, 2023 pm 12:09 PM

如何利用JavaScript和WebSocket實現即時線上點餐系統介紹:隨著網路的普及和技術的進步,越來越多的餐廳開始提供線上點餐服務。為了實現即時線上點餐系統,我們可以利用JavaScript和WebSocket技術。 WebSocket是一種基於TCP協定的全雙工通訊協議,可實現客戶端與伺服器的即時雙向通訊。在即時線上點餐系統中,當使用者選擇菜餚並下訂單

PHP與JS開發技巧:掌握繪製股票蠟燭圖的方法 PHP與JS開發技巧:掌握繪製股票蠟燭圖的方法 Dec 18, 2023 pm 03:39 PM

隨著網路金融的快速發展,股票投資已經成為了越來越多人的選擇。而在股票交易中,蠟燭圖是常用的技術分析方法,它能夠顯示股票價格的變動趨勢,幫助投資人做出更精準的決策。本文將透過介紹PHP和JS的開發技巧,帶領讀者了解如何繪製股票蠟燭圖,並提供具體的程式碼範例。一、了解股票蠟燭圖在介紹如何繪製股票蠟燭圖之前,我們首先需要先了解什麼是蠟燭圖。蠟燭圖是由日本人

JavaScript與WebSocket:打造高效率的即時天氣預報系統 JavaScript與WebSocket:打造高效率的即時天氣預報系統 Dec 17, 2023 pm 05:13 PM

JavaScript和WebSocket:打造高效的即時天氣預報系統引言:如今,天氣預報的準確性對於日常生活以及決策制定具有重要意義。隨著技術的發展,我們可以透過即時獲取天氣數據來提供更準確可靠的天氣預報。在本文中,我們將學習如何使用JavaScript和WebSocket技術,來建立一個高效的即時天氣預報系統。本文將透過具體的程式碼範例來展示實現的過程。 We

簡易JavaScript教學:取得HTTP狀態碼的方法 簡易JavaScript教學:取得HTTP狀態碼的方法 Jan 05, 2024 pm 06:08 PM

JavaScript教學:如何取得HTTP狀態碼,需要具體程式碼範例前言:在Web開發中,經常會涉及到與伺服器進行資料互動的場景。在與伺服器進行通訊時,我們經常需要取得傳回的HTTP狀態碼來判斷操作是否成功,並根據不同的狀態碼來進行對應的處理。本篇文章將教你如何使用JavaScript來取得HTTP狀態碼,並提供一些實用的程式碼範例。使用XMLHttpRequest

See all articles