原创 給元素添加事件的方法
添加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