반응형
반응형
jQuery에서 어떤게 먼제 실행되는지에 대해서 궁금한데.

$(document).ready 는 DOM 이 준비가 되면 바로 실행을 한다.

$(window).load 는 페이지 내의 모든 데이터(요소)가 다 준비가 되어야 실행한다.

그 차이를 알아채기는 쉽지 않겠지만. 그렇다고 한다.

그런데, 실제 경험상 그 차이는 크게 느낄수 없었다.

이 둘의 차이를 따지게 되는 상황에서 중요한 점은 페이지가 얼마나 빨리 Load 되느냐지
실행이 어느순간에 되는건 고려되지 않았기 때문이다.
이론에 대한 얘기이며, 실기에선 고려되지 않았었다는 사설.

그래도, $(document).ready를 쓰는 것이 일반적인 상황에서는 맞는거 같다.
이미지로 뭔가를 하려는게 아니라면.
이미지 요소로 뭔가를 하려 한다면, $(window).load 를 써야하지 않을까?
반응형

'프로그래밍 > Script' 카테고리의 다른 글

[javascript] Navigator  (0) 2012.04.30
node.js 외 js 관련  (0) 2012.03.26
HTML5 Web Workers  (0) 2012.02.21
20+ Must See Fresh and Useful jQuery Plugins from 2011  (0) 2011.12.09
5 Awesome Responsive jQuery Sliders and Image Galleries  (0) 2011.12.09
반응형
HTML5 Web Workers :
A web worker is a JavaScript running in the background, without affecting the performance of the page.
스크립트가 완료될 때까지 HTML 페이지에 스크립트를 실행하면 페이지가 응답된다.

Web Workers는 페이지의 성능에 영향을주지 않고 독립적으로 다른 스크립트의 백그라운드로 실행되는 자바 스크립트입니다. 당신이 원하는 건 뭐든지 할 계속할 수 있도록: Web Workers가 백그라운드에서 실행되는 동안 클릭, 셀렉팅, 기타등등을 합니다.

http://w3schools.com/html5/html5_webworkers.asp
반응형
반응형

20+ Must See Fresh and Useful jQuery Plugins from 2011

jQuery gives developers the chance to enrich websites with amazing elements without the need to write dozens of lines of code. This post presents advanced and cutting-edge jQuery plugins that will enhance your web designs tremendously.

Supersized 3.2 – Fullscreen Slideshow jQuery Plugin

Supersized 3.2 – Fullscreen Slideshow jQuery Plugin
Full screen background slideshow plugin for jQuery.

Expanding Fullscreen Grid Portfolio

Expanding Fullscreen Grid Portfolio
The main idea is to have a grid layout created with jQuery Masonry. View more expand the according item to fullscreen in order to show a longer description of the item and a representative fullscreen background image.

Quovolver

Quovolver
Quovolver is a simple extension for jQuery that takes a group of quotes and displays them on your page in an elegant way.

jQuery Spin Button Plugin: Smart Spin

jQuery Spin Button Plugin: Smart Spin
Smart spin is a jQuery spin button plugin that mimics the very common windows spin button control. Smart spin allows you to select a value between minimum and maximum values using either mouse or keyboard. You can also enter a value via keyboard.

FitText

FitText
FitText makes font-sizes flexible. Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element.

DropKick

DropKick
Creating custom dropdowns is usually a tedious process that requires a ton of extra setup time. Oftentimes lacking conveniences that native dropdowns have such as keyboard navigation. DropKick removes the tedium and lets you focus on making menu looks good.

HTML5 jQuery Music Player

HTML5 Music Player
Remember that awesome music player psd created by Orman Clark? Well here is the matching jQuery plugin.

Circular Content Carousel with jQuery

Circular Content Carousel with jQuery
A simple jQuery circular content carousel.

jQuery Image Gallery

jQuery Image Gallery Demo
Image Gallery with Lightbox effect and slideshow functionality for jQuery UI.

Overscroll

Overscroll
Overscroll is a jQuery plug-in that mimics the iphone/ipad scrolling experience in a browser.

jBar

jBar
jbar is a jQuery plugin that transforms an unordered list <ul> into a toolbar with dropdown menus.

leanModal

leanModal
Super simple modal window plugin that works with your CSS. Perfect for hidden page content. Flexible width & height, image free, supports multiple instances on one page. Great for login, sign up & alert panels, etc.

ImageLens – A jQuery plug-in for Lens Effect Image Zooming

ImageLens – A jQuery plug-in for Lens Effect Image Zooming
Use this jQuery plug-in to add lens style zooming effect to an image.

My QR Code

My QR Code
Generate QR code for mobile devices using Google Chart Api with jquery. By default, the plugin will generate the QR code for the URL of the page. You can also specify the text, encoding and size of the QR code.

Simple Overlay

Simple Overlay
A jQuery Plugin for easily adding lightweight, flexible overlays to your projects.

MobilyMap

MobilyMap
MobilyMap is a jQuery plugin (7KB) that can create a Google Maps-like, draggable interface from any image.

Snippet

Snippet
Snippet is a jQuery syntax highlighting plugin built on top of the SHJS script found on SourceForge. Snippet provides a quick and easy way of highlighting source code passages in HTML documents.

NETEYE Activity Indicator

NETEYE Activity Indicator
A jQuery plugin that renders a translucent activity indicator (spinner) using SVG or VML.

jLinkPreview

jLinkPreview
jLinkPreview is a plug-in for jQuery Library which simply allows you to see link’s preview image before you visit them by just hovering on it. Link Preview will appear by your cursor when you hover.

jRumble

jRumble
jRumble is a jQuery plugin that rumbles, vibrates, shakes, and rotates any element you choose. It’s great to use as a hover effect or a way to direct attention to an element.

Grid Navigation Effects with jQuery

Grid Navigation Effects with jQuery
jQuery plugin for achieving some neat grid navigation effects.
반응형
반응형

5 Awesome Responsive jQuery Sliders and Image Galleries

In responsive design all design components need to be able to adapt to the environment in which they are displayed and have to interact with. We create tables, navigation menus, videos and other design elements responsive including the image sliders.
In this post we present you 5 super awesome Responsive jQuery Sliders and Image Galleries which you can use in your next project.

FlexSlider

FlexSlider

FlexSlider was built to serve up the best responsive jQuery slider around. The plugin includes fade and slide animations, customizable options as well as all the navigation options you would expect in such a plugin — touch gestures inclusive!

Blueberry

Blueberry

Blueberry is an experimental opensource jQuery image slider plugin which has been written specifically to work with fluid/responsive web layouts.

Photo Swipe

Photo Swipe

PhotoSwipe is a free HTML/CSS/JavaScript based image gallery specifically targeting mobile devices. iPhone, iPad, Android, Blackberry 6 and Desktop all supported.

Responsive jQuery Slideshow

Responsive jQuery Slideshow

This example makes it possible to have fluid jQuery slideshow which scales responsively.

Dynamic-Carousel

Dynamic-Carousel

A carousel plugin built for responsive layouts.

If need some guidance for MB2-631 exams then get the latest 70-673 compiled by our certified experts to help you pass MB5-856 exam in first attempt of testking mcitp.

반응형
반응형
http://visualjquery.com/ - 기본적인 jQuery 내용
반응형
반응형

JavaScript에서의 location.href 와 location.replace 의 차이점


자바스크립트에서 페이지 이동 시킬때 location.href를 많이 사용하지만 location.replace 메세드도 종종 이용된다.
두가지 모두 같은 동작을 하는거 같지만 실제로는 아래와 같은 차이점이 있다.

location.href는 객체의 속성이며, loaction.replace()는 메서드(함수)로 작동된다.
href는 페이지를 이동하는 것이기 때문에 뒤로가기 버튼을 누른경우 이전 페이지로 이동이 가능하지만,
replace는 현재 페이지를 새로운 페이지로 덮어 씌우기 때문에 이전 페이지로 이동이 불가능하다.

href는 일반적인 페이지 이동시 이용을 하면 되고,
replace의 경우는 이전페이지로 접근이 필요없는경우 보안상 덮어씌우는 것도 괜찮을듯 하다.

location.href Method

Including the following script will immediately redirect visitors to the URL entered.

<script type="text/javascript">
     location.href='http://www.bloggingdeveloper.com';
</script>
 

location.replace Method

Including the following script will immediately redirect visitors to the URL entered.

<script type="text/javascript">
     location.replace('http://www.bloggingdeveloper.com/');
</script>

The difference between location.href and location.replace

The difference between location.href and location.replace is that the former creates a new history entry on the visitor's browser meaning that if they hit the back button, they can get in a 'redirection loop' which is usually undesirable and may have unwanted side effects.

반응형

+ Recent posts