JS限制文本字数 + CSS限制文字行数

CSS

.txt{
    display: -webkit-box;  /*将对象作为弹性盒子模型显示*/
    overflow: hidden; /**/
    text-overflow:ellipsis;
    word-break:break-all;
    -webkit-box-orient:vertical;/*伸缩盒对象的子元素的排列方式-垂直*/
    -webkit-line-clamp:3; /*限制文本的行数*/
}

JS

<script>
    $(document).ready(function(){    
        $(".news").each(function(){
             var maxwidth=100;   
             if($(this).text().length>maxwidth){   
             $(this).text($(this).text().substring(0,maxwidth));    
             $(this).html($(this).html()+"<a href='#'>[详细]</a>");    
        }    
        });   
    });  
</script>

微信分享接口示例(设置标题、缩略图、连接、描述),附demo下载

  前几天因为项目所需要实现微信分享接口,在网上搜了一大堆,实现办法大致分为两种,第一:在body之后加一个img标签并且设置display:none,这种方法感觉不科学所以我没有测试过。第二:使用微信的分享接口,但在网上也没用找到完整的示例,还是自己折腾吧,请看下面。

第一步:

先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
注:认证帐号才有分享权限

- 阅读剩余部分 -

用ngrok把树莓派web服务映射到公网

  作为一个web开发者有些时候需要把我们本地的项目展示给客户或外网的用户看,按照常规的思路还得部署到服务器,这是烦琐的事情。
  还好有个叫ngrok国外的服务,但使用起来非常慢,好在ngrok有开源版本放出,所以很多小伙伴就在国内搭建了ngrok服务,我推荐http://www.ngrok.cc/,我们先去下载ngrok.cc编译的客户端(支持windows/linux/mac)然后修改ngrok.cfg配置文件,然后在命令行/终端运行就行了,当然前提是树莓派搭建了web服务器
Linux:./sunny -config ngrok.cfg start sunny
Windows:sunny.exe -config ngrok.cfg start sunny

ps:ngrok用于微信开发真乃神奇!