原创 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;