原创 useCapture：true與flase的表現區別 事件的冒泡與捕獲
書接上文！上文講到useCapture。 這個是官網給的解釋。反正看的似懂非懂 true - 事件句柄在捕獲階段執行 false- false- 默認。事件句柄在冒泡階段執行 我個input加了一個父節點，同時給他也加一個彈出事件。彈
2020-07-04 20:09:15
原创 你TMD的竟然在代碼裏面下毒！
情景如下： 沈志勇，你看一下gitlab上面xxx的項目，這個是我們的一個老項目。我們要基於這個老點的框架,添加點新的功能。老大說到！ 說實話，就怕接手老項目。裏面的坑不知道有多少。皇天不負有心人，真的讓我找到了一個坑。在一個公
2020-07-04 20:09:05
原创 addEventListener()及attachEvent()區別
今天仔細看了一下addEventListener() attachEvent()寫篇博客記憶一下。 html代碼很簡單一句話： <!DOCTYPE html> <html lang="en"> <head> <meta charset
2020-07-04 20:09:04
原创 JS 對象的深拷貝和淺拷貝
現象 我們先來看一個demo // 我們先申明一個變量str1， // 然後把變量str1負值（拷貝）給變量str2 // 最後對變量str2進行修改操作 var str1 = 'shen' var str2 = str1 st
2020-07-04 20:09:04
1
原创 CSS垂直居中、水平居中（超詳細解析）
讓一個div或者一段文字亦或者一張照片居中顯示的問題，面試的過程中也經常被問到。相信大家都日常的佈局也經常會用到，回答出個三兩種解決方案亦不是難事。但今天我細究了一下，發現還有新大陸可尋，特意留此博文總結一下，與君分享！如果你有新
2020-07-04 20:09:04
1
原创 HTML5使用js jq控制的播放 暫停
正所謂節後三天瘟！第一天上班腦子迷迷糊糊。一上來就寫一端代碼控制audio，憑藉僅存的記憶，還不錯！弄出來了！中間遇到了一點點小坑，特地拿出來曬曬，免得以後再吃虧！ 任務要求：利用js或者jq控制音頻的播放，不要原生的控制器。 正所謂：
2020-06-02 14:07:17
1
原创 javascript獲取字符串中出現最多的字符並彈出其次數
今天在網上看面試題的時候，發現了這個問題---獲取字符串中出現最多的字符並彈出其次數。百度了許多，看不大懂。然後自己學着去寫了一個 一、怕自己忘記了 二、希望能幫助到其他的初學者，我也是小白，所以代碼比較簡單。同時註釋比較多 方便理解！
2020-02-25 02:55:01
原创 javascript 書寫無縫滾動。
廢話少說，獻上demo 源碼 大家自己下載看效果。 先放上html代碼： <!DOCTYPE html> <html> <head>
2020-02-25 02:55:01
1
原创 僞類after before如何使用阿里的iconfont字體
之前在做一個蛋糕項目的時候，設計給了我一個這樣的圖片（tips:[ “ \e60d”爲蛋糕的小圖標 ]） 當中的蛋糕圖標，我的第一反應就是用before去做。然後把iconfont圖標的十六進制的編碼放到content裏面去。 正所謂，
2020-02-25 02:55:00
原创 css垂直居中--div
面試到css的時候，人們經常會問給你一個div固定寬度. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title>
2020-02-25 02:55:00
原创 事件的委託
之前給li寫事件的時候發現，用代碼新添加的li不能像之前的事件。如同下圖！ 後來改變看到有事件委託就可以修復這個bug!就試了試！ 以下是全部代碼： <!DOCTYPE html> <html lang="en"> <head> <
2020-02-25 02:55:00
原创 css垂直居中--img p
因爲p標籤和img居中的方法 我知道的不多 就放到一起了！ 1.單行文字的居中很簡單 一個text-align:center; line-hegight: 父級div的高度。就OK! 2.關鍵是多行！當然如果父級高度不定，我們可以文字的
2020-02-25 02:55:00
原创 IE8下的背景平鋪 background-size不起作用
今天在寫項目的時候，用到了background-size:cover。在chrome上面預覽很正常。 但是跑到IE下面一看。雖然有background-image 的屬性。但是效果不能如願。 後來，在網上查到需要用濾鏡解決拉伸問題。
2020-02-25 02:55:00
原创 element.offsetWidth 與 element.style.width的區別
請先 下載demo事例 下載後，請依次點擊div，仔細觀看彈出框裏面的內容，仔細比較一下，你就能看到區別。 不願意下載的童鞋也可以自己複製啊！ html: <!DOCTYPE html> <html> <head> <met
2020-02-25 02:55:00
原创 Javascript數組去重方法彙總
前言 關於數組去重，也算是一個比較常見的面試題了。但是有點開發經驗的同學又會發現，前端數組去重的操作很少見（也可能是我個人經驗不足遇到的比較少）。這是爲什麼呢？。我感覺可能是大部分的去重操作被後端處理了。個人見解！ 雖然，前端很少
2019-12-03 06:04:15