今天寫了一個類似下面的一個table結構：this col width should be 240px+40pxthis col width is default 200pxthis col width is default 100pxthis col width is auto111111111 just for test all the table width is
今天同測試發現能夠擷取到注釋節點，<!--test text--><p id="p">sddd</p><!--test text 1--> 如下js:var b = document.body, c = b.childNodes, i;for(i = 0; i< c.length; i++){var str = c[i].nodeType+' '+c[i].nodeName+'
首先，需要清楚的一點是：對於支援html5的瀏覽器，要想拖動當前這個元素只需要再元素的標籤內多添加一個屬性：draggable="true"，然後在IE下，只有在a標籤內加入這個屬性才可以拖動一個標籤。當然，如果說用mouse屬性類比的話，也可以拖動一個標籤，但是這個話題就不在本文的討論範圍了。對於用滑鼠拖動的元素能觸發的事件有：ondragstart, ondrag, ondragend。 ondragenter, ondragover,
其實在很多Web前端招聘都很少談及DOM結構的問題，大多都跟JS有關。但是nelson個人認為一個好的頁面的含義更重要的是一個好的DOM結構，因為頁面的內容都是通過DOM結構呈現給使用者的，所以一個好的前端工程師所具備的遠遠不止會寫好一段好的JS代碼。一個好的DOM結構能夠少寫很多代碼，特別是CSS代碼，因為DOM結構是直接跟CSS掛鈎的。根據nelson這些年的bug-fix經驗，很多時候bug的產生都是因為DOM結構沒有寫好，以至於樣式裡多了很多的CSS
包含target屬性的標籤有：<a> <form> <base>
<!doctype html><html><head><meta charset="gbk"><title>First Grid Demo</title><style>/*body,button,input,select,textarea{font:12px/1.5 '微軟雅黑',Verdana,Tahoma,Arial,/5b8b/4f53;/*後面是宋體的編碼*//*}body, h1, h2, h3, h4
今天看代碼時發現有一個function裡return了一個object對象，而其他地方直接應用了這個對象的內容。然後自己就嘗試做一些個東西試試是否可行：var test = function (){ return {init: 'ab', todo: 'sth'};}alert(typeof test.init);// alert undefinedvar a = test.init;alert(a);// alert
colgroup/col相容性一覽表 IE6IE7IE8FF7Chrome12Opera11字型(font)YYNNNN顏色(color)YYNNNN寬度(width)YYYYYY高度(height)NNNNNN背景色(background-color)YYYYYY對齊(text-align)YYNNNN邊框(border)NNNNNN明隱(visibility)YYNNNN顯隱(display)YYNNNN從上面的資料我們可以看出：1，
今天修複一個bug：購物車確認頁面在chrome和Safari下出現捲軸的bugfix看了一下代碼裡面有這麼一段話：html{overflow-y: scroll;}但是僅僅設定這句話，overflow-x預設值就應該是visible呀！試了一下加上overflow-x: visible;
今天在寫代碼的時候發現很奇怪的事情，就是在FirefoxFF點擊checkbox竟然兩個checkbox都觸發點擊事件。<label><input type="checkbox" checked="checked" class="check-box" name="remember-name" value="" />記住使用者名稱<input type="checkbox" class="check-box" name="no-login" value=""
obj = ev.target ? ev.target :ev.srcElement ; //w3c與ie擷取事件元素方法不同//添加CSSvar addCSS = function(cssText) {var styleEl = d.createElement('style');styleEl.type = "text/css";d.getElementsByTagName('head')[0].appendChild(styleEl); //先appendChild，否則hack失效if (
由於幫人解決IE6 png不透明的bug，看到了對方使用jquery的pngfix，問題很快就找到了，是因為類庫衝突，也就是引入了兩個類庫導致的$衝突。自己之前很少關注這方面東西，出於好奇看了一下源碼，發現實在不堪入目，就突發奇想採用原生的JS重構了一遍。如下：/** * png fix by yansong at 2011-12-07 * * @example $.ready(function(){YS.pngFix();}); * @desc Fixes all PNG's in the
曾幾何時，一直在思考著是否可以壓縮html的問題，因為js以及css的壓縮問題已經解決了。但是為什麼html不能壓縮呢？這裡就碰到了幾個問題：壓縮之後，空隙減少導致有些布局不能展現，比如：上回的圖片置中對齊問題就是一定要有空白。我後來看看了這兩篇文章：http://lifesinger.org/blog/2010/05/why-dont-compress-html/以及http://www.ued163.com/?p=814我發現其實還是可行的，為什麼這麼說呢？就像第一篇說的那樣：HTML
隨著瀏覽器的升級，CSS3已經可以投入實際應用了。但是，不同的瀏覽器有不同的CSS3實現，相容性是一個大問題。上周的YDN介紹了CSS3 Please網站，該網站總結了一些常用功能的寫法。以下就是這些寫法的詳細介紹。所有代碼都經過了Firefox 3.6和IE 8.0的驗證，原文的錯誤之處也已得到改正。一、圓角（Rounded Corner）.box_round { -moz-border-radius: 30px; /* FF1+ */ -webkit-border-radius:
今天使用YUI3弄了半天的node.show()，發現它不起效果，然後也不報錯。API文檔中是這麼寫的：void show ( name , config , callback )後來想了想還是直接看原始碼吧，然後發現下面這段話：_show: function() { this.setStyle('display', '');
今天在修改一個頁面bug是，發現了小黑點。很是奇怪就用firebug看了一下，發現是iframe搞的鬼，刪掉它就消失了。具體對應的iframe代碼是：<iframe width="0" height="0" src="about:blank" id="aliwangwangSendmsgShowFrame"
據yss對目前的現有的圖文列表布局有兩種：一種是採用表格的方式；第二種採用li方式。而yss今天要說的也是li方式，但是是在它基礎上進行了一次創新。創新點就在於採用了inline-block模式去設定li。/* inline-block 說明 */IE6&7是不支援inline-block的，需要通過HACK去解決：所以inline-block的寫法是：display: inline-block;*display: inline;*zoom:
今天碰到一個問題：E.on(D.getElementsByClassName('edit-goods', 'a', 'J_IllegalGoods'), 'click', function(evt){E.preventDefault(evt);var obj = E.getTarget(evt), editForm = document.forms['editForm'], reg = /^#(/d+?)(false|true)(/d{2})$/;var links =
/** * img圖片資料消極式載入組件 2.0 * @Author yansong@corp.netease.com * @Date： 2011-11-11 * @For: if needs * @Desc: * 對應的結構：<img data-src="真真實位址" ... /> * imgs只支援原生的數組、NTES的數組對象、JQuery的對象數組。如：document.getElementsByTagName('img') * 對1.0版進行了改進。 * 1.
<div style="position: relative;border:1px solid #FF7711; padding-top:4px;"><a href="#" style="display: inline-block; _zoom:1; width:90px; height:20px;border:1px solid #333333;text-align:center;">試試新功能<img border="0"
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
