Workerbox (Service Worker)로 사이트 로딩 속도 향상 시키기
Service Worker: 웹페이지와 별개로 브라우저가 백그라운드에서 실행시키는 자바스크립트 코드. 푸쉬, 동기화, 오프라인 모드 지원 https://developers.google.com/web/fundamentals/primers/service-workers/ Workerbox: 구글에서 제공하는 자바스크립트 라이브러리로써 웹앱의 오프라인 지원을 쉽게 할…
Category: Javascript
Javascript project devtools
Javascript project development tools Babel: https://babeljs.io/docs/en/ Javascript compiler – Transform syntax, Polyfill features and so on $ babel -o dist/package.js dist/package.js Standard: https://standardjs.com/ Javascript style guide, linter…
WebSocket Sample
The sample process Send event to Web Socket for getting order id Web Socket connects MySQL orders table and get next order id Send event…
Javascript Skill Test
Found this test from the internet (Download: JavaScript_Skill_Test-blank) Tried to solve without using Google. FAILED. With help from Google, solved questions. There was someone’s solution for…
Detect when scroll is reached end of scroll
Using jQuery, determine that user has been scrolled until the end of element. Reference: http://stackoverflow.com/questions/6271237/detecting-when-user-scrolls-to-bottom-of-div-with-jquery $(‘.scrollable’).bind(‘scroll’, function(){ if($(this).scrollTop() + $(this).innerHeight() >= $(this)[0].scrollHeight) { alert(‘end reached’); }…
SQLite – could not prepare statement (1 too many SQL variables)
During development for SQLite, I have got this error could not prepare statement (1 too many SQL variables) Accroding to this article, this error is…
Bootstrap Modal Remote Example
Reference: http://twitter.github.com/bootstrap/javascript.html#modals Reference: http://jsfiddle.net/mmfansler/cp67J/ <a data-target=”#myModal” role=”button” class=”btn” data-toggle=”modal”>Launch demo modal</a> <div class=”modal fade hide” id=”myModal” tabindex=”-1″ role=”dialog” aria-labelledby=”myModalLabel” aria-hidden=”true” data-remote=”/mmfansler/aQ3Ge/show/”> <div class=”modal-header”> <button type=”button”…
Draw Polygons in Google Maps and Determine whether an Address is in Polygons
Draw Polygons in Google Maps and Determine whether an Address is in Polygons This sample source code uses Google Maps Javascript API V3 to draw…
Prototype Ajax.Request modifying header
new Ajax.Request({ajax-url}, { method:’get’, requestHeaders: { “Accept”: ‘application/json’ , “User-Agent”: {custom-user-agent} }, onCreate: function(){}, onComplete: function(){}, onSuccess: function(data){}, onFailure: function(){} }); Point: “User-Agent”: {custom-user-agent}…
[jQuery] defaultChecked VS checked
jQuery defaultchecked VS checked Situation: I have checkbox elements on div(‘#dialog-a’) for a dialog. When an user clicks a button, then jQuery will bring the…
Google Analytics에서 jQuery AJAX 호출들을 추적가능하도록 만들기
원본 글: http://www.alfajango.com/blog/track-jquery-ajax-requests-in-google-analytics/ The code This code will automatically log all jQuery AJAX requests in our application, including those using $.ajax(), $.get(), or $.post(). This will also work for…
jQuery UI – Operation Aborted
Reference: Why do I receive an “Operation aborted” error message when I visit a Web page in Internet Explorer? – http://support.microsoft.com/kb/927917#more_information When use jQuery code,…
[Javascript] Iframe dynamic resize for all browsers
Iframe dynamic resize for all browsers [code] <script type=”text/javascript”> $(document).ready(function() { var i = setInterval(function(start){ resize_ifrm(); }, 20, new Date); $(“#tabs”).tabs(); }); function resize_ifrm(){ $(‘#ifrm_report’,…