前端

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

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

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 …

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

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

WEB前端性能分析工具篇

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

程序员的五种类型,你是哪一种?

5 种不同类型的程序员。看看你是哪种? 程序员们可谓是形形色色,只能感慨:林子大了……不过他们都在软件开发的万神殿上都有一席之地。如果没有不同编程风格的良好组合,你可能会发现你的项目要不就是耗时过长,要不就是太不稳定或太过完美而无人去做。1. The duct tape programmer 补漏灵型The code may not be pretty, b …

六个技巧提高你的表达能力,学会了吗?

上班与同事间的交谈是免不了的,还有一些人会因为工作性质而常常讲话,所以一些说法的技巧那是肯定要学习的,如何能够成为表达高手呢?瑞典知名心理学家亨里克埃德伯格在博文中指出,人们日常表达中最常犯的错误就是表达方式不当。其实,你的音调、语速甚至肢体语言都是沟通的一部分,它们传达的信息也左右着交谈的质量。因此埃德伯格建议在谈话中应注意以下几点。放慢语速。当你对某件感 …