//点点点获取字符串实际长度(汉字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进行适配!

前端问题多行点点点的问题相关推荐

  1. 前端,整行英文单词超出范围,单词完整折行

    前端,整行英文单词超出范围,单词完整折行 word-wrap指内容要超出该行范围时,具体如何换行. white-space: nowrap; 规定段落中的文本不进行换行 word-wrap指内容要超出 ...

  2. 一个前端的入行故事,零基础,2个月自学入门前端,半年从外包进淘宝

    我,Scott,一家创业公司的 CTO. 从业 6 年却很少写文章,近一年来接触了几十个刚毕业的前端新人,也面试了 100 多个前端工程师和 Nodejs 工程师,对于前端发展的这个职业算是有些感触吧 ...

  3. 如何统计前端项目有多少行代码

    方法一:输入命令 前端项目核心代码主要在src目录下,打开项目找到src目录,右键点击 git bash here ,然后输入命令: 1.包括空行(会列出每个文件的代码行数): find . &quo ...

  4. 前端基础-html-换行标签

    <!-- 换行标签 场景: 让文字强制换行显示 代码: <br> 语义: 换行 特点: 单标签 让文字强制换行 --> <p>前端技术 <br> 一般分 ...

  5. 前端代码统计行数(工具cloc)用法

    地址 1.首先下载包https://github.com/AlDanial/cloc.git 2.安装 npm install -g cloc # https://www.npmjs.com/pack ...

  6. 前端,vue首行缩进最简单的方法

    例如这一段 <view class="list-cell list-cell-arrow" @click="wei"><view class= ...

  7. 写给想要入行前端的朋友

    对于有想法入行前端或者在考虑要不要入行前端的同学,可能会有很多疑惑,前端好入行吗?应该自学还是上培训班?如果自学的话怎么自学?要学哪些内容?有哪些资料?学到什么程度可以找工作?- 我根据自己的经验,给 ...

  8. 当我们在谈大前端的时候,我们谈的是什么

    在今天,大前端并不是一个陌生的词汇,我们偶尔会听人谈起它,前些天还看到卓同学写了一篇<大前端时代下App开发者的生存之道>,说明这个词开始成为某种共识了. \\ 但是大前端到底指的是什么? ...

  9. 置顶带滚动效果_前端面试:如何实现轮播图效果?

    本文将实现如上所示的轮播图.源代码 (https://github.com/z1ming/AKJS/tree/master/%E8%BD%AE%E6%92%AD%E5%9B%BE%E6%95%88%E ...

最新文章

  1. li 在 UL 中居中均匀显示
  2. Heartbeat V2.x双机热备安装
  3. 抽取、转换和装载介绍(八)实时的意义(待续)
  4. 2017年06月07号课堂笔记
  5. PAT甲级1149 Dangerous Goods Packaging :[C++题解]哈希表、逆向思维
  6. java map套arraylist,在Java中的HashMap和ArrayList的区别?
  7. 系列(九)—TCP/UDP协议
  8. java 多线程 交替_java 多线程–线程交替
  9. Field creation not permitted in partner development mode
  10. 使用Jexus服务器运行Asp.Net Core2.0程序
  11. Visual Studio 2010 sp1
  12. html5svg在线编辑器,SVG to Canvas在线转换工具
  13. Python递归函数的正确理解与使用
  14. NSCache实现内存缓存
  15. 创建一个简单的Flash动画
  16. Python基础:68 个 Python 内置函数介绍(超级详细版本)
  17. matlab矩阵求逆的模块,matlab矩阵求逆矩阵
  18. js与php与mysql_PHP、MySQL和JavaScript入门经典(第6版)
  19. 消失的阅读量:你家公众号还能活多久?
  20. 干货:服务器网卡组技术原理与实践

热门文章

  1. 缩短网址将成微博的重要安全性问题
  2. HTTP 毛病 401.1 - 未经授权:接见因为凭证无效被谢绝
  3. eureka的惊群效应
  4. 两个List合并去重
  5. 《Cacti实战》——导读
  6. .net实现md5加密 sha1加密 sha256加密 sha384加密 sha512加密 des加密解密
  7. zabbix简单入门
  8. BASE64每76个字符自动换行
  9. MySQL服务启动脚本
  10. 使用Memcached实现Session共享