corelogicimpl

Thursday, August 19, 2021

JVM

The JVM splits allocated memory into four separate spaces:
* eden
* survivor
* tenured
* metaspace

Different types of garbage collectors

mark-and-sweep

Saturday, January 30, 2016

<!DOCTYPE html>
<html>
<body>

<p>Creating a JavaScript Variable.</p>

<p id="demo"></p>

<script>
var car ={};
car["key"]="ab";
car["key"]="ab1";
car["key2"]="ab2";
car["key3"]="ab3";
car["key4"]="ab4";
alert(car["key"]);
delete car["key"];
alert(car["key"]);
</script>

</body>
</html>
data = {};
    jQuery.each(jQuery(form).serializeArray(), function() {
        data[this.name] = this.value;
    });

Jquery selector for table manipulation

table.itemtable > tbody > tr
tr.rowclicked
rowclicked is class name

div > p and selecting all selected rows

div > p selects only the <p> elements that are immediate children of a <div>.

div > p

will select this paragraph:

<div>
    <p>This is a paragraph</p>
</div>

but will not select this paragraph:

<div>
    <table>
        <tr>
            <td>
                
            </td>
        </tr>
    </table>
</div>

All selected rows at a time can be returned using this

.serializeArray



<form>



  <div><input type="text" name="a" value="1" id="a"></div>



  <div><input type="text" name="b" value="2" id="b"></div>



  <div><input type="hidden" name="c" value="3" id="c"></div>



  <div>



    <textarea name="d" rows="8" cols="40">4</textarea>



  </div>



  <div><select name="e">



    <option value="5" selected="selected">5</option>



    <option value="6">6</option>



    <option value="7">7</option>



  </select></div>



  <div>



    <input type="checkbox" name="f" value="8" id="f">



  </div>



  <div>



    <input type="submit" name="g" value="Submit" id="g">



  </div>



</form>

 

 

$( document ).ready( function( ) {
 
 
 
 $( "form" ).submit(function( event ) {
    console.log( $( this ).serializeArray() );
    event.preventDefault();
  });

Saturday, January 23, 2016

.find

find with selectors

.find('tbody tr')
.find('tr th')
<!DOCTYPE html>
<html>
<head>
<style>
.ancestors * {
    display: block;
    border: 2px solid lightgrey;
    color: lightgrey;
    padding: 5px;
    margin: 15px;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
var content = jQuery( '#b');
    content.find("#a").html("<p> Hello </p>")
content.css('display','block');
});
</script>
</head>

<body class="ancestors">body (great-grandparent)
<div id="b" style="width:500px;">div (grandparent)
    <ul>ul (direct parent)
      <li>li (child)
        <span>span (grandchild)</span>
      </li>
    </ul>
<div id="a"> </div>
</div>
</body>

</html>

.delegate()

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("div").delegate("p", "click",function(){
        $("p").css("background-color", "pink");
    });

$("#a").delegate("p", "click",function(){
        $("p").css("background-color", "red");
    });
});
</script>
</head>
<body>

<div style="background-color:yellow;">
<p>This is a paragraph inside a div element.</p>
</div>

<div id="a">
<p>mm</p>
</div>

<p>This is a paragraph.</p>

</body>
</html>

for multiple column .page classes
jQuery(document).delegate('.column .page', 'click', function(event) {

});