碎碎念

轉自 https://developer.mozilla.org/en-US/docs/Web/API/Element/insertAdjacentHTML
--

The insertAdjacentHTML() method parses the specified text as HTML or XML and inserts the resulting nodes into the DOM tree at a specified position. It does not reparse the element it is being used on, and thus it does not corrupt the existing elements inside that element. This avoids the extra step of serialization, making it much faster than direct innerHTMLmanipulation.

SyntaxSection

element.insertAdjacentHTML(position, text);

ParametersSection

position

A DOMString representing the position relative to the element; must be one of the following strings:

• 'beforebegin': Before the element itself.


• 'afterbegin': Just inside the element, before its first child.


• 'beforeend': Just inside the element, after its last child.


• 'afterend': After the element itself.

text

text is the string to be parsed as HTML or XML and inserted into the tree.

Visualization of position namesSection

<!-- beforebegin -->
<p>
<!-- afterbegin -->
foo
<!-- beforeend -->
</p>
<!-- afterend -->

ExampleSection

// <div id="one">one</div>
var d1 = document.getElementById('one');
d1.insertAdjacentHTML('afterend', '<div id="two">two</div>');
// At this point, the new structure is:
// <div id="one">one</div><div id="two">two</div>

NotesSection

Security ConsiderationsSection

When inserting HTML into a page by using insertAdjacentHTML be careful not to use user input that hasn't been escaped.

It is not recommended you use insertAdjacentHTML when inserting plain text; instead, use the Node.textContent property or Element.insertAdjacentText() method. This doesn't interpret the passed content as HTML, but instead inserts it as raw text.

SpecificationSection

Specification	Status	Comment
DOM Parsing and Serialization The definition of 'Element.insertAdjacentHTML()' in that specification.	Working Draft

Browser compatibilitySection

See alsoSection

• Element.insertAdjacentElement()


• Element.insertAdjacentText()


• XMLSerializer: Construct a DOM representation of XML text


• hacks.mozilla.org guest post by Henri Sivonen including benchmark showing that insertAdjacentHTML can be way faster in some cases.

如何自訂video js的onclick事件，不要是預設的"暫停播放"功能
在初始化videojs物件時，去重新定義on click事件，並加上event.preventDefault();就可以停止預設的onclick事件。
--
 

轉自 https://stackoverflow.com/questions/899107/how-can-i-do-width-100-100px-in-css
--
Modern browsers now support the:

轉自 https://chinaqna.com/a/43960?fbclid=IwAR3IYzSqUV8H3reSL9WiH0XNGXBzve83IMAIp-2JGDYrm_GD7dyPd-pWnPI
--
本文來源：國館文化(微信id：guoguan5000)

轉自 http://sweeteason.pixnet.net/blog/post/42655502
--
前言：

轉自 https://www.zoearthmoon.net/blog/program/item/1910.html
--
 

.on('ready.jstree', function (e, data) {
    data.instance.open_node(["id1","id2","id3"]);   // 帶入node的id
    data.instance.select_node(["id1","id2","id3"]);  // 帶入node的id
})

http://api.jquery.com/jQuery.each/

轉自 http://nakahikari.pixnet.net/blog/post/24396442
--
作詞：須谷尚子
作曲/編曲：松岡純也
歌：Suara
不負責任翻譯：nakahikari

逢いたくて　でも逢えなくて　もしも願いが叶うなら
　　好想見你　但卻無法見面　如果可以實現願望的話

轉自 http://wbkuo.pixnet.net/blog/post/209781556
--