![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端开发
JH0610Y
web前端开发
展开
-
H5页面在某些手机自带浏览器后退不刷新的问题
在一个项目里,点击首页头像,跳转登录页,登录完成后自动后退上一页并刷新。此时用到的代码是:window.history.back();这个后退上一页dai代码,当时测试不全面,只在部分手机浏览器上测试通过,所以并没有发现不妥,后来,同事偶然发现在华为p30手机自带浏览器上,登录后退后,数据不同步的问题。经过一番查询,发现了一个新的有效代码:window.location.href=document.referrer;这个亲测,有效。...原创 2020-07-22 10:39:36 · 1020 阅读 · 0 评论 -
关于H5页面唤起app小记
纯属摸索记录。平时也遇到过这样的需求,虽然实现了,但是感觉不完美,所以,工作之余搜索发现了他人的‘先进’实现方法,于是实验一番,感觉不错。用到的插件为:callapp-lib地址:https://github.com/desandro/imagesloaded具体用法大家去看一下文档,说的很清楚。我这里只是简单测试了一下。var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //andro原创 2020-06-23 16:08:05 · 404 阅读 · 0 评论 -
video.js 实现m3u8格式视频 亲测有效果
作为总结,记录一下。代码不全贴了,只选择重要部分:1、引入css文件,js文件video-js.cssvideo.jsvideojs-contrib-hls.min.js我看有些文章说不能播放 跟video.js版本有关系,呵呵,反正我是没有遇到这个问题。videojs-contrib-hls.min.js自行去下载。2、html部分<video id="mVideo" class="video-js vjs-default-skin vjs-big-play-原创 2020-05-22 10:31:25 · 1308 阅读 · 0 评论 -
css实现超出几行省略并...
1、单行word-break: break-all; overflow:hidden; // 超出的文本隐藏 text-overflow:ellipsis; // 溢出用省略号显示 white-space:nowrap; // 溢出不换行2、多行word-break: break-all;overflow:hidden; // 超出的文本隐藏text-overflow:e...转载 2019-09-16 17:57:56 · 220 阅读 · 0 评论 -
快应用web组件加载网页如何与网页通信
快应用不多详述。在快应用里,web组件加载网页如下:<template> <div class="doc-page"> <web id="web" class="web-page" trustedurl="{{trust}}" src="{{webUrl}}" onpagefinish="onPa原创 2019-01-23 09:12:43 · 2835 阅读 · 3 评论 -
web前端如何优化
转自:http://blog.csdn.net/mahoking/article/details/51472697转载 2017-09-12 21:42:08 · 570 阅读 · 0 评论 -
浅谈web缓存
转自:http://www.alloyteam.com/2016/03/discussion-on-web-caching/#prettyPhoto转载 2017-09-12 21:33:26 · 577 阅读 · 0 评论 -
link与@import的区别
在HTML中引入CSS的方法主要有四种,分别是行内样式、内嵌样式、链接样式、导入样式,其中外部引入的两种就是链接样式和导入样式,也就是link和import。1、示例XML/HTML代码 XML/HTML代码 @import url("CSS文件"); 2、区别a、link属于html标签,除了引入css样式外还可以定义RSS等其他事务,@import转载 2017-09-12 15:18:05 · 1100 阅读 · 0 评论 -
js作为一种弱类型语言,它的优缺点
1、优点:a、js减少网络传输在js出现之前,传统的数据提交和验证工作均是由客户端浏览器通过网络传输到服务器上进行,如果数据量很大,这对于网络和服务器的资源来说实在是一种无形浪费,但使用js就可以在客户端就行数据验证。b、js方便操纵html对象。js可以方便的操纵html页面中的对象,用户可以使用js来控制页面中各个元素的外观、状态、甚至运行方式。c、js支持分布式运算。转载 2017-09-12 10:20:20 · 6277 阅读 · 0 评论 -
js中的call()和apply()
面试时两次遇到这个问题,第一次不会,回来查查资料知道了大概,没想过几天再次见到,依旧不会,我这脑子,所以,这次自己查资料看高手的总结,在这记录一下:1、call()方法定义:a、定义:调用一个对象的一个方法,以另一个对象替换当前对象。语法为call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 。b、说明:call方法可以用来代替另一个对象调用一个方法转载 2017-09-12 09:58:44 · 543 阅读 · 0 评论 -
Hbuilder如何连远程接服务器上传代码
1、打开Hbuilder编辑器,菜单-工具-插件安装-选择FTP-安装2、在自己项目右键-部署-运行web部署向导-选中FTP/SFTP/FTPS-下一步,按要求填写相关信息,最后确定。原创 2017-09-19 15:45:55 · 7665 阅读 · 1 评论 -
web前端的跨域问题
所谓跨域是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对JavaScript施加的安全限制。例如以下常见的:1、http://www.wenzehun.com/index.html 调用 http://www.wenzehun.com/server.PHP 这种情况是不跨域的2、http://www.wenzehun.com/index.html 调用转载 2017-08-29 20:59:00 · 596 阅读 · 0 评论 -
html空元素
去面试时被问到html有哪些空元素,一脸懵逼,回来后百度搜查一番,内心哦的一声,soeasy!所谓空元素就是指那些内容的html元素,且空元素是在开始标签中就关闭的,例如.经过汇总以下这些都是空元素:原创 2017-08-29 13:11:52 · 575 阅读 · 0 评论 -
如何用JavaScript在浏览器端获取图片的原始尺寸大小?
今天在网上 冲浪时,看到一篇文章,我只选择主要的粘下来,留作后用:var img = $(“#img_id”); // Get my img elemvar pic_real_width, pic_real_height;$(“<img/>”).attr(“src”, $(img).attr(“src”)).load(function() {pic_real_wid转载 2015-10-23 11:16:50 · 640 阅读 · 0 评论 -
阻止事件冒泡方法
冒泡事件就是点击子节点,会向上触发父节点,祖先节点的点击事件。jQuery对DOM的事件触发具有冒泡特性。有时利用这一特性可以减少重复代码,但有时候我们又不希望事件冒泡。这个时候就要阻止jQuery.Event冒泡。以下提供两种方法参考:1、jQuery.Event提供了一个非常简单的方法来阻止事件冒泡:event.stopPropagation();2、一个更简单的方法阻止事件冒泡:return原创 2015-06-30 19:29:29 · 525 阅读 · 0 评论