<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 首頁

    能用HTML/CSS解決的問題就不要使用JS

    藍藍設計的小編

    為什么說能使用html/css解決的問題就不要使用JS呢?兩個字,因為簡單。簡單就意味著更快的開發速度,更小的維護成本,同時往往具有更好的體驗,下面介紹幾個實例。

    1. 導航高亮

    導航高亮是一種很常見的問題,包括當前頁面的導航在菜單里面高亮和hover時高亮。你可以用js控制,但是用一點CSS技巧就可以達到這個目的,不需要使用JS。

    1.png

    2.png

    在正常態時,每個導航的默認樣式為:

    JavaScript 閉包的底層運行機制

    藍藍設計的小編

    當JavaScript在運行的時候,它需要一些空間讓它來存儲本地變量(local variables)。我們將這些空間稱為作用域對象(Scope object),有時候也稱作LexicalEnvironment。例如,當你調用函數時,函數定義了一些本地變量,這些變量就被存儲在一個作用域對象中。你可以將作用域函數想象成一個普通的JavaScript對象,但是有一個很大的區別就是你不能夠直接在JavaScript當中直接獲取這個對象。你只可以修改這個對象的屬性,但是你不能夠獲取這個對象的引用。

    作用域對象的概念使得JavaScript和C、C++非常不同。在C、C++中,本地變量被保存在棧(stack)中。在JavaScript中,作用域對象是在堆中被創建的(至少表現出來的行為是這樣的),所以在函數返回后它們也還是能夠被訪問到而不被銷毀。

    JavaScript 中匿名函數的遞歸調用

    藍藍設計的小編

    不管是什么編程語言,相信稍微寫過幾行代碼的同學,對遞歸都不會陌生。 以一個簡單的階乘計算為例:

    function factorial(n) { if (n <= 1) { return 1;
        } else { return n * factorial(n-1);
        }
    }

    我們可以看出,遞歸就是在函數內部調用對自身的調用。 那么問題來了,我們知道在Javascript中,有一類函數叫做匿名函數,沒有名稱,怎么調用呢?當然你可以說,可以把匿名函數賦值給一個常量:

    const factorial = function(n){ if (n <= 1) { return 1;
        } else { return n * factorial(n-1);
        }
    }

    技術的執念

    藍藍設計的小編

    只需稍加留意,我們就會發現自己被各種技術、工具包圍。ThoughtWorks的技術雷達差不多每半年就會更新一次,在項目中更會遇到很多已經從技術雷達上消失的技術,項目上的舊技術/舊框架還在服役,新的技術/工具/語言/框架又在迅速的出現,有些曇花一現、迅速被新的后來者所取代。有的留下來了,不過也都在不斷的演化、改變(不兼容的API,不同的版本等隨處可見)。

    1.png

     

    JavaScript 事件對內存和性能的影響

    藍藍設計的小編

    雖說事件處理程序可以為現代 Web 頁面添加很強的交互能力,但是不分青紅皂白就添加大量的事件處理程序絕對是一種愚蠢的行為。

    我們來分析一下:事件處理程序本質上是一種函數,是一種對象,存放在內存中,設置大量的事件處理程序會使內存中的對象變多,Web 程序的性能會變得越來越差,用戶體驗很不好。

    為了更好地利用好事件處理程序,便出現了事件委托,用來提升性能。

    JavaScript 中的面向對象編程

    藍藍設計的小編

    JavaScript 是一個強大的面向對象編程語言,但是,并不像傳統的編程語言,它采用一個以原型為基礎的OOP模型,致使它的語法讓大多數開發人員看不懂。另外,JavaScript 也把函數作為首要的對象,這可能會給不夠熟悉這門語言的開發人員造成更大的困惑。那就是我們決定放在前面作為一個簡短前言進行介紹的原因,并且在 JavaScript 里也可以用作面向對象編程的一個參考。

    這個文檔沒有提供一個面向對象編程的規則預覽,但有它們的接口概述。

    了解HTML/HTML5中的download屬性

    藍藍設計的小編

    一、download屬性是個什么鬼?

    首先看下面這種截圖

    1.png

     

    如果我們想實現點擊上面的下載按鈕下載一張圖片,你會如何實現?

    我們可能會想到一個最簡單的方法,就是直接按鈕a標簽鏈接一張圖片,類似下面這樣:

    <a href="large.jpg">下載</a>

    但是,想法雖好,實際效果卻不是我們想要的,因為瀏覽器可以直接瀏覽圖片,因此,我們點擊下面的“下載”鏈接,并是不下載圖片,而是在新窗口直接瀏覽圖片。

    騰訊干貨!從四個方面幫你做好移動頁面性能優化

    用心設計

    隨著移動互聯網的發展,我們越發要關注移動頁面的性能優化,今天跟大家談談這方面的事情。

    首先,為什么要最移動頁面進行優化?

    縱觀目前移動網絡的現狀:

    臺灣設計師!為什么我不推薦敏捷開發?

    周周

    dont-recommend-agile-development-1

    @Akane_Lee :當項目成員越多,我越不推薦敏捷開發,原因在于「當連自己要做什么事、為什么這樣做、這樣做為了解決什么問題」都搞不清楚前,就跳下去玩敏捷開發,那和比通靈還慘,通靈起碼還有個目標物在前面,搞不清楚狀況的人只能陪他跳世界迷霧開地圖了 >>>

    日歷

    鏈接

    個人資料

    藍藍設計的小編 http://m.skdbbs.com

    存檔

    主站蜘蛛池模板: 亚洲精品无码久久久影院相关影片| 精品国产v无码大片在线观看| 久久99热只有频精品8| 99热精品毛片全部国产无缓冲| 亚洲精品自产拍在线观看| 国产精品免费一区二区三区| 91国在线啪精品一区| 少妇人妻偷人精品无码视频| 精品国产AⅤ一区二区三区4区| 青青草国产精品久久| 国产精品一久久香蕉国产线看观看| 亚洲精品一级无码鲁丝片| 国产一区二区精品久久岳| 亚洲第一精品福利| 55夜色66夜色国产精品视频| 无码精品人妻一区二区三区免费 | 国产精品黄网站| 少妇人妻偷人精品无码视频| 中文精品人人永久免费| 欧美成人精品高清视频在线观看| 国产精品偷窥熟女精品视频| 亚洲精品欧美综合在线| 精品亚洲综合久久中文字幕| 国产精品乱码高清在线观看| 精品亚洲麻豆1区2区3区| 亚洲国产精品成人精品无码区 | 亚洲国产精品久久久久网站| 97久久精品无码一区二区| 麻豆亚洲AV永久无码精品久久| 亚洲国产另类久久久精品黑人| 亚洲精品国产电影| 亚洲欧洲精品无码AV| 亚洲精品无码高潮喷水在线| 中文字幕日韩精品有码视频| 亚洲人成精品久久久久| 夜夜高潮夜夜爽国产伦精品| 一区二区国产精品| 亚洲AV永久无码精品一百度影院| 亚洲av永久无码精品漫画 | 精品人体无码一区二区三区| 久久国产精品免费一区二区三区|