web

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

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

angular.js初涉之路由器ngRoute

之前在做分页的时候经常会遇到一个问题,通过URL传递分页参数会导致页面加载过慢,页面有明显刷新的体验。而通过ajax访问虽然仅仅进行了局部刷新,但是用户很难直接通过 URL到达自己想要的页数,或者筛选的结果页面;用户通过浏览器返回也无法回到上一个页面对应的页码。URL有一个属性叫hash,中文名称哈希。location是javascript里边管理地址栏的内 …

使用css3语法实现2个菜单左右靠拢

好像这个标题看上去很容易的样子,但是并不是这样的。实现效果如图。右侧菜单的起始位置确定,但是宽度不确定,左侧菜单的必须靠这右侧菜单距离3像素。因为左右菜单宽度不确定,导致的一个问题是,无法计算左侧菜单的左侧偏移量或者是相对右侧菜单的右侧便宜了。修改了html结构多次无果以后,准备放弃css的方法采用js。突然想起为什么要去计算left或者是right呢?!单 …

如何监听css并同步压缩css(初阶)

一个项目如果使用一份css那么会导致css文件很大,网络上提供了不少的css压缩工具,但是都有一个问题,每次修改每次都需要手动执行压缩的过程。如何监听程序猿修改css,并自动压缩呢。这里用到的是gulp。nodejs的npm命令下载gulp,记得,项目和全局都需要gulp。接着编写脚本。这里直接放代码。var gulp = re …

带有href的a标签如何不重复打开页面

最近一位同学请教我,如何实现点击一个链接,如果新开的页面存在,切换到这个页面,否则就正常打开。其实一开始我知道如何实现,但是这位同学提供了一个网站,他的实现方式和我想象的还是有差别的。所以就没有把我的想法告诉他。今天早上突然想起这是,于是试了下,证实了我的想法是对的。假设我手上有2个页面index.html和index-menu.html。我们只需要在a标签 …

ubuntu服务器如何简单安装nodejs服务

今天有一个项目,其实很简单,主要是为了实时推送新闻资讯,而主项目采用java,在java下开发websocket较为繁琐。所以决定采用nodejs这种高性能服务。这里有一个坑,大家都知道ubuntu有一个apt-get的命令,可以非常快速的下载并安装各类软件。老夫一开始偷懒,直接apt-get nodejs.效果很好,安装完成了,快准狠。处于安全和严谨的目的 …

html一些基础使用

OK!接下来我们分别说这些元素的意义。首先,什么是块级元素?在html中    <div>,<p>,<h1>,<form>,<ul>,<li>就是块级元素。(ul标签和li标签还记得是什么意思吧?)设置 display:block 就是将 …

如何正确而快速的得到websocket的链接和数据结构

因为今天公司有一个需求,需要获取某个网站关于快讯的数据包括实时更新。在查询整个网页链接后发现有如下关键的js文件很明显,获得是数据并实现实时更新的是基于websocket。那么关键的东西来了,在面对一个网站几十个或者上半个连接数如何更快的获得websocket的链接地址,并得到数据结构。来小伙伴们,跟我一起动手吧一、工具一台可以上网的电脑、chrome二、操 …

利用H5PLUS读写文件之读取

首先,来介绍一个坑,H5+目前只开放了目录下4个常量的读或写,分别是常量名称文件名称解释权限PRIVATE_WWWwww应用运行资源目录常量只读PRIVATE_DOCdoc应用私有文档目录常量读写PUBLIC_DOCUMENTSdocuments程序公用文档目录常量读写PUBLIC_DOWNLOADSdownloads程序公用下载目录常量读写所以加入在编写w …

分享一个base.css的代码

base.css对于网页是很重要的,因为浏览器对每个标签的显示是不同的,必须通过resetcss进行统一样式的处理。除了统一样式,base.css网页风格也有统一的作用,甚至减少不必要且冗余的重复代码下面分享一个我用过的base.cssbody, html {font: 14px1.5 "Microsoft& …

html一些基础用法

css中的某些样式是具有继承性的。它允许样式不仅应用于某个特定html标签元素而且应用于其后代。如: p{color:red;}<p>dsffd<span>sdfasdf<span>sd<p>注意有些css样式是不具有继承性的。如:border:1px solid red;这里的设 …