前端仕锦

cordova与css结合实现在android上透明状态栏兼容齐刘海等异形屏

应该会有人觉得百度(google)有的东西为什么我会写出来?有我还写啥啊~手上有一个项目,是用cordova+vue的,这个不是重点,由于ios的app上架比较困难,所以优先上架android。因为习惯了在ios上透明状态栏的样式,在android上也想拥有。得赖于ios的css中safe-area-inset-*的属性,可以在cordova的ios端结合c …

带有href的a标签如何不重复打开页面

最近一位同学请教我,如何实现点击一个链接,如果新开的页面存在,切换到这个页面,否则就正常打开。其实一开始我知道如何实现,但是这位同学提供了一个网站,他的实现方式和我想象的还是有差别的。所以就没有把我的想法告诉他。今天早上突然想起这是,于是试了下,证实了我的想法是对的。假设我手上有2个页面index.html和index-menu.html。我们只需要在a标签 …

开发是否应该研究产品

前言 这几天,开始准备新的产品开发,主要是和现货有关,在这家公司做了2年了快,还是有些想法的。今天就开发是否应该研究产品来说说。不知道该是不该开发要不要研究产品,这肯定不是一个新问题,而今我也想说说,因为工作中遇到的问题。(注:这里的产品指互联网产品,下同)在很多时候,产品经理做产品相关的需求、文档、效果、UI等设计,而开发团队只是需要依据产品经理 …

html一些基础使用

OK!接下来我们分别说这些元素的意义。首先,什么是块级元素?在html中    <div>,<p>,<h1>,<form>,<ul>,<li>就是块级元素。(ul标签和li标签还记得是什么意思吧?)设置 display:block 就是将 …

破解电信光猫超级管理员密码

因为电信的垄断性质,对光猫用户仅仅开放光猫的用户权限,很多时候,我们需要对光猫进行进一步的更高级的设置,就需要用到超级管理员权限。其实,每个光猫出厂的时候,仅仅只有管理员账号是固定的,密码是随机的。那么如何破解光猫超管密码呢。密码,一定是保存在光猫内部的,而且逻辑非常简单的光猫,其文件的编码一定非常简单,记事本打开即可。而且正常不会放在更深的目录下,一般是直 …

纯前端实现同电脑同浏览器同域名间数据通讯

因为有时候服务器负载,或者其他需求的原因,只可以从一个页面收发消息,这就导致 这个网站的新开页面无法及时得到消息,本文目的就是要实现同电脑同浏览器同域名间数据通讯机制:H5特性localStorage和visibilitychange解释:localStorage一直浏览器的寄存器,等同于数据库,有大小限制 3M~5M(够的),允许同域名下访问;visibi …

H5新标签visibilityState

这里必须解释一下,这个“激活”,指的是这个标签是否正被用户浏览,或者说是否为当前标签。那么,这个 API 究竟有些什么用途呢?通常,很多传统的页面在用户没有激活它的时候,它还会继续工作,例如,当用户正在浏览新闻门户,而他之前打开的 NBA 球赛页面会继续刷新获取最新结果,视频网站会继续占用带宽加载资源,于是,如果这类不必要的工作太多了,就会造成很多的资源浪费 …

当json遇到for循环

因为项目的原因,经常使用到json循环输出,但是每次都需要得到json的长度似乎有点麻烦常规的做法var data=[{name:"a",age:12},{name:"b",age:11},{name:"c",age:13},{name:"d",age:14}];&nb …

关于iframe跨域操作

跨域操作对程序猿尤其是前端来说是一个又爱又恨的问题。为什么浏览器禁止iframe跨域操作,举个栗子:一个骗子,在自己网页嵌套一个银行的登录页面,除了网址,其他很难分辨是否是“李逵”还是“李鬼”,当然银行网址和骗子的网址不相同,于是构成不同域。受害人在这个网站的iframe输入银行帐号和密码,骗子通过外部的网页很简单的得到iframe内银行网站输入框的valu …

mui框架如何实现页面间传值

在App开发中,页面间传值是很常见的开发需求,mui框架根据业务场景不同,提供了两种传值模式。1、页面初始化时,通过扩展参数传值;mui在初始化页面时,提供了extras配置参数,通过该参数可以设置页面参数,从而实现页面间传值;mui框架在如下几种场景下,会执行页面初始化操作:- 通过mui.openWindow()打开新页面(若目标页面为已预加载成功的页面 …

12个JavaScript技巧

在这篇文章中将给大家分享12个有关于JavaScript的小技巧。这些小技巧可能在你的实际工作中或许能帮助你解决一些问题。使用!!操作符转换布尔值有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值,如果存在就返回true值。为了做这样的验证,我们可以使用!!操作符来实现是非常的方便与简单。对于变量可以使用!!variable做检测,只要变量的值 …