web

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

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

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| …

如何让网站变得体验更好

#字体:使用优质字体,能让阅读给为舒适,这个是最简单直接的却又是重要的体验之一。但字体不超过 3 种否则会显得杂乱。body 的字体大小为 最小 16px。标题要大、粗,20 至 30 像素,让它看起来“重”一些。#配色:一般设计理论上使用互补色或者三色组,不超过 3 种颜色。不要使用纯黑色、浅灰色现在的趋势是:去除颜色。当然得有主题色,显示突出,突显内容, …

H5新标签visibilityState

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

thinkphp官方文档的一个深坑-rewrite导致无法get到的优(keng)雅(die)的原因和解决方法

最近学习php,接触的框架是thinkphp因为tp的原因,导致入口单一,也就是index.php这让有强迫症的我有点尴尬了查阅官方文档,文档推荐ISAPI_Rewrite。好吧于是我把提供的rewrite代码复制进去。楼主现在用nginx了所以哈哈哈,这东西就不用了。RewriteRule (.*)$ index.php?s=$1&nb …

关于iframe跨域操作

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

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

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

关于表单回车自动提交的种种

起因业务场景为一个type=text的表单元素,通过ajax进行搜索。但是遇到一个bug,就是在输入之后按回车,就会自动提交表单。查找之后发现了浏览器的表单提交特性如果只有一个text表单元素,回车会自动提交表单!!为了避免这种bug,将表单回车后提交的场景都测试了一遍。场景一:只有一个type=text表单元素<form action=&q …