原创 作用域和閉包

  首先要牢記作用域不是存儲區域,存儲區域稱作內存,作用域的作用就如家人之間不能叫錯輩分一樣,輩分的稱呼是有一套法則的,而作用域就是變量們的查找和讀取法則,更形象點的可以把作用域比作一套c++(chrome v8)算法,作用域的理解有助於幫

原创 作用域-什麼是作用域

編譯器工作的三個階段: 詞法分析(間隔成一個個詞法單元)、語法分析(根據嵌套規則生成語法樹)、代碼生成(將代碼轉換成機器指令併爲變量分配內存)。 作用域: 就是根據變量名稱存儲和查找變量的一套規則。 作用域的作用: 一個是編譯期間與編譯器交

原创 JavaScript-創建性設計模式

工廠方法模式 定義:通過對產品類的抽象使其創建業務主要用於創建多類實例即:再構造函數中創建指定類型的實例,原型屬性方法中定義創建過程算法骨架: ` var Factory = function(type, content) { if

原创 uni-app開發事項和性能優化點(微信小程序端)

一、1、uni-app 1.8開始支持微信小程序自定義組件2、新版支持了更多 Vue 語法,詳細如下: 支持過濾器 filter支持比較複雜的 JavaScript 渲染表達式支持在 template 內使用 methods 中的函數支持

原创 一、js設計模式-對症下藥

1、一個郵箱驗證的功能函數的寫法有幾種? (1) 簡單的寫法 function checkName(){}; function checkEmail(){}; function checkPassword(){}; 分析:這幾個函數可以認爲

原创 衣食父母-瀏覽器

我覺得文章題目起的挺現實,在BS大行其道的今天,瀏覽器作爲一款window軟件已經是很多程序員兄弟的衣食父母,所以瞭解一下瀏覽器是很必要的。 1、背景 作爲前端程序員一定要好奇從地址欄輸入地址後到底發生了什麼 主流瀏覽器 IE、Firefo

原创 css-float

定義選擇往那個方向浮動、以往這個屬性總用於圖像(也適用於其他元素),使文本環繞在圖像周圍(一半),並且脫離了正常的文檔流,如果後面還有元素,該元素會被浮動元素覆蓋,加上這個屬性相當於display: inline-block環繞特性 <!D

原创 css-從筆試題中看知識

常見子元素居中方式 (1) "position: absolute": 'position: absolute;' + 'transform: translate(-50%, -50%)' // 原理是絕對定位是根據左上角,然後讓子元素回移

原创 url輸入後的故事

  小劉(瀏覽器)是一個批發商, 小李(普通用戶)是一個超市的進貨經理,一天小李經理來到了小劉老闆的店鋪,說:我‘要(www.baidu.com)類的所有東西’,小劉老闆說:‘我得用我們的行話(IP)告訴底下的人你要的東西他才知道你要啥’,

原创 javascript-數據類型

3.1 數據類型 (1) 基本數據類型:string,number(flaot,精度17位小數,integer,Integer.MAX_VALUE獲取整形最大值),boolean,null,undefined, typeof後依次對應str

原创 javascript-高級用法

22.1 安全的類型檢測 爲什麼:typeof 不靠譜, 無法將數組從對象中區分出來, instanceof 有特殊情況,在iframe存在的情況下無法判斷另一個iframe內的數組 如何做:Object.prototype.toStri

原创 javascript-離線應用於客戶端存儲

23.1 離線檢測 含義:設備能否上網 代碼: navigator.onLine 注:IE6+和safari+5,firefox3+和opera16+,chrome最新的沒問題 23.2 應用緩存 緩存的目的是專門爲網頁離線設計的,當

原创 javascript-函數表達式

函數表達式 定義:函數表達式區別於函數聲明,也是一種定義函數的方式,形似與變量賦值,這個值就是函數體,例如: var a = function(){}; // 函數表達式之匿名函數 var a = function fn(){}; //

原创 javascript-對象

6.1理解對象 創建方式:函數生成 和 字面量 例如: var a = new Object(); // new 構造函數方式 var a = Object(); // 調用函數 var a = {}; // 字面量 屬