Skip to content

{ Category Archives } 前端

微信内置浏览器H5如何清除缓存以及 cookie 和 localStorage 何时清除

背景

我们在开发微信 H5页面的时候经常会遇到资源文件(图片、css、js 等)不更新的问题,其实解决方案很简单,只要在请求地址之后加一个随机数参数即可:

<img src="./img/image-url-test.jpg?v20180318214000">

本文想探究的是除了[……]

继续阅读

一个典型的闭包方案,取for循环中i的值

有个网友问了个问题,如下的html,为什么每次输出都是5,而不是点击每个p,就alert出对应的1,2,3,4,5。

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; chars[......]

继续阅读

字符编码

字符编码讲解文章:

前端历史课:那些来自洪荒时代的编码知识
JavaScript 有个 Unicode 的天坑

ASCII

编码
缩写
说明
编码
字符
编码
字符
编码
字符

0
NUL(null)
空字符
33[……]

继续阅读

前端图片懒加载

https://mp.weixin.qq.com/s/JYglEGYN9tnGpDg7ARPx7w
http://gitlab.66xue.com/xdf-fe/LoadOnDemand[……]

继续阅读

前端坑汇总(浏览器Bug)

1 Safari里面如果声明一个没有赋值的全局变量,浏览器会自动在DOM中找id为这个变量名的元素赋值给变量。

<div id="test"></div>

<script>
  var test;
  console.log(test); // [object[......]

继续阅读

一些前端解决方案

1. 在手机浏览器中唤起App
2. 通过JavaScript获取移动设备型号[……]

继续阅读

JavaScript 工具库 ez.js

项目地址:https://github.com/feizhaojun/ez.js[……]

继续阅读

前端扩展插件

模拟数据

Easy Mock
野狗

JavaScript 交互

waypoints 滚动到某元素触发某事件

JavaScript UI工具

autosize 自动调整textarea输入框大小
clipboardjs 剪切板
jQuery custom content scroller 滚[……]

继续阅读

IE下载保存base64文件

如果一个超链接的链接地址是一个base64的代码,如下:

<a href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYW[......]

继续阅读

网页使用html5录音

实现原理

通过 HTML5 的 getUserMedia 接口,可以让页面在浏览器当中访问客户端的硬件设备(摄像头和麦克风)。然后配合 Web Audio API 使用 <audio> 标签来存储录音。
具体解释:https://www.html5rocks.com/zh/tut[……]

继续阅读

Discuz论坛不能批量上传图片

1.任何网站实现批量上传都需要借助flash或者sliverlight(微软的,几乎歇菜了),Discuz的批量上传是借助flash的。

2.因为flash如此强大,可能获取到用户的客户端信息,所以现代浏览器(尤其是谷歌浏览器)目前都是默认不自动执行flash的。

以上就是原因。解决方案[……]

继续阅读

前端跨域方法总结

什么是 AJAX 跨域

端口不同,域名(包括子域,层级)不同,协议不同。

前端跨域

  1. 超链接、重定向、表单提交
  2. 资源引入<link>、<script>、<img>、<frame>等dom标签,还有样式中background:url()、@font[……]

    继续阅读


TOP