小知识

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

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

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. 将日历看为二维数组,第一级遍历条件为本月行 …

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

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

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

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

Eclipse常用快捷键

1几个最重要的快捷键代码助手:Ctrl+Space(简体中文操作系统是Alt+)快速修正:Ctrl+1单词补全:Alt+打开外部Java文档:Shift+F2显示搜索对话框:Ctrl+H快速Outline:Ctrl+O打开资源:Ctrl+Shift+R打开类型:Ctrl+Shift+T显示重构菜单:Alt+Shift+T上一个下一个光标的位置:Alt+Lef …

原码,反码,补码,移码都是些啥?

  为了方便地使用计算机进行存储和计算,我们引入了原码、反码、补码和移码。直接用正号“+”和负号“-”来表示符号的二进制数,叫做符号数的真值。把一个数连同其符号在内在机器中的表述加以数值化,这样的数称为机器数。一般用最高有效位来表示数的符号,正数用0表示,负数用1表示。例如,真值+1001,对应的机器数为01001;真值-1001,对应的 …

WEB前端性能分析工具篇

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