应该会有人觉得百度（google）有的东西为什么我会写出来？有我还写啥啊～手上有一个项目，是用cordova+vue的，这个不是重点，由于ios的app上架比较困难，所以优先上架android。因为习惯了在ios上透明状态栏的样式，在android上也想拥有。得赖于ios的css中safe-area-inset-*的属性，可以在cordova的ios端结合c …
前端
腾讯对微信尤其是安卓版本的内置浏览器内核做了一点点小处理，在X5内核下，播放会强制全屏，如果需要进行边视频边互动下则无法实现。老夫无论使用百度或者是科学上网google都没有解决办法，就连腾讯开发者论坛内相关帖子也都做了删除处理。后面发现，如果要实现小窗播放，只需要把video转化为html5模式，转化方法如下。<video style=&q …
sprite图 CSSSprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于200KB的单张图片的所需载入时间基本是差不多的，所 …
之前在做分页的时候经常会遇到一个问题，通过URL传递分页参数会导致页面加载过慢，页面有明显刷新的体验。而通过ajax访问虽然仅仅进行了局部刷新，但是用户很难直接通过 URL到达自己想要的页数，或者筛选的结果页面；用户通过浏览器返回也无法回到上一个页面对应的页码。URL有一个属性叫hash，中文名称哈希。location是javascript里边管理地址栏的内 …
好像这个标题看上去很容易的样子，但是并不是这样的。实现效果如图。右侧菜单的起始位置确定，但是宽度不确定，左侧菜单的必须靠这右侧菜单距离3像素。因为左右菜单宽度不确定，导致的一个问题是，无法计算左侧菜单的左侧偏移量或者是相对右侧菜单的右侧便宜了。修改了html结构多次无果以后，准备放弃css的方法采用js。突然想起为什么要去计算left或者是right呢？！单 …
一个项目如果使用一份css那么会导致css文件很大，网络上提供了不少的css压缩工具，但是都有一个问题，每次修改每次都需要手动执行压缩的过程。如何监听程序猿修改css，并自动压缩呢。这里用到的是gulp。nodejs的npm命令下载gulp，记得，项目和全局都需要gulp。接着编写脚本。这里直接放代码。var gulp = re …
最近需要把一个div变成也就是所谓的html代码变成base64编码。一开始觉得很容易，直接调用2个官方的js包即可，结果发现，其实并没那么简单，因为这个div包含了头像，用户可能上传动图gif，比如我。动态下可能导致这个gif无法被正常转为base64，于是胡就想起了canvas把gif转成单张静态的图片。在原生的html里面canvas先定义为2d内容也 …
在高版本的jquery引入prop方法后，什么时候该用prop？什么时候用attr？它们两个之间有什么区别？这些问题就出现了。关于它们两个的区别，网上的答案很多。这里谈谈我的心得，我的心得很简单：对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。上面的描述也许有点模糊，举 …
最近一位同学请教我，如何实现点击一个链接，如果新开的页面存在，切换到这个页面，否则就正常打开。其实一开始我知道如何实现，但是这位同学提供了一个网站，他的实现方式和我想象的还是有差别的。所以就没有把我的想法告诉他。今天早上突然想起这是，于是试了下，证实了我的想法是对的。假设我手上有2个页面index.html和index-menu.html。我们只需要在a标签 …
OK!接下来我们分别说这些元素的意义。首先，什么是块级元素？在html中 <div>,<p>,<h1>,<form>,<ul>,<li>就是块级元素。（ul标签和li标签还记得是什么意思吧？）设置 display:block 就是将 …
首先，来介绍一个坑，H5+目前只开放了目录下4个常量的读或写，分别是常量名称文件名称解释权限PRIVATE_WWWwww应用运行资源目录常量只读PRIVATE_DOCdoc应用私有文档目录常量读写PUBLIC_DOCUMENTSdocuments程序公用文档目录常量读写PUBLIC_DOWNLOADSdownloads程序公用下载目录常量读写所以加入在编写w …