前端仕锦

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

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

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

Web 通信 之 长连接、长轮询(long polling)

基于HTTP的长连接,是一种通过长轮询方式实现"服务器推"的技术,它弥补了HTTP简单的请求应答模式的不足,极大地增强了程序的实时性和交互性。一、什么是长连接、长轮询?用通俗易懂的话来说,就是客户端不停的向服务器发送请求以获取最新的数据信息。这里的“不停”其实是有停止的,只是我们人眼无法分辨是否停止,它只是一种快速的停下然后又立即开始连接 …

360浏览器指定Webkit(chrome)内核

起因很多web开发者对360浏览器都没有什么好感,拥有着庞大的用户量,但又因为种种特性导致网页兼容问题,尤其是360安全浏览器提供的双内核功能,总是将网站用IE内核去解析,而自己的网站 http:se.360.cn 却指定Webkit内核且不能切换。 但是,其实你们都错了,360是一家有着节操和普世情怀的良心企业,在官网中提供了 …