关于百度编辑器中图片手机端自适应、微信jssdk当前页链接、setinterval用法
来源:互联网 发布:深入浅出java 下载 编辑:程序博客网 时间:2024/05/13 14:31
1、百度编辑器中添加的图片在手机端不能自适应问题
做网站经常要用到百度编辑器,页面的渲染我们一般用{$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>
- 2、微信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://" : "http://"; $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>
作者: 小筑
链接:http://www.imooc.com/article/13297
来源:慕课网
0 0
- 关于百度编辑器中图片手机端自适应、微信jssdk当前页链接、setinterval用法
- 关于百度编辑器中图片手机端自适应、微信jssdk当前页链接
- 微信JSSDK获取当前地理位置信息
- 图片自适应大小@百度编辑器
- 使用微信JSSDK实现图片上传
- 微信JSSDK上传多张图片
- 微信JSSDK多图片上传
- 微信JSSDK上传多张图片
- 微信JSSDK拍照选择图片API在IOS中图片不显示问题
- 微信 jssdk获取经纬度转换成百度的经纬度
- 微信 jssdk获取经纬度转换成百度的经纬度
- 微信 JSSDK
- 微信JSSDK-demo
- 微信JSSDK使用指南
- 微信:JSSDK开发
- 微信jssdk总结
- 微信jssdk开发
- 微信 JSSDK 调用
- tensorflow 分布式 数据并行 异步训练 between-graph 自己写的实例 CNN
- gulp入门教程
- HAL 详解之 hardware 详解
- 仿函数(functor)
- Spark集群安装配置步骤
- 关于百度编辑器中图片手机端自适应、微信jssdk当前页链接、setinterval用法
- exp分dmp文件迁移数据
- 关于招聘
- 【原创】WebRTC的拥塞控制技术(Congestion Control)
- 第五届校内选拔javaB组-第七道题敢死队
- 数字图像处理、CG与CV
- Android网络编程之HttpUrlConnection、HttpClient
- Git与Github 常用命令汇总
- 用反编译软件查看公司自己封装好打成jar包的底层代码