본문 바로가기

프론트엔드 공부

(134)
객체구조분해할당 //객체구조분해할당1 { const ob1 ={ a:100, b:200, c:300 } const{a,b,c} = ob1; document.write(a+b ," ");//300 } //객체구조분해할당2(새 변수 할당) { const ob2 ={ a:100, b:200, c:300 } const{ a:name1, b:name2, c:name3 } = ob2; document.write(name1+name3," "); //400 } //선언없는 객체구조분해할당 { const { a=100, b=200, c=300 } = {b:500,c:600} document.write(b+c);//1100 }
객체선언,객체생성자함수 //객체 선언하기1 { document.write("*** 35. 객체선언(생성자함수-key값x)*** "); const ob1 = new Object(); ob1[0] = 100; ob1[1] = 200; ob1[2] = "javascript"; document.write(ob1[0], " "); document.write(ob1[1], " "); document.write(ob1[2], " "); } //객체 선언하기2 (key, value) { document.write("*** 36. 객체선언(생성자함수-key&value)*** "); const ob2 = new Object(); ob2.a = 100; ob2.b = 200; ob2.c = "javascript"; document.write(ob..
배열메서드 find(), filter() 차이 find(function(){}) => 데이터요소들중 해당 조건의 첫번째 값가져옴 filter(function() =데이터 요소들중 해당조건의 데이터요소들을 배열로 생성 //배열 메서드 find() : 데이터 요소 찾기 { const arr29 = [100, 200, 300, 400, 500]; //const target1 = arr29.find(function(){}); //undefined const target1 = arr29.find((element) => { return element > 100 }); const target2 = arr29.find(el => el == 200); document.write("*** 31. 배열 메서드 find() *** "); document.write(tar..
jquery 부모자식형제요소 선택자 정리 find()는 선택한 하위요소 1 모두 선택가능 (**모든 하위선택도가능, ex. find('a'): a링크 가진 모든 하위요소) closet()은 선택한 상위요소 1 모두 선택가능 children()은 첫번째 하위요소만 선택가능 parent()는 첫번째 상위 요소만 선택가능 parents() 는 상위 모든 부모요소 반환 siblings() 는 같은 선상의 형제요소 모두 반환 prev() 이전요소 선택 next() 다음요소 선택
jquery 상단 네비 축소하기 ** 제이쿼리 css속성 적용 여러가지 속성적용시 대괄호로 묶어주고 쉼표대신 세미콜론 사용 ! AAA.css('속성',값); BBB.css({'속성:값','속성:값'}) $(function(){ //window scroll시 네비 축소 $(window).scroll(function(){ let mainHeader = $('#header'), //#header 높이변경 defaultLogo = $('.header .first > h1'), //글자 사이즈변경 navLetter = $('.header .topnav > a') //글자 line-height 변경 wScroll = $(this).scrollTop(); if(wScroll>100){ if(!mainHeader.hasClass('shrink')){..
jquery 스크롤시 네비바 변형 codepen.io/fangmin/pen/bGqGrpM
jquery $(document).ready(); jquery 이벤트 메서드 중 하나로 문서가 준비되면 매개변수로 넣은 콜백함수를 실행하라 는 의미 하단과 같이 줄여 사용할수도 있고, 문서 시작 전에 주로 작성
skrolljs로 가로스크롤 만들기 codepen.io/fangmin/pen/mdWdbYb 20210505 skrolljs로 가로스크롤 ... codepen.io