일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |
- Java21
- memcached
- java file download for url
- spring file download for url
- java file download for path
- React
- grafana 설치
- grafana local
- windows grafana 설치
- spring
- spring boot
- docker
- java8
- spring file download for path
- MySQL
- SpringBoot
- k6 gui
- java 버전별
- JavaScript
- docker 설치
- jvm
- grafana windows
- 도커
- 그라파나 설치
- 리눅스
- Java
- k6 granafa influxdb
- java9
- CentOS6
- url 파일 다운로드
- Today
- Total
목록2. JS (88)
개발자의 길
jquery ui 를 통해서 사용할 수 있다 ------------------------------------------------------------------------ ex1) $(".openDialog").live("click", function (e) { e.preventDefault(); $("") .addClass("dialog") .attr("id", $(this) .attr("data-dialog-id")) .appendTo("body") .dialog({ title: $(this).attr("data-dialog-title"), close: function () { $(this).remove() }, modal: true, }) .load(this.href); }); ---------..
- Bind() 이미 $(document).ready 에서 등록된 DOM 객체들의 이벤트를 연결해주는 방식이다. $("selector").bind("click",function(){alert("clicked")}); - Live() 동적으로 생성된 DOM 객체들을 이벤트 연결한다 (이벤트 위임 방식 - 이벤트 버블) $("selector").live("click",function(){alert("clicked")}); -------> Live()에 문제가 많다고 하여(속도 측면, 이벤트 중복바인딩 등) Delegate()로 개선되었고 (이벤트 위임, JQuery 1.4) 이후 1.7에서 On()으로 개선되었다고 한다. $("selector").on("click",function(){alert("click..
//천단위로 금액에 콤마를 붙인다. function commify(n) { var reg = /(^[+-]?\d+)(\d{3})/; // 정규식 n += ''; // 숫자를 문자열로 변환 while (reg.test(n)) { n = n.replace(reg, '$1' + ',' + '$2'); } return n; }
자바스크립트 정규식 정규식을 간단히 정의하면 문서에서 어떻한 패턴을 찾아 원하는대로 바꾸기 위한 일종의 수식이다. 정규식 기본 표현 * 0또는 그이상 횟수로 매치 ? 0또는 1회 매치 + 1회 또는 그이상 횟수로 매치 {m} 정확히 m회 매치 {m,} 최소한 m회 매치 {m,n} 최소한 m회 최대한 n회 매치 | OR 를 의미함 ^Auto 첫번째 문자가 반드시 Auto로 시작함을 의미 Auto$ 마지막 문자가 반드시 Auto로 끝남을 의미 \d [0-9] 숫자 \D [^0-9] 숫자가 아닌것 \s [\t\n\x0B\f\r] 공백 \S [^\s] 공백이 아닌것 \w [a-zA-Z_0-9] 문자 \W [^\w] 문자가 아닌것 ^ 시작부분 $ 끝부분 \b 글자인 범위 \B 글자가 아닌것의 범위 X? 0 혹은 ..
getParam : function(pmParamName) {pmParamName = pmParamName.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");var regexS = "[\\?&]"+pmParamName+"=([^]*)";var regex = new RegExp(regexS);var results = regex.exec(window.location.href); if( results == null )return "";elsereturn results[1];}
공식 트위터 ------------------------------------------------------------------------------------------------------------자바 스크립트로 호출을 하여 callback 함수를 설정하여 그 함수를 json 값을 가지고 호출하도록한다
var pattern = 정규식;var testee = "테스트 스트링";var true_or_false = pattern.test( testee);// 정규식 필터를 통과하면 true, 아니면 false 리턴. Date Format (m/d/y) ^([\d]|1[0,1,2])/([0-9]|[0,1,2][0-9]|3[0,1])/\d{4}$ 12/21/2005 Decimal Number ^\d*[0-9](\.\d*[0-9])?$ 234.342 Document Filenames ^[a-zA-Z0-9-_\.]+\.(pdf|txt|doc|csv)$ world-domination.pdf E-mail Address ^([0-9a-zA-Z]+([_.-]?[0-9a-zA-Z]+)*@[0-9a-zA-Z]+[0-9,a-z..
http://dotdotdot.frebsite.nl/ 사이트를 참고하면 좋다. css 에 height 를 무조건 지정 해줘야 한다.. 꽤 괜찮군. callback으로 말줄임을 했는지 안했는지 체크 가능 해서 여러가지 기능 구현이 가능하다.
jQuery 를 이용한 두 줄 이상 말줄임 적용(multi ellipsis) 소스 1. javascript 영역 var fontSize = null; // 폰트값, 자동 계산var pHeight = null; // 행간격, 자동 계산var showLine = 3; // 보여줄 라인 수(2 이면 2줄 표시) // if ($.browser.msie && $.browser.version fontSize*(showLine+1)) { $('.ellipsis_ext p').after("..."); $('.ellipsis_tail').css("top", (fontSize+rowHeight)*(showLine-1)+"px"); $('.ellipsis_tail').css("height", fontSize+"px"); $..
function twitterCallback2(twitters) { var statusHTML = []; for (var i=0; i\:\s\\)\]\!])/g, function(url) { return ''+url+''; }).replace(/\B@([_a-z0-9]+)/ig, function(reply) { return reply.charAt(0)+''+reply.substring(1)+''; }); statusHTML.push(''+status+' '+relative_time(twitters.results[i].created_at)+' / reply'); } document.getElementById('twitter_update_list').innerHTML = statusHTML.join('');..