前言
移動端專案開發中，經常遇到需要複製文字的場景，今天咱們就來聊一下，移動端複製文字的那些事~
效果預覽
背景分析
業務需求很簡單，將指定的文字(例如: 關鍵字、文案描述等)複製到手機的剪貼簿上，方便使用者直接進行貼上
解決方案
相關api
document.execcommand
setselectionrange
select
該方法和 setselectionrange 類似，唯一區別是 select 是全選，而 setselectionrange 是手動指定選中範圍
實現思路
dom在某乙個 dom 元素中新增乙個容器 dom ，然後在容器 dom 中追加 input 標籤，並重置 input 的預設樣式，同時將容器 dom 的寬度位置為 1 ，透明度設定為 0
.input_wrap {
position: absolute;
top: 0;
left: 0;
width: 1px;
opacity: 0;
overflow: hidde
H5 文字設定練習
聞李太尉大舉秦兵百萬出征東南懦夫請纓冀申 唐 李白 秦出天下兵，蹴踏燕趙傾。黃河飲馬竭，赤羽連天明。太尉杖旄鉞，雲旗繞彭城。三軍受號令，千里肅雷霆。函谷絕飛鳥，武關擁連營。意在斬巨鰲，何論鱠長鯨。恨無左車略，多愧魯連生。拂劍照嚴霜，雕戈鬘胡纓。願雪會稽恥，將期報恩榮。半道謝病還，無因東南徵。亞夫未見...
h5移動端適配
原理 postcss function 視覺稿的1 10 在index.html中指定 font size為document寬度的1 10 iphonex 的解析度 2436 1125 pt 812 375 dpr 3 iphonexr的解析度 1792 828 pt 896 414 dpr 3 i...
移動端h5優化
1 減少js載入體積 很多庫能用cdn的盡量使用cdn，這樣打包出來的js體積會很小，載入很快。2 盡量採用比較輕量級的ui 元件庫 比如museui，mintui等 4 儘量減少網路請求數量 程式中的資料，有的能乙個介面返回的盡量乙個介面返回，不要弄太多的介面。5 盡量把大的js 檔案進行分割成小...