摘要:判斷是否是手機(jī)底部增加樣式底部增加樣式初始條件滿足增加樣式如果想更改底部像素的背景顏色怎么辦呢增加樣式 1.判斷是否是IPhoneX手機(jī) let isIphone = /iphone/gi.test(window.navigator.userAgent) let windowW = window.screen.width let windowH = window.screen....
摘要:這個(gè)功能在我的瀏覽器和谷歌瀏覽器時(shí)可以實(shí)現(xiàn)功能的。但是發(fā)現(xiàn)華為自帶的瀏覽器不支持。 [1]我要實(shí)現(xiàn)的功能是用戶填寫完表單后,點(diǎn)擊提交按鈕,截圖。截圖放在一個(gè)彈層里面,給一句提示長按圖片保存至手機(jī)。 showImg(https://segmentfault.com/img/bVbtFCW?w=324&h=578); js引入的是bluebird.min.js和html2canvas.js...
摘要:昨天被問到關(guān)于的問題,當(dāng)時(shí)一臉懵逼,因?yàn)閷懥藘赡辏緵]怎么碰過,有點(diǎn)迷糊。缺點(diǎn)無縮放,且針對(duì)的屏沒有做適配,導(dǎo)致對(duì)一些手機(jī)的適配不是很到位。缺點(diǎn)需要根據(jù)設(shè)計(jì)稿進(jìn)行基準(zhǔn)值換算,在不使用編輯器插件開發(fā)時(shí),單位計(jì)算復(fù)雜。 os:昨天被問到關(guān)于rem的問題,當(dāng)時(shí)一臉懵逼,因?yàn)閷懥藘赡阩s,基本沒怎么碰過css,有點(diǎn)迷糊。 px、em、rem區(qū)別 不同于px這個(gè)固定單位,em和rem都是相對(duì)單...
摘要:緩存相關(guān)知識(shí)整理專題之跟著學(xué)防抖學(xué)習(xí)不一樣的實(shí)戰(zhàn)項(xiàng)目分析闡述實(shí)現(xiàn)限寬容器全屏效果我對(duì)知乎前端相關(guān)問題的十問十答技術(shù)周刊小書更多文章地址,歡迎 Web緩存相關(guān)知識(shí)整理JavaScript專題之跟著underscore學(xué)防抖學(xué)習(xí)不一樣的 vue 實(shí)戰(zhàn) (2): 項(xiàng)目分析闡述CSS Grid實(shí)現(xiàn)限寬容器全屏效果我對(duì)知乎前端相關(guān)問題的十問十答ELSE 技術(shù)周刊Reactjs小書 更多文章:Gi...
摘要:有時(shí)需要根據(jù)模板生成大量數(shù)據(jù),這個(gè)代碼工具簡直就是神器?;舅悸肪褪墙馕瞿0鍞?shù)據(jù),將替換的內(nèi)容解析出來解析輸入數(shù)據(jù),使用將原始數(shù)據(jù)進(jìn)行切分進(jìn)行數(shù)據(jù)替換,然后輸出。此處用實(shí)現(xiàn)元素的選擇,使用實(shí)現(xiàn)邏輯與展示的分離。 有時(shí)需要根據(jù)模板生成大量數(shù)據(jù),這個(gè)代碼工具簡直就是神器。 基本思路就是: 解析模板數(shù)據(jù),將替換的內(nèi)容解析出來 解析輸入數(shù)據(jù),使用 , 將原始數(shù)據(jù)進(jìn)行切分 進(jìn)行數(shù)據(jù)替換,然后輸...
暫無介紹