kes3583

/**
 * Filters an array of objects using custom predicates.
 *
 * @param  {Array}  array: the array to filter
 * @param  {Object} filters: an object with the filter criteria
 * @return {Array}
 */
function filterArray(array, filters) {
  const filterKeys = Object.keys(filters);
  return array.filter(item => {

kes3583

- a 태그에 target  attibute만 선택 
a[target] {
  background-color: yellow;
}

- title  attibute 에 flower value값만 선택 
[title~=flower] {
  border: 5px solid yellow;
}

kes3583

1. IOS - css 로 수정하면?
-webkit-tap-highlight-color:

2. 안드로이드와 같이 수정하려면 ? 

- a:active 적용 
- 실험결과 아이패드에서는 a:hover , a:active가 같이 적용된다. 
- button 적용 : https://codepen.io/Tkashiro/full/EaVVxr

the best way to order your pseudo-class styles are :hover then :focus then :active .

kes3583

1. ForEach
let btns = document.querySelectorAll('button');

btns.forEach(function (i) {
  i.addEventListener('click', function() {
    console.log(i);
  });
});

kes3583

button {
  width: 160px;
  height: 40px;
  font-size: 15px;
  letter-spacing: -1px;
  line-height: 21px;
  color: #2a5081;
  vertical-align: middle;
}

kes3583

return code || '' 
code 가 true 이면 code 출력 아니면 '' (빈칸출력)
이럴때 code가 false 일 경우는 아래와 같다 

Examples of expressions that can be converted to false are:

null;
NaN;
0;
empty string ("" or '' or ``);

kes3583

https://javascript.info/onload-ondomcontentloaded

kes3583

var book = {
	title:"객체지향 자바스크립트"
}
var message = "Book = " + book;
console.log(book.toString())
console.log(message) // "Book = [object Object]"
console.log(Object.prototype.toString.call(book))

var book2 = {
	title:"객체지향 자바스크립트",

kes3583

1. DocumentFragments are DOM Node objects which are never part of the main DOM tree.

var ul = document.getElementById("ul_test");


// First. add a document fragment:

#javascript 

(function() {

kes3583

display: -webkit-box; -webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;