今天做一个分享功能,在QQ内置的情况要弹蒙层。在QQ 浏览器里面要正常。遇到了这个坑,辛亏爬出来了。 在Android上 QQ内置环境的ua中有关键字 MQQBrowser, 并且后面有一个QQ字符,QQ浏览器则没有。 …
标签:html5
构建自己的React:(4)Components and State
翻译自:https://engineering.hexacta.c… 上一节的代码有一些问题: 每次更新都会带来整颗虚拟DOM树的一致性校验; 状态是全局的(没有私有状态); 有变化发生后必须手动调用rend…
webToImage (网页转图片)模块试用分享
模块介绍: 本模块封装了把 webview 转换成图片的功能。调用本模块的transImage接口,可把当前 webview显示的内容转换成一张图片。注意,本模块只能把当前的webview页面转换为图片,如果当前页面上打…
利用canvas实现图片下载功能来实现浏览器兼容问题
前言:项目中需要实现图片下载功能,第一个想到的是使用a标签的download属性来实现,但是在不同浏览器下测试会发现,有的浏览器无效,点击后直接预览图片,所以,上网找到了另外一种兼容不同浏览器的图片下载的方法,那就是利用…
响应式设计简介
响应式设计,就是让同一个页面在不同的分辨率下都要呈现出最佳效果,提升用户体验。很容易想到,设计思路就是针对不同的分辨率,为页面设置不同的样式,下面我们就来看看如何实现。不过在此之前,还需要先了解下面两个东西。 viewp…
WebGL2系列之引言
引子 时光荏苒岁月如梭,不知不觉间,青丝变白发,哦不是,应该是WebGL已经发展到了2.0阶段:WebGL2,WebGL2相比WebGL增加了很多新的特性,这些新的特性能够帮助程序开发人员实现更多 更酷 更炫 更高性能的…
带加载进度的Web图片懒加载组件Lazyload
在Web项目中,大量的图片应用会导致页面加载时间过长,浪费不必要的带宽成本,还会影响用户浏览体验。 Lazyload 是一个文件大小仅4kb的图片懒加载组件(不依赖其它第三方库),组件会根据用户当前浏览的区域去自动加载对…
搜索框设置背景图 通过设置placeholder属性添加
/#keyword/id名为keyword的input框(搜索框)添加背景图片 #keyword::-webkit-input-placeholder { color: transparent; text-indent:…
夯实JS基础(一):this的指向问题和经典面试题
很多高级编程语言都给新创建的对象分配一个引用自身的指针,比如JAVA、C++中的this指针,python中的self,JavaScript也有this指针,虽然它的指向可能相对复杂些,但是this指向的,永远只可能是对…
手把手教你学vue-4(vuex)
1.首先明白vuex是做什么用的。 管理统一组件状态state。每个应用将仅仅包含一个 store 实例。单一状态树让我们能够直接地定位任一特定的状态片段,在调试的过程中也能轻易地取得整个当前应用状态的快照。 2.如何实…
解决各种情况下的iframe高度自适应内容
JS自适应高度,其实就是设置iframe的高度,使其等于内嵌网页的高度,从而看不出来滚动条和嵌套痕迹。对于用户体验和网站美观起着重要作用。如果内容是固定的,那么我们可以通过CSS来给它直接定义一个高度,同样可以实现上面的…
flex布局中某个行内元素居右并垂直居中
首先父盒子设置成display: flex 子元素(行内元素)设flex: 1和text-align: right <div class="flex-box"> <div>1</div>…