web

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

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

返回顶部的插件

今天没事情干,写了一个返回顶部和到页面底部的插件,直接页面引入JS即可, 没有加配置文件,有定制需要的直接改js吧效果就是网站右下的那个。<script src="..jstopdown.js" type="textjavascript"><script>JS代码如 …

Amor爬坑记 第一弹 --- 如何让checkbox或radio刷新页面保持之前选中状态

最近在写一个项目,遇到一个对于目前的我来说比较纠结的问题(至于为什么是目前的我?,因为我会成长嘛,毕竟我是Amor,为发骚而生呀),咳咳,我们回归正题,如何让checkbox或radio刷新页面保持之前选中状态,于是我Google了这个问题,终于找到答案,实现的思路是将被勾选的值存入cookie。<div id="dvCBs&quo …

Jquery Ajax提交

Query的serialize()方法通过序列化表单值,创建URL编码文本字符串,处理中文不会乱码,就可以选择一个或多个表单元素,也可以直接选择form将其序列化,如:<form action="">First name:<input name="fname" value="hou" …

function与感叹号

最近有空可以让我静下心来看看各种代码,function与感叹号的频繁出现,让我回想起2个月前我回杭州最后参加团队会议的时候抛出的一样问题:如果在function之前加上感叹号 (!) 会怎么样?比如下面的代码:!function(){alert('iifksp')}()      & …

www 开头的域名和 Cookie-free

本文我们会探索两个问题:网站是应该选择 www 开头的域名作为用户入口还是应该使用不带 www 的域名(裸域)?Cookie-free 是什么?为什么很重要?www 开头的域名国内外大多数知名站点都是使用带 www 的二级域名作为用户入口,其中有通过 301 将裸域重定向到 www 二级域名的,也有通过 302 的(较少)。为什么这些大站(流量大子域名众多) …

javascript开发日历

起因需要实现一个日历功能,网上找了几个示例,都是根据各种库和插件,居然没有纯净的js完成的日历插件,不免有些诧异,正好有时间,准备通过js编写一个简单的日历demo基础,可自由根据使用的插件进行显示层的定制。效果图前提算法说一下日历的算法 1. (本月第一天的星期数+本月的天数)7 可以知道本月需要占据几行。 2. 将日历看为二维数组,第一级遍历条件为本月行 …

JS实现HTML标签转义及反转义

简单说一下业务场景,前台用户通过input输入内容,在离开焦点时,将内容在div中显示。 这时遇到一个问题,如果用户输入了html标签,则在div显示中,标签被解析。 由于是纯前端操作,不涉及后端,因此需要通过js对输入内容进行转义。这里提供一个非常简单有效的转义方案,利用了innerHTML和innerText 注:火狐不支持innerText, …

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

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

WEB前端性能分析工具篇

在线网站类:WebPageTest说明:在线的站点性能评测网站,地址http:www.webpagetest.org补充:其实这网站也是个开源项目,所以支持自己搭建一个内部的测试站点ShowSlow说明:showslow是yslow的数据收集与展示平台http:www.showslow.com,它是一个开源的php项目,可以用来与firefox的yslow插 …