原创 js深拷貝
let newArr= JSON.parse(JSON.stringify(arr));
原创 頁面文字增加後,字體變大
在移動端添加很多文字時,文字被放大,可以給p標籤添加 max-height: 9999px 解決
原创 移動端點擊移除高亮
-webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; user-select:none; -w
原创 求解設置float之後,各元素之間有縫隙?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> * {
原创 移動端兼容之蘋果
每日一坑之20180914: <input type="button" value="test" class="disabled" disabled> input 設置 disabled 屬性 之後,在ios手機上發現按鈕顏色變淺。是
原创 移動端滾動穿透解決方法
當頁面中出現彈層時,彈層頁面滾動也會引起body的滾動,解決方法如下 // 打開彈層時獲取當前頁面的滾動值,並給body設置position:fixed;top:當前頁面的滾動值 var scrollPx = $('body').sc
原创 h5移動端撥打電話和發送短信
撥號 發短信
原创 select去除默認樣式
/*!* option 樣式清除 *!*/ option::-ms-expand{ display: none; } option { -moz-appearance:none; /* Firefox */ -webkit-appeara
原创 日常問題
letter-spacing 對文字居中的影響 input標籤的優先級
原创 前端性能優化
功能強大,使用複雜: http://videojs.com 功能簡潔,使用方便: http://flowplayer.org/player/
原创 移動端開發通用-未認證
1. 阻止旋轉屏幕時自動調整字體大小 * { -webkit-text-size-adjust: none; } 2. 修改移動端難看的點擊的高亮效果,iOS和安卓下都有效 * { -webkit-tap-highlight-co
原创 Canvas刮刮樂和灰色圖像
下面舉一些小例子:先假設的創建一個上下文環境var mycanvas = document.getElementById("mycanvas"); var context = mycanvas.getContext("2d");1. ca
原创 僞元素-空心倒三角
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>小三角</title> <style> .z_r:bef
原创 H5移動端開發相關內容
1、給頁面定義最大和最小寬度 { max-width:640px; min-width:320px; } 2、去掉a、input標籤在瀏覽器中的默認樣式 a,button,input,optgroup,select,tex
原创 css實現文字兩端對齊
<div>上海<span></span></div>div { width: 100px; height: 50px; background-color: pink;