前端

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

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

分享一个base.css的代码

base.css对于网页是很重要的,因为浏览器对每个标签的显示是不同的,必须通过resetcss进行统一样式的处理。除了统一样式,base.css网页风格也有统一的作用,甚至减少不必要且冗余的重复代码下面分享一个我用过的base.cssbody, html {font: 14px1.5 "Microsoft& …

html一些基础用法

css中的某些样式是具有继承性的。它允许样式不仅应用于某个特定html标签元素而且应用于其后代。如: p{color:red;}<p>dsffd<span>sdfasdf<span>sd<p>注意有些css样式是不具有继承性的。如:border:1px solid red;这里的设 …

html一些基础标签

html开始<adress><adress>斜体(地址)<em><em>斜体(表示强调)<code><code>插入一行代码<pre><pre>插入多行代码<ul><li>xx<li><li>oo<li> …

纯前端敏感词过滤

最近有一个项目,是做聊天室的,要求可以根据管理员的录入内容来过滤一些关键词聊天,即时性很重要,如果交给后端,遇到大量的消息进入服务器,在判断,会导致服务器负载过大。于是考虑使用JS 在发送信息之前就先过滤掉关键词。思路:数组+正则代码:数据字典keyWordsData.jsvar keyWordArray = ['草榴& …

初识属性pointer-events

在一个项目中,我为了一个特效,在一个链接前面加入一个半透明遮罩。为此,链接被遮罩挡住,导致无法成功点击到链接。那么有什么办法可以实现事件穿透呢。这里要说到CSS3,CSS3引入不少属性,也有不少属性是包含了JS的集合,比如常见的attr这个。对于以上事件,这样介绍一个CSS3的属性pointer-events常见的pointer-events的值有auto| …

H5新标签visibilityState

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

关于iframe跨域操作

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

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

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

12个JavaScript技巧

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

IIS和tomcat共用80端口

很多机器都需要同时使用tomcat和iis两个服务器以部署不同的网站,而解决共用80端口的问题也经常遇到,今天实际操作了一回,以下是具体步骤:实现tomcat和iis共用80端口的思路其实就是利用iis可以建立多个网站的功能,将tomcat下的项目添加为iis的一个站点,再使用一个可以redirect的插件,将iis中指向此站点的请求交给tomcat来处理。 …