原创 給元素添加事件的方法

添加html元素的事件1.通過HTML元素屬性 簡單說來就是在html結構中,給你要添加事件的元素添加一個屬性。 屬性名爲 'on' + 事件名。 如:你要給a元素綁定一個click事件,你就該這麼寫: <a href="http://b

原创 overflow-scrolling:touch bug

當你給一個元素設置過position:absolute;或者position:relative;後再增加-webkit-overflow-scrolling: touch;屬性後,你會發現,滑動幾次後可滾動區域會卡主,不能在滑動,這時給元

原创 淺談 xss 攻擊

xss 是跨站腳本攻擊,主要原理是對網站注入js 腳本,這樣當注入的js 腳本執行的時候就達到了惡意攻擊的目的。 方法: 1. 現在很多頁面是通過瀏覽器的url 進行數據傳輸,這個時候如果把傳輸數據改成js 腳本,再如果開發在取數據的時候

原创 let 和 const的區別

let 和const 都是es6中定義變量的關鍵字 這個時候你們肯定會想到var ,沒錯var也是定義變量的關鍵字,但是var 定義的關鍵字存在變量提升。 比如:  console.log(c) //undefined var c

原创 js 獲取最近一段時間

js 獲取最近的時間思路是 1. 獲取當前時間的時間戳 2. 在時間戳 減去 3600 * 1000 * 24 *天數 3.在把獲取到的時間戳轉回日期格式 4.藉助for 循環循環需要的天數即可獲得從當前時間到目標時間的數組 下面上代碼

原创 前端元素清浮動

什麼是浮動 給元素設置float樣式使元素脫離文檔普通流,漂浮在普通流之上 浮動對文檔的影響 子元素浮動,父級元素會出現高度爲0的現象,這個現象,叫做高度塌陷(導致這現象是因爲子元素浮動脫離文檔層,父級元素還在文檔層) 清浮動:4種方法:

原创 zepto點透事件

原因: zepto的tap通過兼聽綁定在document上的touch事件來完成tap事件的模擬的,及tap事件是冒泡到document上觸發的由於click 在移動端會發生300毫秒延遲。當tap點擊後還沒冒泡到document上時,在

原创 vue 修飾符.sync

.sync 在vue 中相當於是更新v-on 屬性的監聽器 比如 我們寫  <Demoparent  :foo.sync="barparam">  實際上是 <Demoparent :foo="barparam" @update:fo

原创 js 圖片打包壓縮下載到本地

1.需要使用 jszip 壓縮插件 和 file-saver 插件 2. jszip  可以到網上找包下載也可以直接 npm install  jszip --save 引入  3. file-saver 可以到網上找包下載也可以直接 n