原创 獲取元素到頁面頂部的距離

const offsetTop = targetElement.getBoundingClientRect().top + document.documentElement.scrollTop

原创 拒絕假空心!純css實現 真·空心帶邊框直角三角形和空心帶邊框直角梯形!

需求 ↑需要實現一個背景爲半透明且帶邊框的直角梯形 百穀解決方案 碰到問題,程序猿的優良傳統,先百穀一下(?) 得到的解決方案總結一下有這些: 1.利用border交界處爲斜邊來製作,即border-top:none;bord

原创 微信瀏覽器中iframe srcdoc、src="data:text/html,xxxx" 等無法使用情況下防止樣式污染的解決方案

業務需求 從後端取HTML 前端展示 要求 HTML不得被前臺全局樣式污染 解決方案 1、使用iframe 的 srcdoc <iframe srcdoc="<p>這是HTML<p>" frameborder="0"></

原创 關於Group By 單個和多個字段

在MYSQL中使用GROUP BY對錶中的數據進行分組時: 單個字段: GROUP BY X意思是將所有具有相同X字段值的記錄放到一個分組裏, 多個字段: GROUP BY X, Y意思是將所有具有相同X字段值和Y字段值的記錄放到

原创 浮點數計算精度誤差原理隨記

場景 0.1 + 0.2 = 0.30000000000000004 原因 以下摘自 https://www.cnblogs.com/wymbk/p/6031442.html 首先,我們要站在計算機的角度思考 0.1 + 0.2

原创 關於CSS選擇器書寫正確瀏覽器卻不認的一個原因

不想看原因的,可以直接跳到頁尾看解決方案 今天在寫樣式的時候出現不生效的問題,選擇器是正確的,使用jquery也能正常選擇到,但是瀏覽器就是不識別這一段樣式。 問題樣式 ↓ jQuery能選擇到 ↓ 然而Chrome的開發