亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

前端問題多行點點點的問題

anRui / 3162人閱讀

摘要:點點點獲取字符串實際長度漢字英文點占點點點解決代碼是多行可放的最大英文字符數(shù)可以自行調(diào)節(jié)進行適配

        //點點點獲取字符串實際長度(漢字2,英文1,點占0.7)
        function get_strlength(str) {  
            var len = 0;
            if(str.match(/[^ -~]/g) == null) {
                len = str.length;
            } else {
                len = str.length + str.match(/[^ -~]/g).length;
            }
            if (str.match(/./g) != null){
                len -= (str.match(/./g).length * 0.3);
            }
            return len;
        }
        
        //點點點解決代碼,maxLength是多行可放的最大英文字符數(shù)
        function getDotMessage(str , maxLength) {
            maxLength += (str.slice(0,maxLength).match(/./g) != null ? str.slice(0,maxLength).match(/./g).length : 0)*0.3;
            var str1 = "",
                endMaxLength = Math.floor(maxLength),
                maxLen = Math.floor(maxLength);
            if (get_strlength(str) >= maxLen){
                str1 = str.slice(0);
                while (get_strlength(str1) > endMaxLength){
                    str1 = str1.substring(0 , --maxLen);
                }
                return str1 + "..." ;
            }else {
                return str ;
            }
                        
        }

可以自行調(diào)節(jié)maxLength進行適配!

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://www.ezyhdfw.cn/yun/84463.html

相關(guān)文章

  • 案例 - 收藏集 - 掘金

    摘要:同行這么做使用實現(xiàn)圓形進度條前端掘金在開發(fā)微信小程序的時候,遇到圓形進度條的需求。實現(xiàn)也談數(shù)組去重前端掘金的數(shù)組去重是一個老生常談的話題了。百度前端技術(shù)學(xué)院自定義前端掘金一標(biāo)簽概念元素表示用戶界面中項目的標(biāo)題。 閑話圖片上傳 - 掘金作者:孫輝,美團金融前端團隊成員。15年畢業(yè)加入美團,相信技術(shù),更相信技術(shù)只是大千世界里知識的一種,個人博客: https://sunyuhui.com ...

    張金寶 評論0 收藏0
  • 案例 - 收藏集 - 掘金

    摘要:同行這么做使用實現(xiàn)圓形進度條前端掘金在開發(fā)微信小程序的時候,遇到圓形進度條的需求。實現(xiàn)也談數(shù)組去重前端掘金的數(shù)組去重是一個老生常談的話題了。百度前端技術(shù)學(xué)院自定義前端掘金一標(biāo)簽概念元素表示用戶界面中項目的標(biāo)題。 閑話圖片上傳 - 掘金作者:孫輝,美團金融前端團隊成員。15年畢業(yè)加入美團,相信技術(shù),更相信技術(shù)只是大千世界里知識的一種,個人博客: https://sunyuhui.com ...

    huangjinnan 評論0 收藏0
  • css - 收藏集 - 掘金

    摘要:絕對底部前端掘金來自國外的設(shè)計達(dá)人,純,可以實現(xiàn)當(dāng)正文內(nèi)容很少時,底部位于窗口最下面。有效解決圖片使用單位邊角缺失的問題前端掘金起因在移動端使用布局時圖片也需要用單位。 CSS 絕對底部 - 前端 - 掘金來自國外的設(shè)計達(dá)人,純CSS,可以實現(xiàn): 當(dāng)正文內(nèi)容很少時,底部位于窗口最下面。當(dāng)改變窗口高度時,不會出現(xiàn)重疊問題。甚至,創(chuàng)造該CSS的人還專門成立一個網(wǎng)站介紹這個CSS底部布局方案...

    phpmatt 評論0 收藏0
  • 黑科技:CSS定制多行省略

    摘要:多行省略就是大段文字后面的花式點點點。但它固定使用省略號,無法直接擴展。年月日,騰訊控股有限公司在香港聯(lián)交所主板公開上市股票代號。 轉(zhuǎn)載請注明出處:http://hai.li/2017/03/08/css-... 什么是多行省略? showImg(https://segmentfault.com/img/bVKr2N?w=660&h=325); 當(dāng)字?jǐn)?shù)多到一定程度就顯示省略號點點點。最...

    Leo_chen 評論0 收藏0
  • 黑科技:CSS定制多行省略

    摘要:多行省略就是大段文字后面的花式點點點。但它固定使用省略號,無法直接擴展。年月日,騰訊控股有限公司在香港聯(lián)交所主板公開上市股票代號。 轉(zhuǎn)載請注明出處:http://hai.li/2017/03/08/css-... 什么是多行省略? showImg(https://segmentfault.com/img/bVKr2N?w=660&h=325); 當(dāng)字?jǐn)?shù)多到一定程度就顯示省略號點點點。最...

    wpw 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<