原创 Web高級 - 05 作用域&作用域鏈(閉包的形成)

創建函數時: 創建一個堆( 存儲代碼字符串和對應的鍵值對 ) 初始化當前函數的作用域( [[scope]] = 所在上下文中的變量對象VO/AO ) 執行函數時: 創建一個新的執行上下文EC( 壓縮到ECStack裏執行) 初始化this

原创 web高級 - 03 數組常用方法

Array.prototype   原型方法 console.dir(Array)   Array直接調用的方法

原创 頁面微信分享配置

1、服務端獲取微信分享配置所需的信息 1.1:通過APPID和APPSECRET獲取access_token值:          https://api.weixin.qq.com/cgi-bin/token?grant_type=cl

原创 web高級 - 04 瀏覽器堆棧內存的底層處理

編譯器(把代碼解析成爲瀏覽器看得懂的結構):詞法解析 / AST抽象語法樹 / 構建出瀏覽器能夠執行的代碼 引擎(V8引擎,webkit內核): 變量提升 / 作用域、閉包 / 變量對象 / 堆棧內存 / GO、VO、AO、EC、ECSt

原创 web高級 - 01數據類型

1、基本/原始數據類型(值類型):number :NaN/string /boolean /null /undefined 2、引用數據類型:      object:Object/Array/Regexp/Math/Date/實例對象.

原创 移動端點擊事件300ms延遲問題--safari瀏覽器

1、禁用縮放 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/> 這一方案在 safari 上並不起作用,而

原创 PC safari瀏覽器輪播異常

問題:PC輪播 ios瀏覽器離開頁面一段時間後再回來,會飛速輪播 思路:監聽是否離開當前瀏覽頁面,離開就停止定時器,再回來就開啓定時器 代碼: //ios兼容,離開頁面再回來,飛速輪播 var hidden, visibilityChan

原创 js一鍵複製並調起微信客戶端

<div> <input type="text" id="tid" name="tid" value="要複製的內容" readonly="readonly">     <p class="btn" onclick="copyU

原创 阻止彈窗蒙層底部頁面滾動

背景:最近在做一個H5簽到領紅包活動,頁面各種彈層顯示,產品要求彈層半透明背景下主頁面禁止滑動,網上找各種方法,最終確定實現該需求的以下幾種方案。 方案一: 打開蒙層時,給 body 添加樣式:overflow:hidden;  heig

原创 jQueryphotoClip-圖片上傳並裁剪

公司年前要推一個製作新年賀卡的H5活動頁,開發過程中踩了幾個坑,今天總結分享一下。 最初方案:將用戶圖片上傳服務器,返回url顯示在頁面上,點擊生成賀卡按鈕,將url以及賀卡暱稱、祝福語傳給接口,後臺返回一張生成賀卡圖片url,顯示在頁面