机器人之关于百度编辑器中图片手机端自适应、微信jssdk当前页链接、setinterval用法
小标 2018-10-25 来源 : 阅读 852 评论 0

摘要:本文主要向大家介绍了机器人之关于百度编辑器中图片手机端自适应、微信jssdk当前页链接、setinterval用法,通过具体的内容向大家展现,希望对大家学习机器人有所帮助。

本文主要向大家介绍了机器人之关于百度编辑器中图片手机端自适应、微信jssdk当前页链接、setinterval用法,通过具体的内容向大家展现,希望对大家学习机器人有所帮助。


近期做项目遇到的一些问题,简单总结一下,一些解决方法仅一家之言,欢迎大家指正。





百度编辑器中添加的图片在手机端不能自适应问题

做网站经常要用到百度编辑器,页面的渲染我们一般用{$content}来显示,这时候在手机端就会出现首先宽度过宽超过手机尺寸的问题,用max-width:100%;限制之后呢又会发现高度还是那么高,没有进行等比例缩放,找了下度娘下面列一下解决方法:

经过调试发现,<img>标签中的style就是影响移动端自适应的问题所在。将整个style删除后,既不会影响PC端图片大小,也会使自适应恢复。

百度编辑器呢会自动把添加的图片设置宽高属性,所以我们要把这两行代码干掉——找到js所在位置ueditor/ueditor/dialogs/image,找到image.js文件,打开编辑,第272行和279行分别设置了宽高属性,将其屏蔽即可style: "width:" + data['width'] + "px;height:" + data['height'] + "px;"

然后在页面稍加限制

<div class="test"> {$content} </div> <style> .test img{display:block;max-width:100%;height:auto;} </style> 



微信jssdk发给朋友接口



    wx.ready(function(){
        // config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。
            wx.onMenuShareAppMessage({
                title: '', // 分享标题
                desc: '', // 分享描述
                link: '<?=$fenxiangurl?>', // 分享链接
                imgUrl: '', // 分享图标
                //type: 'link', // 分享类型,music、video或link,不填默认为link
                //dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
                success: function () { 
                    // 用户确认分享后执行的回调函数

                },
                cancel: function () { 
                    // 用户取消分享后执行的回调函数

                }
            });
    });


里面这个link我们一般分享的是当前页面,找了一种方式


    <?php

    $share= (!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off'  $_SERVER['SERVER_PORT'] == 443) ? "https://" : "//";
    $shareUrl = "$share$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";
    ?>



setintval的用法

代码场景:实现每隔一秒执行一次sendMsg();先看一段代码,大家看看有什么问题没。



for(var i=0; i<ids.length-1;i++){
    setInterval(sendMsg(ids[i]),times*1000);
}


然后再看这段:


<script language=javascript>
var int=self.setInterval(function(){sendMsg(ids[i])},1000);
</script>


ok,今天就先写这么多,欢迎各路大神指正 ^_^


        

本文由职坐标整理并发布,希望对同学们有所帮助。了解更多详情请关注职坐标人工智能智能机器人频道!


本文由 @小标 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 0
看完这篇文章有何感觉?已经有0人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved

208小时内训课程