原创 js阻止默認事件和阻止事件冒泡的區別和兼容寫法(event.preventDefault()和event.stopPropagation())

初期會把這兩個搞混,今天去仔細看了一下說明。 相比較的說明一下 event.stopPropagation() 不讓事件傳遞到父元素,停止事件冒泡(停止事件向上派發)。 例如: <div class="box"> <a hr

原创 【黑科技之】chrome控制檯查看或修改數據

假如檢查線上項目,後臺傳來的數據是否正確 先F12打開控制檯 點擊Sources 然後找到你所要查看的js文件,在你要查看的數據變化前設置一個斷點,例如我要查看返回的data: 需要刷新一下頁面,因爲頁面已經加載好了,要在它加

原创 解決瀏覽器自動填充賬號密碼行爲

這東西真的不是程序員的問題,但是沒辦法拿着別人的給的錢就必須解決。 如果你很急,就直接跳到最後一個看解決辦法。 首先爲什麼會出現這種情況 本人實驗了三個瀏覽器360瀏覽器、火狐瀏覽器、谷歌瀏覽器(都是最新版) 用戶在登錄網站時,登

原创 js數組扁平化

這一篇應該說是掃盲吧,或者說給自己的無知長個記性??? 一開始聽到數組扁平化,這形容詞真讓我懵逼了一下。我是真沒想到降維那裏去,最後瞭解了一下 扁平化就是將多維數組轉換爲一維數組: [1,[2,3,[4,[5,6]]]] ↓

原创 vue事件修飾符(阻止事件冒泡、阻止默認事件....)

這應該是vue提供給程序員的語法糖確實很好用。官方說法是: 在事件處理程序中調用 event.preventDefault() 或 event.stopPropagation() 是非常常見的需求。儘管我們可以在方法中輕鬆實現這

原创 將導入的stl文件加3D效果

效果圖: 要求是要能支持VR眼鏡觀看,就是要能分屏 沒有系統的去學three.js,只是爲了實現效果。 以下代碼只需要更換stl文件就可以。 var scene = new THREE.Scene();//場景容器 var

原创 canvas塗抹達到一定比例緩慢消失【刮刮獎類似】

直接先看效果吧: 解釋都寫在代碼裏了,如果需要原文件,可以私聊我隨時在(原文件也有jquery無縫輪播兼容手機瀏覽器和微信瀏覽器哦)。 樣式代碼: *{margin: 0px;padding:0px;} body{

原创 一文了解按位操作符中左移與右移

無意中看到>>、<<、>>>說實話一點也不知道這是什麼,帶着好奇心去了解了一下。 本文從一個小白的角度看這三個按位操作符的意思,會相對好理解。 按位操作符操作數字的二進制形式,但是返回值依然是標準的JavaScript數值。 >>

原创 對於動態添加的元素綁定事件無效的看法

在做項目中肯定會遇到一些,需要動態添加的元素,比如我做一個賬號充值消費記錄。用table實現的,每一條記錄都是動態查詢添加的。 也就是每一個<tr><td>消費時間</td><td>消費金額</td><td class="clic

原创 js獲取和添加樣式表中的屬性

原生js如何獲取樣式表中的樣式? js獲取樣式直接能想到的無非就是: <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *

原创 【深入淺出】js中的隱式轉換

探索了一下隱式轉換的問題 先要知道js那些值在判斷中是錯誤 0是false,1是true false undefined null ""或者’’,就是空字符串 NaN 那麼在什麼情況下會發生隱式轉換呢? 一般常出現在==、+、

原创 for循環不能重複添加節點的坑

這是模擬後臺給數據的時候發現的一個坑。 結構: <select id="subject" class="form-control"></select> <select id="knowledge_point" class="for

原创 怎樣設置cookie路徑才能讓不同文件夾下的頁面都能訪問到

這個問題是我在工作中遇到的,開發的網站有兩個狀態企業用戶和個人用戶。 企業用戶的jsp頁面在company文件下,個人用戶的jsp頁面在personal文件夾下,首頁在homepage下 一開始在首頁登錄寫入cookie我並沒有設

原创 H5語義化標籤

H5標籤有很多個,但有些並不兼容所以用不到。而且H5語義化標籤官方的都是說法並沒有看到真正的例子,很難理解,今天就去扣一扣這些。 梳理一下兼容可用的H5標籤,不兼容的標籤會忽略。 article標籤 <article> 可用於詳情

原创 HTML與CSS3的知識整理

都是乾貨 點擊鏈接後退頁面: <a href="javascript:history.go(-1)">回到上一個網頁</a> ——修改placeholder提示的樣式: 1.除IE外通用寫法 類名或標籤名::placehold