Js는 항상 초보자들에게 "어수선하고 지저분하다"는 인상을 줍니다. 많은 초보자들이 Js를 쉽게 배울 수 있는 방법을 찾고 있다고 생각합니다. 여기에는 미래의 학습자를 위한 "JS를 배우는 쉬운 방법"을 찾기 위해 JS 학습 경험을 요약하고 싶습니다.
Js가 사람들에게 그런 느낌을 주는 이유는 주로 다음과 같은 특징 때문입니다.
A: 클로저, 내장 객체, DOM 등 지식 자체가 매우 추상적이고 모호합니다.
B: 함수 라이브러리, 개체 라이브러리 등 많은 콘텐츠가 있습니다.
C: 다양한 프로그래밍 아이디어를 혼합합니다. 이는 프로세스 지향 프로그래밍 아이디어뿐만 아니라 객체 지향 프로그래밍 아이디어도 포함합니다. 동시에 객체 지향은 다른 프로그래밍 언어(예: C++, JAVA, PHP)와도 다릅니다. 또 새로운 것 같아서, 한때 배웠던 객체지향 지식을 의심하게 만드네요...
D: 열심히 공부하다보니 실무에 적용하기에는 손색이 없어진 것 같습니다. 일반적으로 JS의 기본을 오랫동안 공부하면 변수, 함수, 객체에 대해서는 조금 알 수 있지만, 회사 개발 프로젝트를 시작하게 되면 막막합니다. 회사는 일반적으로 실제 프로젝트를 개발할 때 jquery, angle, Boostrap, amaze,layui, ueditor 등과 같은 파생 라이브러리를 직접 사용하기 때문에 이러한 라이브러리는 많고 그 자체로 어려움이 있습니다. 어떤 것을 배워야 할지 모르겠고, js를 배우고 있는지조차 의심스럽네요. js 버전이 여러 개 있어서 끝까지 배울 수 없는 것 같은데...
그럼 어떻게 해야 할까요? js 분야를 배우는 것이 쉽나요, 심지어 쉽나요? 몇 가지 실용적인 js 학습 경험을 요약했습니다.
1. 우선 그 상태를 확고히 파악해야 하며
절대 잊지 말아야 합니다. 그렇지 않으면 "잎 하나도 산을 보지 못하게 하는" 실수를 저지르기 쉽습니다. . JS는 코드 작성을 의미하는 프로그래밍 언어이고, 지저분하다는 특징이 있다는 사실을 깨닫기 전에는 JS를 오랫동안 배우지 마십시오. 우리는 전체 웹에서의 위치를 항상 파악해야 합니다. 이는 프런트 엔드의 핵심에 속하며 주로 DOM을 조작 및 재조정하고 목적을 달성하기 위해 DOM 구조를 수정하는 데 사용됩니다. 페이지 효과 수정. 이 중심 아이디어는 모든 후속 js 학습을 안내하고 조건 반사를 형성하는 데 사용되어야 합니다.
2. 명확한 학습 경로가 있어야 합니다
참고용으로 경험해 본 사람만이 제공할 수 있습니다. 내 학습 경로는 다음과 같습니다.
A: 변수, 함수, 배열, 문자열 등 정의, 처리, 내장 함수, 내장 객체 등과 같은 js의 기본 부분
B; : js는 각 기능을 캡슐화하는 프로세스 지향 프로그래밍 아이디어입니다. 이를 사용하여 탭, 사용자 정의 다중 선택 버튼, 사용자 정의 플레이어, 3D 슬라이드와 같은 몇 가지 일반적인 작은 기능을 수행해 보세요.
C: js 객체 지향 프로그래밍 아이디어, 자신만의 개체 중 일부를 캡슐화해 보세요.
D: 위 내용을 배우고 일반적으로 사용되는 라이브러리를 배우세요. 여기서는 jquery를 배워야 합니다.
E: jquery를 기반으로 하는 일반적인 플러그인을 배우세요. as: bootstrap, Layer, Rich text editor 등
F: 위의 여러 라이브러리를 포괄적으로 적용하여 실제 프로젝트용 템플릿을 작성하고 몇 가지 세트를 더 작성합니다.
3. 여러 각도에서 배우고 이해합니다.
배운 내용을 완전히 활용하고 특정 기능을 여러 각도에서 수행합니다. 예를 들어 이전에는 프로세스 중심의 관점에서 수행했지만 이제는 변경합니다. 객체 지향 관점에서 이를 수행할 수도 있고 속성, 메서드 등을 제공하여 직접 사용할 수 있는 플러그인으로 계속 만들 수도 있습니다. 자신이 만든 기능이 점차 실제 프로젝트에서 활용될 수 있도록 노력하세요. 이는 배운 내용을 종합적으로 적용할 수 있을 뿐만 아니라 실무적인 의의도 있다는 장점이 있습니다.
4. 자신감 키우기에 주의하세요
지금은 매우 복잡하고 눈부신 웹 페이지 효과의 소스 코드를 보는 데 적합하지 않으며, jquery, angle, vue, 부트스트랩. 이러한 내용에는 심오한 지식이 많이 포함되어 있으므로 기초 없이 직접적으로 학습하면 자신감이 심각하게 손상됩니다. 이때 당신은 약하고, 당신에게 필요한 것은 자신감을 키우는 것이지, 그렇지 않으면 결과는 "죽음"이 될 가능성이 높으며, 학교에서의 성공은 멀어질 것입니다.
5. 더 많은 요약 작성
이러한 요약에는 디스플레이 효과의 소스 코드와 스크린샷뿐만 아니라, 발생하기 쉬운 실수와 그에 따른 해결 방법, 그리고 마지막 한두 가지가 포함됩니다. 간결한 결론 문장. 작성한 요약은 작성을 마친 후에 완료되는 것이 아닙니다. 더 많이 검토하고, 더 개선하고, 더 간소화해야 합니다. 프로젝트를 진행할 때는 긴 연설문을 읽는 것보다 한두 문장을 읽어서 내용을 알아야 합니다.
6. 지식 지도를 구축하세요
이렇게 하면 배울 때 인상이 남는 한 어떤 형태로든 할 수 있습니다.
참고: 지식 지도는 더욱 합리적이고 명확하게 만들기 위해 자주 수정되고 개정되어야 합니다.
프론트엔드를 배우시거나, 자바스크립트를 배우시는 과정에서 많은 어려움을 겪으신다면, 모두와 함께 배우고 소통하여 자신의 부족한 점을 보완해보세요.
다음은 js에 대한 지식 맵을 요약한 것입니다. 주의 깊게 읽으면 JavaScript에 대한 검토와 개선이 이루어지며, 이는 기본 사항에 대한 좋은 테스트가 될 수 있습니다.
자바스크립트 변수
JavaScript 연산자
JavaScript Array
JavaScript 프로세스 설명
JavaScript 문자열 함수
JavaScript 함수 기초
JavaScript 기본 DOM 작업
DOM Object
BOM Browser Object Model
JavaScript Regular Expression
예, 고급 지식도 없고 고급 기술도 없습니다.
단지 높은 건물이 땅에서 솟아오를 뿐이고, 천 리 길도 한 걸음부터 시작될 뿐이고, 천 리 길도 개미집에서 끝나는 것일 뿐입니다.
간단한 일을 잘 할 수 있다는 것은 간단하지 않습니다. 얼마나 멀리 갈 수 있는지는 얼마나 똑똑한지에 달려 있는 것이 아니라 얼마나 부지런히 함께 일하느냐에 달려 있습니다.