Time of Update: 2018-12-07
以前提到過for...in迴圈在IE下有BUG,不能遍曆出Object的預設原型方法,如toString, valueOf什麼的。這次發現它們在遍曆順序上還有不同。IE、Firefox、Safari瀏覽器的JavaScript 解析引擎遵循的是較老的ECMA-262第三版規範,屬性遍曆順序由屬性構建的順序決定,而Chrome、Opera中使用 for-in 語句遍曆對象屬性時會遵循一個規律,它們會先提取所有 key 的 parseFloat 值為非負整數的屬性,
Time of Update: 2018-12-07
sessionStoragelocalStorage都實現了Storage Interface:interface Storage { readonly attribute unsigned long length; [IndexGetter] DOMString key(in unsigned long index); [NameGetter] DOMString getItem(in DOMString key); [NameSetter] void setItem(in
Time of Update: 2018-12-07
前幾天用自己寫的爬蟲爬資料,也不知道是從哪疙瘩爬過來的這幾篇WPF的學習資料,看了覺得非常不錯,貢獻出來,大夥有興趣的參考下。這裡列個目錄,以方便諸君查看:1.WPF和Silverlight概述2.WPF體繫結構3.WPF應用程式結構——HelloWorld4.WPF應用程式管理5.WPF表單6.WPF布局管理之StackPanel、WrapPanel、DockPanel7.WPF布局管理之Grid、UniformGrid8.WPF布局管理之Canvas、InkCanvas9.WPF控制項模型1
Time of Update: 2018-12-07
文章目錄 Prototype.js1.6之後的類工廠dojo的類工廠:YUI的類工廠Simple JavaScript Inheritancemootools的類工廠mass Framework的類工廠 類工廠是指用於產生類的函數,我們不能每寫一個類都重複以下代碼,要好好封裝一下!var F = function(){}F.prototype = SuperClass.prototype;SubClass.prototype = new
Time of Update: 2018-12-07
文章目錄 水平漸層水平漸層2邊框顏色下拉陰影(drop-shadow)圓角圓角透明度緩動時間長度列 水平漸層預設是淺色。.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) { background: @color; background: -webkit-gradient(linear, left bottom,
Time of Update: 2018-12-07
偶然將想到的一個如何判斷滑鼠從哪個方向進入一個容器的問題。首先想到的是給容器的四個邊添加幾個塊,然後看滑鼠進入的時候哪個塊先監聽到滑鼠事件。不過這樣麻煩太多了。google了一下找到了一個不錯的解決方案,是基於jquery的,原文地址說實話,其中的var direction = Math.round((((Math.atan2(y, x) * (180 / Math.PI)) + 180) / 90) + 3) %
Time of Update: 2018-12-07
mass Framework決定用less作為自己的CSS重用工具,決定好好學習一下它的源碼,說不定以後用mass Framework重寫它。一上來是個經典結構:自動執行函數(function (window, undefined) {})(window)接著是載入器相關的內容 function require(arg) { return window.less[arg.split('/')[1]]; }; // amd.js
Time of Update: 2018-12-07
它基本是來源於 Normalize.css,沒有用到什麼less文法,硬要的是可以看到“//”注釋的使用/* Reset.less * Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp,
Time of Update: 2018-12-07
<!DOCTYPE HTML><html> <head> <title>onbeforeactivate by 司徒正美</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script> window.onload = function(){
Time of Update: 2018-12-07
我們都知道display:none可以讓元素看不見,但display還有一些鮮為人知的值可以針對特定的元素起作用,讓它們看不見。在table中,有這麼幾個元素,它只是用於控制排板,但不會佔據空間,它們在標準瀏覽器下各自預設一些特別的display值讓它們能這樣做。比如col標籤,如IE下可以通過控制它對應的這一列的TD或TH元素的文本對齊與背景色,它的display值為table-column。colgroup標籤與col相仿,但可以控制相鄰的幾列元素,它的display值為table-colu
Time of Update: 2018-12-07
原文地址:what’s wrong with extending the DOM最近我驚奇地發現,網上很少有關於擴充DOM的文章。令人不安的是,這個看似不錯的做法的缺點並不是那麼的眾所周知。除了某些僻靜的社交圈。資訊的匱乏可以很好的解釋為什麼現代的一些指令碼和類庫依然會陷入這個圈套(DOM並沒有想象的那麼好)。我想通過展示一些與之關聯的問題來解釋一下,為什麼擴充DOM並不是一個好的做法。我也將給出一些可能的替換方案來替代這種不好的做法。首先,我們還是要瞭解一下什麼是DOM擴充?和它是怎麼工作的?
Time of Update: 2018-12-07
本節將介紹如何支援“simplified CommonJS wrapper”模組,node.js的SJS模組實質在內部包一層構成一個SCW模組,而seajs提倡的 CMD 也源自於它。//http://blog.millermedeiros.com/amd-is-better-for-the-web-than-commonjs-modules///一個遵循SCW規範的模組,SCW是CommonJS關於模組定義的一個子規範define(function(require, exports,
Time of Update: 2018-12-07
<!DOCTYPE HTML><html id="html"> <head> <title>offsetParent by 司徒正美</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="mass.js">
Time of Update: 2018-12-07
由於手機號段的不斷更新,以前的Regex已經無法滿足需求。重新編寫這條運算式,號段資料來源依據:http://www.von-line.com/hao.htmvar regex = { mobile:
Time of Update: 2018-12-07
變數可以用類似ruby和php的方式嵌入到字串中,通過@{name}這樣的結構:樣本://LESS@base-url: "http://assets.fnord.com";background-image: url("@{base-url}/images/bg.png");/*產生的CSS*/background-image:
Time of Update: 2018-12-07
當你感冒時不可避免的一個癥狀就是鼻子不通氣,特別是晚上睡覺鼻塞特別難受。感冒不是一天兩天就能好的,有什麼方法可以解決鼻子不通氣呢?小編就教大家幾個妙招解決鼻子不通氣的難題。 蒜塞鼻孔法 用大蒜頭1瓣,用刀削成與鼻孔相吻合的形狀,塞進鼻孔。連續幾次,即可治癒。 鹽水洗鼻法 因傷風感冒,鼻塞不通氣,可用微溫的食鹽水,仔細地洗鼻孔,堅持數天,即可治癒,同時還可防止鼻炎。 薄荷油聞鼻法 用薄荷油聞鼻,即刻可達到鼻孔通暢。此藥可反覆使用幾次。 足浴通鼻法 鼻塞嚴重影響睡眠時,用熱水洗腳,
Time of Update: 2018-12-07
微軟最新發行的IE10平台預覽第四版為了增強對HTML5的支援,使用了一個基於HTML5內部定義的行為,具有互通性的怪異模式(Quirks Mode),並將這種基於HTML5的怪異模式設為IE10的預設怪異模式。使用者和 Web
Time of Update: 2018-12-07
文章目錄 引導 我們先看以下一段例子:// LESS.rounded-corners (@radius: 5px) { border-radius: @radius; -webkit-border-radius: @radius; -moz-border-radius: @radius;}#header { .rounded-corners;}#footer { .rounded-corners(10px);}/* 產生的
Time of Update: 2018-12-07
還是先看樣本// LESS#header { h1 { font-size: 26px; font-weight: bold; } p { font-size: 12px; a { text-decoration: none; &:hover { border-width: 1px } } }}/* 產生的 CSS */#header h1 { font-size: 26px; font-weight: bold;}#header p {
Time of Update: 2018-12-07
內建函數的意思是less自身準備的一套函數,可以讓你直接在less文本中直接使用,它們90%是與顏色相關的。從源碼可以看到,它們都掛在less.tree.functions之下:rgbrgbahslhslahuesaturationlightnessalphasaturatedesaturatelightendarkenfadeinfadeoutfadespinmixgreyscaleeescape%roundceilfloor_mathargbpercentagecoloriscolorisn