前端仕锦

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

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

JavaScript 实现 Chrome 桌面通知 (Notification)

今天发现 hacpai 在收到消息提醒时,右下角会弹出一个长方形的消息框,这个在 Chrome 插件拓展 见过很多次,觉得很有趣,便查了下 API ,折腾出了下面的代码:二〇一六年四月二十七日支持新版的谷歌浏览器,同时支持火狐效果如下、JavaScript:旧版代码(已失效)function notify(title, content)& …

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

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

你所不知的 CSS ::before 和 ::after 伪元素用法

CSS 有两个说不上常用的伪类 :before 和 :after,偶尔会被人用来添加些自定义格式什么的,但是它们的功用不仅于此。前几天发现了 Creative Link Effects 这个非常有意思的介绍创意链接特效的页面,里面惊人的效果大量使用到的特性除了 transform 属性进行变形之外,就是接下来要介绍的这两个伪元素 …

Jquery Ajax提交

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

JavaScript中有哪些遍历方式?

不管是移动移动端开发还是web端开发,我们对JS的使用频率都在增加,今天小编将要和大家分享的就是JavaScript中,遍历方式的一些实现方法,个人感觉还是很有用的,有兴趣的童鞋可以一起来看看。为了让大家更直观的了解相关功能,本文将通过例子向大家展示JavaScript的各种遍历,为了方便展示,我们先来了解一下现有数组和json对象:var dem …

function与感叹号

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

www 开头的域名和 Cookie-free

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

Atom配置记录

Atom据说是21世纪的编辑器,今天抽空试用一下。下载 https:atom.io插件Go语言插件https:atom.iopackagesgo-plus](https:atom.iopackagesgo-plus)漂亮的主题https:atom.iopackagesseti-ui源码概览https:atom.iopackagesminimapco …

javascript开发日历

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