前端问题多行点点点的问题
//点点点获取字符串实际长度(汉字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是多行可放的最大英文字符数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 ;}}
可以自行调节maxLength进行适配!
前端问题多行点点点的问题相关推荐
- 前端,整行英文单词超出范围,单词完整折行
前端,整行英文单词超出范围,单词完整折行 word-wrap指内容要超出该行范围时,具体如何换行. white-space: nowrap; 规定段落中的文本不进行换行 word-wrap指内容要超出 ...
- 一个前端的入行故事,零基础,2个月自学入门前端,半年从外包进淘宝
我,Scott,一家创业公司的 CTO. 从业 6 年却很少写文章,近一年来接触了几十个刚毕业的前端新人,也面试了 100 多个前端工程师和 Nodejs 工程师,对于前端发展的这个职业算是有些感触吧 ...
- 如何统计前端项目有多少行代码
方法一:输入命令 前端项目核心代码主要在src目录下,打开项目找到src目录,右键点击 git bash here ,然后输入命令: 1.包括空行(会列出每个文件的代码行数): find . &quo ...
- 前端基础-html-换行标签
<!-- 换行标签 场景: 让文字强制换行显示 代码: <br> 语义: 换行 特点: 单标签 让文字强制换行 --> <p>前端技术 <br> 一般分 ...
- 前端代码统计行数(工具cloc)用法
地址 1.首先下载包https://github.com/AlDanial/cloc.git 2.安装 npm install -g cloc # https://www.npmjs.com/pack ...
- 前端,vue首行缩进最简单的方法
例如这一段 <view class="list-cell list-cell-arrow" @click="wei"><view class= ...
- 写给想要入行前端的朋友
对于有想法入行前端或者在考虑要不要入行前端的同学,可能会有很多疑惑,前端好入行吗?应该自学还是上培训班?如果自学的话怎么自学?要学哪些内容?有哪些资料?学到什么程度可以找工作?- 我根据自己的经验,给 ...
- 当我们在谈大前端的时候,我们谈的是什么
在今天,大前端并不是一个陌生的词汇,我们偶尔会听人谈起它,前些天还看到卓同学写了一篇<大前端时代下App开发者的生存之道>,说明这个词开始成为某种共识了. \\ 但是大前端到底指的是什么? ...
- 置顶带滚动效果_前端面试:如何实现轮播图效果?
本文将实现如上所示的轮播图.源代码 (https://github.com/z1ming/AKJS/tree/master/%E8%BD%AE%E6%92%AD%E5%9B%BE%E6%95%88%E ...
最新文章
- li 在 UL 中居中均匀显示
- Heartbeat V2.x双机热备安装
- 抽取、转换和装载介绍(八)实时的意义(待续)
- 2017年06月07号课堂笔记
- PAT甲级1149 Dangerous Goods Packaging :[C++题解]哈希表、逆向思维
- java map套arraylist,在Java中的HashMap和ArrayList的区别?
- 系列(九)—TCP/UDP协议
- java 多线程 交替_java 多线程–线程交替
- Field creation not permitted in partner development mode
- 使用Jexus服务器运行Asp.Net Core2.0程序
- Visual Studio 2010 sp1
- html5svg在线编辑器,SVG to Canvas在线转换工具
- Python递归函数的正确理解与使用
- NSCache实现内存缓存
- 创建一个简单的Flash动画
- Python基础:68 个 Python 内置函数介绍(超级详细版本)
- matlab矩阵求逆的模块,matlab矩阵求逆矩阵
- js与php与mysql_PHP、MySQL和JavaScript入门经典(第6版)
- 消失的阅读量:你家公众号还能活多久?
- 干货:服务器网卡组技术原理与实践